.form-control.redColorClass,
.redColorClass {
  border: 3px solid #f00 !important;
}
.form-control.greenColorClass,
.greenColorClass {
  border: 3px solid #008000 !important;
}
.form-control.orangeColorClass,
.orangeColorClass {
  border: 3px solid #ffa500 !important;
}
.outerspan {
  display: inline-block;
}
.selectedVariantBase {
  margin-bottom: 10px;
  background-color: #ddd;
  padding: 10px;
  border-radius: 3px;
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block;
  }
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    vertical-align: baseline;
  }
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  [hidden],
  template {
    display: none;
  }
  a {
    background-color: transparent;
  }
  a:active,
  a:hover {
    outline: 0;
  }
  abbr[title] {
    border-bottom: 1px dotted;
  }
  b,
  strong {
    font-weight: bold;
  }
  dfn {
    font-style: italic;
  }
  h1 {
    margin: .67em 0;
    font-size: 2em;
  }
  mark {
    color: #000;
    background: #ff0;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }
  sup {
    top: -.5em;
  }
  sub {
    bottom: -.25em;
  }
  img {
    border: 0;
  }
  svg:not(:root) {
    overflow: hidden;
  }
  figure {
    margin: 1em 40px;
  }
  hr {
    height: 0;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
  }
  pre {
    overflow: auto;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    margin: 0;
    font: inherit;
    color: inherit;
  }
  button {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  button[disabled],
  html input[disabled] {
    cursor: default;
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  input {
    line-height: normal;
  }
  input[type="checkbox"],
  input[type="radio"] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  input[type="search"] {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-appearance: textfield;
  }
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
  }
  legend {
    padding: 0;
    border: 0;
  }
  textarea {
    overflow: auto;
  }
  optgroup {
    font-weight: bold;
  }
  table {
    border-spacing: 0;
    border-collapse: collapse;
  }
  td,
  th {
    padding: 0;
  }
  /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  @media print {
    *,
    *:before,
    *:after {
      color: #000 !important;
      text-shadow: none !important;
      background: transparent !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
    }
    a,
    a:visited {
      text-decoration: underline;
    }
    a[href]:after {
      content: " (" attr(href) ")";
    }
    abbr[title]:after {
      content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
      content: "";
    }
    pre,
    blockquote {
      border: 1px solid #999;
  
      page-break-inside: avoid;
    }
    thead {
      display: table-header-group;
    }
    tr,
    img {
      page-break-inside: avoid;
    }
    img {
      max-width: 100% !important;
    }
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }
    h2,
    h3 {
      page-break-after: avoid;
    }
    .navbar {
      display: none;
    }
    .btn > .caret,
    .dropup > .btn > .caret {
      border-top-color: #000 !important;
    }
    .label {
      border: 1px solid #000;
    }
    .table {
      border-collapse: collapse !important;
    }
    .table td,
    .table th {
      background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
      border: 1px solid #ddd !important;
    }
  }
  @font-face {
    font-family: 'Glyphicons Halflings';
  
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }
  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .glyphicon-asterisk:before {
    content: "\002a";
  }
  .glyphicon-plus:before {
    content: "\002b";
  }
  .glyphicon-euro:before,
  .glyphicon-eur:before {
    content: "\20ac";
  }
  .glyphicon-minus:before {
    content: "\2212";
  }
  .glyphicon-cloud:before {
    content: "\2601";
  }
  .glyphicon-envelope:before {
    content: "\2709";
  }
  .glyphicon-pencil:before {
    content: "\270f";
  }
  .glyphicon-glass:before {
    content: "\e001";
  }
  .glyphicon-music:before {
    content: "\e002";
  }
  .glyphicon-search:before {
    content: "\e003";
  }
  .glyphicon-heart:before {
    content: "\e005";
  }
  .glyphicon-star:before {
    content: "\e006";
  }
  .glyphicon-star-empty:before {
    content: "\e007";
  }
  .glyphicon-user:before {
    content: "\e008";
  }
  .glyphicon-film:before {
    content: "\e009";
  }
  .glyphicon-th-large:before {
    content: "\e010";
  }
  .glyphicon-th:before {
    content: "\e011";
  }
  .glyphicon-th-list:before {
    content: "\e012";
  }
  .glyphicon-ok:before {
    content: "\e013";
  }
  .glyphicon-remove:before {
    content: "\e014";
  }
  .glyphicon-zoom-in:before {
    content: "\e015";
  }
  .glyphicon-zoom-out:before {
    content: "\e016";
  }
  .glyphicon-off:before {
    content: "\e017";
  }
  .glyphicon-signal:before {
    content: "\e018";
  }
  .glyphicon-cog:before {
    content: "\e019";
  }
  .glyphicon-trash:before {
    content: "\e020";
  }
  .glyphicon-home:before {
    content: "\e021";
  }
  .glyphicon-file:before {
    content: "\e022";
  }
  .glyphicon-time:before {
    content: "\e023";
  }
  .glyphicon-road:before {
    content: "\e024";
  }
  .glyphicon-download-alt:before {
    content: "\e025";
  }
  .glyphicon-download:before {
    content: "\e026";
  }
  .glyphicon-upload:before {
    content: "\e027";
  }
  .glyphicon-inbox:before {
    content: "\e028";
  }
  .glyphicon-play-circle:before {
    content: "\e029";
  }
  .glyphicon-repeat:before {
    content: "\e030";
  }
  .glyphicon-refresh:before {
    content: "\e031";
  }
  .glyphicon-list-alt:before {
    content: "\e032";
  }
  .glyphicon-lock:before {
    content: "\e033";
  }
  .glyphicon-flag:before {
    content: "\e034";
  }
  .glyphicon-headphones:before {
    content: "\e035";
  }
  .glyphicon-volume-off:before {
    content: "\e036";
  }
  .glyphicon-volume-down:before {
    content: "\e037";
  }
  .glyphicon-volume-up:before {
    content: "\e038";
  }
  .glyphicon-qrcode:before {
    content: "\e039";
  }
  .glyphicon-barcode:before {
    content: "\e040";
  }
  .glyphicon-tag:before {
    content: "\e041";
  }
  .glyphicon-tags:before {
    content: "\e042";
  }
  .glyphicon-book:before {
    content: "\e043";
  }
  .glyphicon-bookmark:before {
    content: "\e044";
  }
  .glyphicon-print:before {
    content: "\e045";
  }
  .glyphicon-camera:before {
    content: "\e046";
  }
  .glyphicon-font:before {
    content: "\e047";
  }
  .glyphicon-bold:before {
    content: "\e048";
  }
  .glyphicon-italic:before {
    content: "\e049";
  }
  .glyphicon-text-height:before {
    content: "\e050";
  }
  .glyphicon-text-width:before {
    content: "\e051";
  }
  .glyphicon-align-left:before {
    content: "\e052";
  }
  .glyphicon-align-center:before {
    content: "\e053";
  }
  .glyphicon-align-right:before {
    content: "\e054";
  }
  .glyphicon-align-justify:before {
    content: "\e055";
  }
  .glyphicon-list:before {
    content: "\e056";
  }
  .glyphicon-indent-left:before {
    content: "\e057";
  }
  .glyphicon-indent-right:before {
    content: "\e058";
  }
  .glyphicon-facetime-video:before {
    content: "\e059";
  }
  .glyphicon-picture:before {
    content: "\e060";
  }
  .glyphicon-map-marker:before {
    content: "\e062";
  }
  .glyphicon-adjust:before {
    content: "\e063";
  }
  .glyphicon-tint:before {
    content: "\e064";
  }
  .glyphicon-edit:before {
    content: "\e065";
  }
  .glyphicon-share:before {
    content: "\e066";
  }
  .glyphicon-check:before {
    content: "\e067";
  }
  .glyphicon-move:before {
    content: "\e068";
  }
  .glyphicon-step-backward:before {
    content: "\e069";
  }
  .glyphicon-fast-backward:before {
    content: "\e070";
  }
  .glyphicon-backward:before {
    content: "\e071";
  }
  .glyphicon-play:before {
    content: "\e072";
  }
  .glyphicon-pause:before {
    content: "\e073";
  }
  .glyphicon-stop:before {
    content: "\e074";
  }
  .glyphicon-forward:before {
    content: "\e075";
  }
  .glyphicon-fast-forward:before {
    content: "\e076";
  }
  .glyphicon-step-forward:before {
    content: "\e077";
  }
  .glyphicon-eject:before {
    content: "\e078";
  }
  .glyphicon-chevron-left:before {
    content: "\e079";
  }
  .glyphicon-chevron-right:before {
    content: "\e080";
  }
  .glyphicon-plus-sign:before {
    content: "\e081";
  }
  .glyphicon-minus-sign:before {
    content: "\e082";
  }
  .glyphicon-remove-sign:before {
    content: "\e083";
  }
  .glyphicon-ok-sign:before {
    content: "\e084";
  }
  .glyphicon-question-sign:before {
    content: "\e085";
  }
  .glyphicon-info-sign:before {
    content: "\e086";
  }
  .glyphicon-screenshot:before {
    content: "\e087";
  }
  .glyphicon-remove-circle:before {
    content: "\e088";
  }
  .glyphicon-ok-circle:before {
    content: "\e089";
  }
  .glyphicon-ban-circle:before {
    content: "\e090";
  }
  .glyphicon-arrow-left:before {
    content: "\e091";
  }
  .glyphicon-arrow-right:before {
    content: "\e092";
  }
  .glyphicon-arrow-up:before {
    content: "\e093";
  }
  .glyphicon-arrow-down:before {
    content: "\e094";
  }
  .glyphicon-share-alt:before {
    content: "\e095";
  }
  .glyphicon-resize-full:before {
    content: "\e096";
  }
  .glyphicon-resize-small:before {
    content: "\e097";
  }
  .glyphicon-exclamation-sign:before {
    content: "\e101";
  }
  .glyphicon-gift:before {
    content: "\e102";
  }
  .glyphicon-leaf:before {
    content: "\e103";
  }
  .glyphicon-fire:before {
    content: "\e104";
  }
  .glyphicon-eye-open:before {
    content: "\e105";
  }
  .glyphicon-eye-close:before {
    content: "\e106";
  }
  .glyphicon-warning-sign:before {
    content: "\e107";
  }
  .glyphicon-plane:before {
    content: "\e108";
  }
  .glyphicon-calendar:before {
    content: "\e109";
  }
  .glyphicon-random:before {
    content: "\e110";
  }
  .glyphicon-comment:before {
    content: "\e111";
  }
  .glyphicon-magnet:before {
    content: "\e112";
  }
  .glyphicon-chevron-up:before {
    content: "\e113";
  }
  .glyphicon-chevron-down:before {
    content: "\e114";
  }
  .glyphicon-retweet:before {
    content: "\e115";
  }
  .glyphicon-shopping-cart:before {
    content: "\e116";
  }
  .glyphicon-folder-close:before {
    content: "\e117";
  }
  .glyphicon-folder-open:before {
    content: "\e118";
  }
  .glyphicon-resize-vertical:before {
    content: "\e119";
  }
  .glyphicon-resize-horizontal:before {
    content: "\e120";
  }
  .glyphicon-hdd:before {
    content: "\e121";
  }
  .glyphicon-bullhorn:before {
    content: "\e122";
  }
  .glyphicon-bell:before {
    content: "\e123";
  }
  .glyphicon-certificate:before {
    content: "\e124";
  }
  .glyphicon-thumbs-up:before {
    content: "\e125";
  }
  .glyphicon-thumbs-down:before {
    content: "\e126";
  }
  .glyphicon-hand-right:before {
    content: "\e127";
  }
  .glyphicon-hand-left:before {
    content: "\e128";
  }
  .glyphicon-hand-up:before {
    content: "\e129";
  }
  .glyphicon-hand-down:before {
    content: "\e130";
  }
  .glyphicon-circle-arrow-right:before {
    content: "\e131";
  }
  .glyphicon-circle-arrow-left:before {
    content: "\e132";
  }
  .glyphicon-circle-arrow-up:before {
    content: "\e133";
  }
  .glyphicon-circle-arrow-down:before {
    content: "\e134";
  }
  .glyphicon-globe:before {
    content: "\e135";
  }
  .glyphicon-wrench:before {
    content: "\e136";
  }
  .glyphicon-tasks:before {
    content: "\e137";
  }
  .glyphicon-filter:before {
    content: "\e138";
  }
  .glyphicon-briefcase:before {
    content: "\e139";
  }
  .glyphicon-fullscreen:before {
    content: "\e140";
  }
  .glyphicon-dashboard:before {
    content: "\e141";
  }
  .glyphicon-paperclip:before {
    content: "\e142";
  }
  .glyphicon-heart-empty:before {
    content: "\e143";
  }
  .glyphicon-link:before {
    content: "\e144";
  }
  .glyphicon-phone:before {
    content: "\e145";
  }
  .glyphicon-pushpin:before {
    content: "\e146";
  }
  .glyphicon-usd:before {
    content: "\e148";
  }
  .glyphicon-gbp:before {
    content: "\e149";
  }
  .glyphicon-sort:before {
    content: "\e150";
  }
  .glyphicon-sort-by-alphabet:before {
    content: "\e151";
  }
  .glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
  }
  .glyphicon-sort-by-order:before {
    content: "\e153";
  }
  .glyphicon-sort-by-order-alt:before {
    content: "\e154";
  }
  .glyphicon-sort-by-attributes:before {
    content: "\e155";
  }
  .glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
  }
  .glyphicon-unchecked:before {
    content: "\e157";
  }
  .glyphicon-expand:before {
    content: "\e158";
  }
  .glyphicon-collapse-down:before {
    content: "\e159";
  }
  .glyphicon-collapse-up:before {
    content: "\e160";
  }
  .glyphicon-log-in:before {
    content: "\e161";
  }
  .glyphicon-flash:before {
    content: "\e162";
  }
  .glyphicon-log-out:before {
    content: "\e163";
  }
  .glyphicon-new-window:before {
    content: "\e164";
  }
  .glyphicon-record:before {
    content: "\e165";
  }
  .glyphicon-save:before {
    content: "\e166";
  }
  .glyphicon-open:before {
    content: "\e167";
  }
  .glyphicon-saved:before {
    content: "\e168";
  }
  .glyphicon-import:before {
    content: "\e169";
  }
  .glyphicon-export:before {
    content: "\e170";
  }
  .glyphicon-send:before {
    content: "\e171";
  }
  .glyphicon-floppy-disk:before {
    content: "\e172";
  }
  .glyphicon-floppy-saved:before {
    content: "\e173";
  }
  .glyphicon-floppy-remove:before {
    content: "\e174";
  }
  .glyphicon-floppy-save:before {
    content: "\e175";
  }
  .glyphicon-floppy-open:before {
    content: "\e176";
  }
  .glyphicon-credit-card:before {
    content: "\e177";
  }
  .glyphicon-transfer:before {
    content: "\e178";
  }
  .glyphicon-cutlery:before {
    content: "\e179";
  }
  .glyphicon-header:before {
    content: "\e180";
  }
  .glyphicon-compressed:before {
    content: "\e181";
  }
  .glyphicon-earphone:before {
    content: "\e182";
  }
  .glyphicon-phone-alt:before {
    content: "\e183";
  }
  .glyphicon-tower:before {
    content: "\e184";
  }
  .glyphicon-stats:before {
    content: "\e185";
  }
  .glyphicon-sd-video:before {
    content: "\e186";
  }
  .glyphicon-hd-video:before {
    content: "\e187";
  }
  .glyphicon-subtitles:before {
    content: "\e188";
  }
  .glyphicon-sound-stereo:before {
    content: "\e189";
  }
  .glyphicon-sound-dolby:before {
    content: "\e190";
  }
  .glyphicon-sound-5-1:before {
    content: "\e191";
  }
  .glyphicon-sound-6-1:before {
    content: "\e192";
  }
  .glyphicon-sound-7-1:before {
    content: "\e193";
  }
  .glyphicon-copyright-mark:before {
    content: "\e194";
  }
  .glyphicon-registration-mark:before {
    content: "\e195";
  }
  .glyphicon-cloud-download:before {
    content: "\e197";
  }
  .glyphicon-cloud-upload:before {
    content: "\e198";
  }
  .glyphicon-tree-conifer:before {
    content: "\e199";
  }
  .glyphicon-tree-deciduous:before {
    content: "\e200";
  }
  .glyphicon-cd:before {
    content: "\e201";
  }
  .glyphicon-save-file:before {
    content: "\e202";
  }
  .glyphicon-open-file:before {
    content: "\e203";
  }
  .glyphicon-level-up:before {
    content: "\e204";
  }
  .glyphicon-copy:before {
    content: "\e205";
  }
  .glyphicon-paste:before {
    content: "\e206";
  }
  .glyphicon-alert:before {
    content: "\e209";
  }
  .glyphicon-equalizer:before {
    content: "\e210";
  }
  .glyphicon-king:before {
    content: "\e211";
  }
  .glyphicon-queen:before {
    content: "\e212";
  }
  .glyphicon-pawn:before {
    content: "\e213";
  }
  .glyphicon-bishop:before {
    content: "\e214";
  }
  .glyphicon-knight:before {
    content: "\e215";
  }
  .glyphicon-baby-formula:before {
    content: "\e216";
  }
  .glyphicon-tent:before {
    content: "\26fa";
  }
  .glyphicon-blackboard:before {
    content: "\e218";
  }
  .glyphicon-bed:before {
    content: "\e219";
  }
  .glyphicon-apple:before {
    content: "\f8ff";
  }
  .glyphicon-erase:before {
    content: "\e221";
  }
  .glyphicon-hourglass:before {
    content: "\231b";
  }
  .glyphicon-lamp:before {
    content: "\e223";
  }
  .glyphicon-duplicate:before {
    content: "\e224";
  }
  .glyphicon-piggy-bank:before {
    content: "\e225";
  }
  .glyphicon-scissors:before {
    content: "\e226";
  }
  .glyphicon-bitcoin:before {
    content: "\e227";
  }
  .glyphicon-btc:before {
    content: "\e227";
  }
  .glyphicon-xbt:before {
    content: "\e227";
  }
  .glyphicon-yen:before {
    content: "\00a5";
  }
  .glyphicon-jpy:before {
    content: "\00a5";
  }
  .glyphicon-ruble:before {
    content: "\20bd";
  }
  .glyphicon-rub:before {
    content: "\20bd";
  }
  .glyphicon-scale:before {
    content: "\e230";
  }
  .glyphicon-ice-lolly:before {
    content: "\e231";
  }
  .glyphicon-ice-lolly-tasted:before {
    content: "\e232";
  }
  .glyphicon-education:before {
    content: "\e233";
  }
  .glyphicon-option-horizontal:before {
    content: "\e234";
  }
  .glyphicon-option-vertical:before {
    content: "\e235";
  }
  .glyphicon-menu-hamburger:before {
    content: "\e236";
  }
  .glyphicon-modal-window:before {
    content: "\e237";
  }
  .glyphicon-oil:before {
    content: "\e238";
  }
  .glyphicon-grain:before {
    content: "\e239";
  }
  .glyphicon-sunglasses:before {
    content: "\e240";
  }
  .glyphicon-text-size:before {
    content: "\e241";
  }
  .glyphicon-text-color:before {
    content: "\e242";
  }
  .glyphicon-text-background:before {
    content: "\e243";
  }
  .glyphicon-object-align-top:before {
    content: "\e244";
  }
  .glyphicon-object-align-bottom:before {
    content: "\e245";
  }
  .glyphicon-object-align-horizontal:before {
    content: "\e246";
  }
  .glyphicon-object-align-left:before {
    content: "\e247";
  }
  .glyphicon-object-align-vertical:before {
    content: "\e248";
  }
  .glyphicon-object-align-right:before {
    content: "\e249";
  }
  .glyphicon-triangle-right:before {
    content: "\e250";
  }
  .glyphicon-triangle-left:before {
    content: "\e251";
  }
  .glyphicon-triangle-bottom:before {
    content: "\e252";
  }
  .glyphicon-triangle-top:before {
    content: "\e253";
  }
  .glyphicon-console:before {
    content: "\e254";
  }
  .glyphicon-superscript:before {
    content: "\e255";
  }
  .glyphicon-subscript:before {
    content: "\e256";
  }
  .glyphicon-menu-left:before {
    content: "\e257";
  }
  .glyphicon-menu-right:before {
    content: "\e258";
  }
  .glyphicon-menu-down:before {
    content: "\e259";
  }
  .glyphicon-menu-up:before {
    content: "\e260";
  }
  * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  html {
    font-size: 10px;
  
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
  }
  input,
  button,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  a {
    color: #337ab7;
    text-decoration: none;
  }
  a:hover,
  a:focus {
    color: #23527c;
    text-decoration: underline;
  }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  figure {
    margin: 0;
  }
  img {
    vertical-align: middle;
  }
  .img-responsive,
  .thumbnail > img,
  .thumbnail a > img,
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  .img-rounded {
    border-radius: 6px;
  }
  .img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
  }
  .img-circle {
    border-radius: 50%;
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
  }
  [role="button"] {
    cursor: pointer;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
  }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  .h1 small,
  .h2 small,
  .h3 small,
  .h4 small,
  .h5 small,
  .h6 small,
  h1 .small,
  h2 .small,
  h3 .small,
  h4 .small,
  h5 .small,
  h6 .small,
  .h1 .small,
  .h2 .small,
  .h3 .small,
  .h4 .small,
  .h5 .small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
  }
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  h1 small,
  .h1 small,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small,
  h1 .small,
  .h1 .small,
  h2 .small,
  .h2 .small,
  h3 .small,
  .h3 .small {
    font-size: 65%;
  }
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  h4 small,
  .h4 small,
  h5 small,
  .h5 small,
  h6 small,
  .h6 small,
  h4 .small,
  .h4 .small,
  h5 .small,
  .h5 .small,
  h6 .small,
  .h6 .small {
    font-size: 75%;
  }
  h1,
  .h1 {
    font-size: 36px;
  }
  h2,
  .h2 {
    font-size: 30px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 18px;
  }
  h5,
  .h5 {
    font-size: 14px;
  }
  h6,
  .h6 {
    font-size: 12px;
  }
  p {
    margin: 0 0 10px;
  }
  .lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
  }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px;
    }
  }
  small,
  .small {
    font-size: 85%;
  }
  mark,
  .mark {
    padding: .2em;
    background-color: #fcf8e3;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  .text-nowrap {
    white-space: nowrap;
  }
  .text-lowercase {
    text-transform: lowercase;
  }
  .text-uppercase {
    text-transform: uppercase;
  }
  .text-capitalize {
    text-transform: capitalize;
  }
  .text-muted {
    color: #777;
  }
  .text-primary {
    color: #337ab7;
  }
  a.text-primary:hover,
  a.text-primary:focus {
    color: #286090;
  }
  .text-success {
    color: #3c763d;
  }
  a.text-success:hover,
  a.text-success:focus {
    color: #2b542c;
  }
  .text-info {
    color: #31708f;
  }
  a.text-info:hover,
  a.text-info:focus {
    color: #245269;
  }
  .text-warning {
    color: #8a6d3b;
  }
  a.text-warning:hover,
  a.text-warning:focus {
    color: #66512c;
  }
  .text-danger {
    color: #a94442;
  }
  a.text-danger:hover,
  a.text-danger:focus {
    color: #843534;
  }
  .bg-primary {
    color: #fff;
    background-color: #337ab7;
  }
  a.bg-primary:hover,
  a.bg-primary:focus {
    background-color: #286090;
  }
  .bg-success {
    background-color: #dff0d8;
  }
  a.bg-success:hover,
  a.bg-success:focus {
    background-color: #c1e2b3;
  }
  .bg-info {
    background-color: #d9edf7;
  }
  a.bg-info:hover,
  a.bg-info:focus {
    background-color: #afd9ee;
  }
  .bg-warning {
    background-color: #fcf8e3;
  }
  a.bg-warning:hover,
  a.bg-warning:focus {
    background-color: #f7ecb5;
  }
  .bg-danger {
    background-color: #f2dede;
  }
  a.bg-danger:hover,
  a.bg-danger:focus {
    background-color: #e4b9b9;
  }
  .page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
  }
  ul,
  ol {
    margin-top: 0;
    margin-bottom: 10px;
  }
  ul ul,
  ol ul,
  ul ol,
  ol ol {
    margin-bottom: 0;
  }
  .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
  }
  .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
  }
  dl {
    margin-top: 0;
    margin-bottom: 20px;
  }
  dt,
  dd {
    line-height: 1.42857143;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin-left: 0;
  }
  @media (min-width: 768px) {
    .dl-horizontal dt {
      float: left;
      width: 160px;
      overflow: hidden;
      clear: left;
      text-align: right;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dl-horizontal dd {
      margin-left: 180px;
    }
  }
  abbr[title],
  abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777;
  }
  .initialism {
    font-size: 90%;
    text-transform: uppercase;
  }
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0;
  }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
  }
  blockquote footer:before,
  blockquote small:before,
  blockquote .small:before {
    content: '\2014 \00A0';
  }
  .blockquote-reverse,
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0;
  }
  .blockquote-reverse footer:before,
  blockquote.pull-right footer:before,
  .blockquote-reverse small:before,
  blockquote.pull-right small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right .small:before {
    content: '';
  }
  .blockquote-reverse footer:after,
  blockquote.pull-right footer:after,
  .blockquote-reverse small:after,
  blockquote.pull-right small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014';
  }
  address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  }
  code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
  }
  kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
  }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
  }
  .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
  }
  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 768px) {
    .container {
      width: 750px;
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0;
  }
  @media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;
    }
    .col-sm-12 {
      width: 100%;
    }
    .col-sm-11 {
      width: 91.66666667%;
    }
    .col-sm-10 {
      width: 83.33333333%;
    }
    .col-sm-9 {
      width: 75%;
    }
    .col-sm-8 {
      width: 66.66666667%;
    }
    .col-sm-7 {
      width: 58.33333333%;
    }
    .col-sm-6 {
      width: 50%;
    }
    .col-sm-5 {
      width: 41.66666667%;
    }
    .col-sm-4 {
      width: 33.33333333%;
    }
    .col-sm-3 {
      width: 25%;
    }
    .col-sm-2 {
      width: 16.66666667%;
    }
    .col-sm-1 {
      width: 8.33333333%;
    }
    .col-sm-pull-12 {
      right: 100%;
    }
    .col-sm-pull-11 {
      right: 91.66666667%;
    }
    .col-sm-pull-10 {
      right: 83.33333333%;
    }
    .col-sm-pull-9 {
      right: 75%;
    }
    .col-sm-pull-8 {
      right: 66.66666667%;
    }
    .col-sm-pull-7 {
      right: 58.33333333%;
    }
    .col-sm-pull-6 {
      right: 50%;
    }
    .col-sm-pull-5 {
      right: 41.66666667%;
    }
    .col-sm-pull-4 {
      right: 33.33333333%;
    }
    .col-sm-pull-3 {
      right: 25%;
    }
    .col-sm-pull-2 {
      right: 16.66666667%;
    }
    .col-sm-pull-1 {
      right: 8.33333333%;
    }
    .col-sm-pull-0 {
      right: auto;
    }
    .col-sm-push-12 {
      left: 100%;
    }
    .col-sm-push-11 {
      left: 91.66666667%;
    }
    .col-sm-push-10 {
      left: 83.33333333%;
    }
    .col-sm-push-9 {
      left: 75%;
    }
    .col-sm-push-8 {
      left: 66.66666667%;
    }
    .col-sm-push-7 {
      left: 58.33333333%;
    }
    .col-sm-push-6 {
      left: 50%;
    }
    .col-sm-push-5 {
      left: 41.66666667%;
    }
    .col-sm-push-4 {
      left: 33.33333333%;
    }
    .col-sm-push-3 {
      left: 25%;
    }
    .col-sm-push-2 {
      left: 16.66666667%;
    }
    .col-sm-push-1 {
      left: 8.33333333%;
    }
    .col-sm-push-0 {
      left: auto;
    }
    .col-sm-offset-12 {
      margin-left: 100%;
    }
    .col-sm-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
      margin-left: 75%;
    }
    .col-sm-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
      margin-left: 50%;
    }
    .col-sm-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
      margin-left: 25%;
    }
    .col-sm-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
      margin-left: 0;
    }
  }
  @media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      float: left;
    }
    .col-md-12 {
      width: 100%;
      margin-bottom: 12px;
    }
    .col-md-11 {
      width: 91.66666667%;
    }
    .col-md-10 {
      width: 83.33333333%;
    }
    .col-md-9 {
      width: 75%;
    }
    .col-md-8 {
      width: 66.66666667%;
    }
    .col-md-7 {
      width: 58.33333333%;
    }
    .col-md-6 {
      width: 50%;
    }
    .col-md-5 {
      width: 41.66666667%;
    }
    .col-md-4 {
      width: 33.33333333%;
    }
    .col-md-3 {
      width: 25%;
    }
    .col-md-2 {
      width: 16.66666667%;
    }
    .col-md-1 {
      width: 8.33333333%;
    }
    .col-md-pull-12 {
      right: 100%;
    }
    .col-md-pull-11 {
      right: 91.66666667%;
    }
    .col-md-pull-10 {
      right: 83.33333333%;
    }
    .col-md-pull-9 {
      right: 75%;
    }
    .col-md-pull-8 {
      right: 66.66666667%;
    }
    .col-md-pull-7 {
      right: 58.33333333%;
    }
    .col-md-pull-6 {
      right: 50%;
    }
    .col-md-pull-5 {
      right: 41.66666667%;
    }
    .col-md-pull-4 {
      right: 33.33333333%;
    }
    .col-md-pull-3 {
      right: 25%;
    }
    .col-md-pull-2 {
      right: 16.66666667%;
    }
    .col-md-pull-1 {
      right: 8.33333333%;
    }
    .col-md-pull-0 {
      right: auto;
    }
    .col-md-push-12 {
      left: 100%;
    }
    .col-md-push-11 {
      left: 91.66666667%;
    }
    .col-md-push-10 {
      left: 83.33333333%;
    }
    .col-md-push-9 {
      left: 75%;
    }
    .col-md-push-8 {
      left: 66.66666667%;
    }
    .col-md-push-7 {
      left: 58.33333333%;
    }
    .col-md-push-6 {
      left: 50%;
    }
    .col-md-push-5 {
      left: 41.66666667%;
    }
    .col-md-push-4 {
      left: 33.33333333%;
    }
    .col-md-push-3 {
      left: 25%;
    }
    .col-md-push-2 {
      left: 16.66666667%;
    }
    .col-md-push-1 {
      left: 8.33333333%;
    }
    .col-md-push-0 {
      left: auto;
    }
    .col-md-offset-12 {
      margin-left: 100%;
    }
    .col-md-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
      margin-left: 75%;
    }
    .col-md-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
      margin-left: 50%;
    }
    .col-md-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
      margin-left: 25%;
    }
    .col-md-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
      margin-left: 0;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      float: left;
    }
    .col-lg-12 {
      width: 100%;
    }
    .col-lg-11 {
      width: 91.66666667%;
    }
    .col-lg-10 {
      width: 83.33333333%;
    }
    .col-lg-9 {
      width: 75%;
    }
    .col-lg-8 {
      width: 66.66666667%;
    }
    .col-lg-7 {
      width: 58.33333333%;
    }
    .col-lg-6 {
      width: 50%;
    }
    .col-lg-5 {
      width: 41.66666667%;
    }
    .col-lg-4 {
      width: 33.33333333%;
    }
    .col-lg-3 {
      width: 25%;
    }
    .col-lg-2 {
      width: 16.66666667%;
    }
    .col-lg-1 {
      width: 8.33333333%;
    }
    .col-lg-pull-12 {
      right: 100%;
    }
    .col-lg-pull-11 {
      right: 91.66666667%;
    }
    .col-lg-pull-10 {
      right: 83.33333333%;
    }
    .col-lg-pull-9 {
      right: 75%;
    }
    .col-lg-pull-8 {
      right: 66.66666667%;
    }
    .col-lg-pull-7 {
      right: 58.33333333%;
    }
    .col-lg-pull-6 {
      right: 50%;
    }
    .col-lg-pull-5 {
      right: 41.66666667%;
    }
    .col-lg-pull-4 {
      right: 33.33333333%;
    }
    .col-lg-pull-3 {
      right: 25%;
    }
    .col-lg-pull-2 {
      right: 16.66666667%;
    }
    .col-lg-pull-1 {
      right: 8.33333333%;
    }
    .col-lg-pull-0 {
      right: auto;
    }
    .col-lg-push-12 {
      left: 100%;
    }
    .col-lg-push-11 {
      left: 91.66666667%;
    }
    .col-lg-push-10 {
      left: 83.33333333%;
    }
    .col-lg-push-9 {
      left: 75%;
    }
    .col-lg-push-8 {
      left: 66.66666667%;
    }
    .col-lg-push-7 {
      left: 58.33333333%;
    }
    .col-lg-push-6 {
      left: 50%;
    }
    .col-lg-push-5 {
      left: 41.66666667%;
    }
    .col-lg-push-4 {
      left: 33.33333333%;
    }
    .col-lg-push-3 {
      left: 25%;
    }
    .col-lg-push-2 {
      left: 16.66666667%;
    }
    .col-lg-push-1 {
      left: 8.33333333%;
    }
    .col-lg-push-0 {
      left: auto;
    }
    .col-lg-offset-12 {
      margin-left: 100%;
    }
    .col-lg-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
      margin-left: 75%;
    }
    .col-lg-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
      margin-left: 50%;
    }
    .col-lg-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
      margin-left: 25%;
    }
    .col-lg-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
      margin-left: 0;
    }
  }
  table {
    background-color: transparent;
  }
  caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
  }
  th {
    text-align: left;
  }
  .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
  }
  .table > caption + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > th,
  .table > thead:first-child > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0;
  }
  .table > tbody + tbody {
    border-top: 2px solid #ddd;
  }
  .table .table {
    background-color: #fff;
  }
  .table-condensed > thead > tr > th,
  .table-condensed > tbody > tr > th,
  .table-condensed > tfoot > tr > th,
  .table-condensed > thead > tr > td,
  .table-condensed > tbody > tr > td,
  .table-condensed > tfoot > tr > td {
    padding: 5px;
  }
  .table-bordered {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > tbody > tr > th,
  .table-bordered > tfoot > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
  }
  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
  }
  table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
  }
  table td[class*="col-"],
  table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
  }
  .table > thead > tr > td.active,
  .table > tbody > tr > td.active,
  .table > tfoot > tr > td.active,
  .table > thead > tr > th.active,
  .table > tbody > tr > th.active,
  .table > tfoot > tr > th.active,
  .table > thead > tr.active > td,
  .table > tbody > tr.active > td,
  .table > tfoot > tr.active > td,
  .table > thead > tr.active > th,
  .table > tbody > tr.active > th,
  .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
  }
  .table-hover > tbody > tr > td.active:hover,
  .table-hover > tbody > tr > th.active:hover,
  .table-hover > tbody > tr.active:hover > td,
  .table-hover > tbody > tr:hover > .active,
  .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
  }
  .table > thead > tr > td.success,
  .table > tbody > tr > td.success,
  .table > tfoot > tr > td.success,
  .table > thead > tr > th.success,
  .table > tbody > tr > th.success,
  .table > tfoot > tr > th.success,
  .table > thead > tr.success > td,
  .table > tbody > tr.success > td,
  .table > tfoot > tr.success > td,
  .table > thead > tr.success > th,
  .table > tbody > tr.success > th,
  .table > tfoot > tr.success > th {
    background-color: #dff0d8;
  }
  .table-hover > tbody > tr > td.success:hover,
  .table-hover > tbody > tr > th.success:hover,
  .table-hover > tbody > tr.success:hover > td,
  .table-hover > tbody > tr:hover > .success,
  .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
  }
  .table > thead > tr > td.info,
  .table > tbody > tr > td.info,
  .table > tfoot > tr > td.info,
  .table > thead > tr > th.info,
  .table > tbody > tr > th.info,
  .table > tfoot > tr > th.info,
  .table > thead > tr.info > td,
  .table > tbody > tr.info > td,
  .table > tfoot > tr.info > td,
  .table > thead > tr.info > th,
  .table > tbody > tr.info > th,
  .table > tfoot > tr.info > th {
    background-color: #d9edf7;
  }
  .table-hover > tbody > tr > td.info:hover,
  .table-hover > tbody > tr > th.info:hover,
  .table-hover > tbody > tr.info:hover > td,
  .table-hover > tbody > tr:hover > .info,
  .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
  }
  .table > thead > tr > td.warning,
  .table > tbody > tr > td.warning,
  .table > tfoot > tr > td.warning,
  .table > thead > tr > th.warning,
  .table > tbody > tr > th.warning,
  .table > tfoot > tr > th.warning,
  .table > thead > tr.warning > td,
  .table > tbody > tr.warning > td,
  .table > tfoot > tr.warning > td,
  .table > thead > tr.warning > th,
  .table > tbody > tr.warning > th,
  .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
  }
  .table-hover > tbody > tr > td.warning:hover,
  .table-hover > tbody > tr > th.warning:hover,
  .table-hover > tbody > tr.warning:hover > td,
  .table-hover > tbody > tr:hover > .warning,
  .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
  }
  .table > thead > tr > td.danger,
  .table > tbody > tr > td.danger,
  .table > tfoot > tr > td.danger,
  .table > thead > tr > th.danger,
  .table > tbody > tr > th.danger,
  .table > tfoot > tr > th.danger,
  .table > thead > tr.danger > td,
  .table > tbody > tr.danger > td,
  .table > tfoot > tr.danger > td,
  .table > thead > tr.danger > th,
  .table > tbody > tr.danger > th,
  .table > tfoot > tr.danger > th {
    background-color: #f2dede;
  }
  .table-hover > tbody > tr > td.danger:hover,
  .table-hover > tbody > tr > th.danger:hover,
  .table-hover > tbody > tr.danger:hover > td,
  .table-hover > tbody > tr:hover > .danger,
  .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
  }
  .table-responsive {
    min-height: .01%;
    overflow-x: auto;
  }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd;
    }
    .table-responsive > .table {
      margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
      white-space: nowrap;
    }
    .table-responsive > .table-bordered {
      border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
      border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
      border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
      border-bottom: 0;
    }
  }
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
  }
  input[type="search"] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  input[type="radio"],
  input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
  }
  input[type="file"] {
    display: block;
  }
  input[type="range"] {
    display: block;
    width: 100%;
  }
  select[multiple],
  select[size] {
    height: auto;
  }
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
  }
  .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: #999;
  }
  .form-control::-webkit-input-placeholder {
    color: #999;
  }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0;
  }
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
  }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
  }
  textarea.form-control {
    height: auto;
  }
  input[type="search"] {
    -webkit-appearance: none;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
      line-height: 34px;
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
      line-height: 30px;
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
      line-height: 46px;
    }
  }
  .form-group {
    margin-bottom: 15px;
  }
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
  }
  .radio input[type="radio"],
  .radio-inline input[type="radio"],
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
  }
  .radio + .radio,
  .checkbox + .checkbox {
    margin-top: -5px;
  }
  .radio-inline,
  .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
  }
  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
  }
  input[type="radio"][disabled],
  input[type="checkbox"][disabled],
  input[type="radio"].disabled,
  input[type="checkbox"].disabled,
  fieldset[disabled] input[type="radio"],
  fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
  }
  .radio-inline.disabled,
  .checkbox-inline.disabled,
  fieldset[disabled] .radio-inline,
  fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
  }
  .radio.disabled label,
  .checkbox.disabled label,
  fieldset[disabled] .radio label,
  fieldset[disabled] .checkbox label {
    cursor: not-allowed;
  }
  .form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
  }
  .form-control-static.input-lg,
  .form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0;
  }
  .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  select.input-sm {
    height: 30px;
    line-height: 30px;
  }
  textarea.input-sm,
  select[multiple].input-sm {
    height: auto;
  }
  .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
  }
  .form-group-sm textarea.form-control,
  .form-group-sm select[multiple].form-control {
    height: auto;
  }
  .form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  select.input-lg {
    height: 46px;
    line-height: 46px;
  }
  textarea.input-lg,
  select[multiple].input-lg {
    height: auto;
  }
  .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  .form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
  }
  .form-group-lg textarea.form-control,
  .form-group-lg select[multiple].form-control {
    height: auto;
  }
  .form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }
  .has-feedback {
    position: relative;
  }
  .has-feedback .form-control {
    padding-right: 42.5px;
  }
  .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
  }
  .input-lg + .form-control-feedback,
  .input-group-lg + .form-control-feedback,
  .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  .input-sm + .form-control-feedback,
  .input-group-sm + .form-control-feedback,
  .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .has-success .help-block,
  .has-success .control-label,
  .has-success .radio,
  .has-success .checkbox,
  .has-success .radio-inline,
  .has-success .checkbox-inline,
  .has-success.radio label,
  .has-success.checkbox label,
  .has-success.radio-inline label,
  .has-success.checkbox-inline label {
    color: #3c763d;
  }
  .has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
  }
  .has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
  }
  .has-success .form-control-feedback {
    color: #3c763d;
  }
  .has-warning .help-block,
  .has-warning .control-label,
  .has-warning .radio,
  .has-warning .checkbox,
  .has-warning .radio-inline,
  .has-warning .checkbox-inline,
  .has-warning.radio label,
  .has-warning.checkbox label,
  .has-warning.radio-inline label,
  .has-warning.checkbox-inline label {
    color: #8a6d3b;
  }
  .has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
  }
  .has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
  }
  .has-warning .form-control-feedback {
    color: #8a6d3b;
  }
  .has-error .help-block,
  .has-error .control-label,
  .has-error .radio,
  .has-error .checkbox,
  .has-error .radio-inline,
  .has-error .checkbox-inline,
  .has-error.radio label,
  .has-error.checkbox label,
  .has-error.radio-inline label,
  .has-error.checkbox-inline label {
    color: #a94442;
  }
  .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  }
  .has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
  }
  .has-error .form-control-feedback {
    color: #a94442;
  }
  .has-feedback label ~ .form-control-feedback {
    top: 25px;
  }
  .has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
  }
  .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
  }
  @media (min-width: 768px) {
    .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .form-inline .form-control-static {
      display: inline-block;
    }
    .form-inline .input-group {
      display: inline-table;
      vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto;
    }
    .form-inline .input-group > .form-control {
      width: 100%;
    }
    .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
      top: 0;
    }
  }
  .form-horizontal .radio,
  .form-horizontal .checkbox,
  .form-horizontal .radio-inline,
  .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-horizontal .radio,
  .form-horizontal .checkbox {
    min-height: 27px;
  }
  .form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 768px) {
    .form-horizontal .control-label {
      padding-top: 7px;
      margin-bottom: 0;
      text-align: right;
    }
  }
  .form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
  }
  @media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
      padding-top: 11px;
      font-size: 18px;
    }
  }
  @media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
      padding-top: 6px;
      font-size: 12px;
    }
  }
  .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px !important;
  }
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn:hover,
  .btn:focus,
  .btn.focus {
    color: #333;
    text-decoration: none;
  }
  .btn:active,
  .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  }
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
  }
  a.btn.disabled,
  fieldset[disabled] a.btn {
    pointer-events: none;
  }
  .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default:focus,
  .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
  }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  .btn-default:active:hover,
  .btn-default.active:hover,
  .open > .dropdown-toggle.btn-default:hover,
  .btn-default:active:focus,
  .btn-default.active:focus,
  .open > .dropdown-toggle.btn-default:focus,
  .btn-default:active.focus,
  .btn-default.active.focus,
  .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    background-image: none;
  }
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled.focus,
  .btn-default[disabled].focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default .badge {
    color: #fff;
    background-color: #333;
  }
  .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary:focus,
  .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
  .btn-primary:active:hover,
  .btn-primary.active:hover,
  .open > .dropdown-toggle.btn-primary:hover,
  .btn-primary:active:focus,
  .btn-primary.active:focus,
  .open > .dropdown-toggle.btn-primary:focus,
  .btn-primary:active.focus,
  .btn-primary.active.focus,
  .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    background-image: none;
  }
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled.focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success:focus,
  .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
  }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
  }
  .btn-success:active:hover,
  .btn-success.active:hover,
  .open > .dropdown-toggle.btn-success:hover,
  .btn-success:active:focus,
  .btn-success.active:focus,
  .open > .dropdown-toggle.btn-success:focus,
  .btn-success:active.focus,
  .btn-success.active.focus,
  .open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    background-image: none;
  }
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled.focus,
  .btn-success[disabled].focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
  }
  .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info:focus,
  .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
  }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info:active:hover,
  .btn-info.active:hover,
  .open > .dropdown-toggle.btn-info:hover,
  .btn-info:active:focus,
  .btn-info.active:focus,
  .open > .dropdown-toggle.btn-info:focus,
  .btn-info:active.focus,
  .btn-info.active.focus,
  .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .dropdown-toggle.btn-info {
    background-image: none;
  }
  .btn-info.disabled:hover,
  .btn-info[disabled]:hover,
  fieldset[disabled] .btn-info:hover,
  .btn-info.disabled:focus,
  .btn-info[disabled]:focus,
  fieldset[disabled] .btn-info:focus,
  .btn-info.disabled.focus,
  .btn-info[disabled].focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
  }
  .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning:focus,
  .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
  }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning:active:hover,
  .btn-warning.active:hover,
  .open > .dropdown-toggle.btn-warning:hover,
  .btn-warning:active:focus,
  .btn-warning.active:focus,
  .open > .dropdown-toggle.btn-warning:focus,
  .btn-warning:active.focus,
  .btn-warning.active.focus,
  .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    background-image: none;
  }
  .btn-warning.disabled:hover,
  .btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning:hover,
  .btn-warning.disabled:focus,
  .btn-warning[disabled]:focus,
  fieldset[disabled] .btn-warning:focus,
  .btn-warning.disabled.focus,
  .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
  }
  .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger:focus,
  .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
  }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger:active:hover,
  .btn-danger.active:hover,
  .open > .dropdown-toggle.btn-danger:hover,
  .btn-danger:active:focus,
  .btn-danger.active:focus,
  .open > .dropdown-toggle.btn-danger:focus,
  .btn-danger:active.focus,
  .btn-danger.active.focus,
  .open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    background-image: none;
  }
  .btn-danger.disabled:hover,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn-danger.disabled:focus,
  .btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn-danger.disabled.focus,
  .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
  }
  .btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
  }
  .btn-link,
  .btn-link:active,
  .btn-link.active,
  .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .btn-link,
  .btn-link:hover,
  .btn-link:focus,
  .btn-link:active {
    border-color: transparent;
  }
  .btn-link:hover,
  .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:hover,
  fieldset[disabled] .btn-link:hover,
  .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
  }
  .btn-lg,
  .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  .btn-sm,
  .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-xs,
  .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-block {
    display: block;
    width: 100%;
  }
  .btn-block + .btn-block {
    margin-top: 5px;
  }
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: 100%;
  }
  .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
         -o-transition: opacity .15s linear;
            transition: opacity .15s linear;
  }
  .fade.in {
    opacity: 1;
  }
  .collapse {
    display: none;
  }
  .collapse.in {
    display: block;
  }
  tr.collapse.in {
    display: table-row;
  }
  tbody.collapse.in {
    display: table-row-group;
  }
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: .35s;
         -o-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-property: height, visibility;
         -o-transition-property: height, visibility;
            transition-property: height, visibility;
  }
  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  .dropup,
  .dropdown {
    position: relative;
  }
  .dropdown-toggle:focus {
    outline: 0;
  }
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
  }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
  }
  .dropdown-menu > .disabled > a,
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    color: #777;
  }
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }
  .open > .dropdown-menu {
    display: block;
  }
  .open > a {
    outline: 0;
  }
  .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
  }
  .dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
  }
  .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
  }
  .dropup .caret,
  .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }
  @media (min-width: 768px) {
    .navbar-right .dropdown-menu {
      right: 0;
      left: auto;
    }
    .navbar-right .dropdown-menu-left {
      right: auto;
      left: 0;
    }
  }
  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left;
  }
  .btn-group > .btn:hover,
  .btn-group-vertical > .btn:hover,
  .btn-group > .btn:focus,
  .btn-group-vertical > .btn:focus,
  .btn-group > .btn:active,
  .btn-group-vertical > .btn:active,
  .btn-group > .btn.active,
  .btn-group-vertical > .btn.active {
    z-index: 2;
  }
  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group {
    margin-left: -1px;
  }
  .btn-toolbar {
    margin-left: -5px;
  }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left;
  }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px;
  }
  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
  }
  .btn-group > .btn:first-child {
    margin-left: 0;
  }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn:last-child:not(:first-child),
  .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group > .btn-group {
    float: left;
  }
  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }
  .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group .dropdown-toggle:active,
  .btn-group.open .dropdown-toggle {
    outline: 0;
  }
  .btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
  }
  .btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
  }
  .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .btn .caret {
    margin-left: 0;
  }
  .btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
  }
  .dropup .btn-lg .caret {
    border-width: 0 5px 5px;
  }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group,
  .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .btn-group-vertical > .btn-group > .btn {
    float: none;
  }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }
  .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
  }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
  }
  .btn-group-justified > .btn-group .btn {
    width: 100%;
  }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto;
  }
  [data-toggle="buttons"] > .btn input[type="radio"],
  [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
  [data-toggle="buttons"] > .btn input[type="checkbox"],
  [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
  }
  .input-group-list{
    display: flex;
  }
  .input-group-list >a{
    padding-top:6px ;
    margin-top: 10px; 
    margin-bottom: 2px;
  }
  .input-group-list >input{
    margin-top: 10px;
    margin-right: 5px;
  }
  
  .input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
  }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
  }
  .input-group .form-control:focus {
    z-index: 3;
  }
  .input-group-lg > .form-control,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  select.input-group-lg > .form-control,
  select.input-group-lg > .input-group-addon,
  select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
  }
  textarea.input-group-lg > .form-control,
  textarea.input-group-lg > .input-group-addon,
  textarea.input-group-lg > .input-group-btn > .btn,
  select[multiple].input-group-lg > .form-control,
  select[multiple].input-group-lg > .input-group-addon,
  select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
  }
  .input-group-sm > .form-control,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  select.input-group-sm > .form-control,
  select.input-group-sm > .input-group-addon,
  select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
  }
  textarea.input-group-sm > .form-control,
  textarea.input-group-sm > .input-group-addon,
  textarea.input-group-sm > .input-group-btn > .btn,
  select[multiple].input-group-sm > .form-control,
  select[multiple].input-group-sm > .input-group-addon,
  select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
  }
  .input-group-addon,
  .input-group-btn,
  .input-group .form-control {
    display: table-cell;
  }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .input-group-addon,
  .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
  }
  .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
  }
  .input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
  }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0;
  }
  .input-group .form-control:first-child,
  .input-group-addon:first-child,
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group > .btn,
  .input-group-btn:first-child > .dropdown-toggle,
  .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group-addon:first-child {
    border-right: 0;
  }
  .input-group .form-control:last-child,
  .input-group-addon:last-child,
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group > .btn,
  .input-group-btn:last-child > .dropdown-toggle,
  .input-group-btn:first-child > .btn:not(:first-child),
  .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group-addon:last-child {
    border-left: 0;
  }
  .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
  }
  .input-group-btn > .btn {
    position: relative;
  }
  .input-group-btn > .btn + .btn {
    margin-left: -1px;
  }
  .input-group-btn > .btn:hover,
  .input-group-btn > .btn:focus,
  .input-group-btn > .btn:active {
    z-index: 2;
  }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px;
  }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
  }
  .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .nav > li {
    position: relative;
    display: block;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
  .nav > li > a:hover,
  .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
  }
  .nav > li.disabled > a {
    color: #777;
  }
  .nav > li.disabled > a:hover,
  .nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
  }
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: #eee;
    border-color: #337ab7;
  }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .nav > li > a > img {
    max-width: none;
  }
  .nav-tabs {
    border-bottom: 1px solid #ddd;
  }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
  }
  .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
  }
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
  }
  .nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
  }
  .nav-tabs.nav-justified > li {
    float: none;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
  }
  .nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }
  @media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%;
    }
    .nav-tabs.nav-justified > li > a {
      margin-bottom: 0;
    }
  }
  .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
  }
  @media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff;
    }
  }
  .nav-pills > li {
    float: left;
  }
  .nav-pills > li > a {
    border-radius: 4px;
  }
  .nav-pills > li + li {
    margin-left: 2px;
  }
  .nav-pills > li.active > a,
  .nav-pills > li.active > a:hover,
  .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7;
  }
  .nav-stacked > li {
    float: none;
  }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
  }
  .nav-justified {
    width: 100%;
  }
  .nav-justified > li {
    float: none;
  }
  .nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
  }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }
  @media (min-width: 768px) {
    .nav-justified > li {
      display: table-cell;
      width: 1%;
    }
    .nav-justified > li > a {
      margin-bottom: 0;
    }
  }
  .nav-tabs-justified {
    border-bottom: 0;
  }
  .nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd;
  }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
      border-bottom-color: #fff;
    }
  }
  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .active {
    display: block;
  }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
  }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px;
    }
  }
  @media (min-width: 768px) {
    .navbar-header {
      float: left;
    }
  }
  .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
    .navbar-collapse.in {
      overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      padding-right: 0;
      padding-left: 0;
    }
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
  }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px;
    }
  }
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }
  .navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
  }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0;
    }
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0;
    }
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
  }
  .navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
  }
  .navbar-brand:hover,
  .navbar-brand:focus {
    text-decoration: none;
  }
  .navbar-brand > img {
    display: block;
  }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px;
    }
  }
  .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .navbar-toggle:focus {
    outline: 0;
  }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none;
    }
  }
  .navbar-nav {
    margin: 7.5px -15px;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
  }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
      line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
      background-image: none;
    }
  }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0;
    }
    .navbar-nav > li {
      float: left;
    }
    .navbar-nav > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  }
  .navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .navbar-form .form-control-static {
      display: inline-block;
    }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
      width: auto;
    }
    .navbar-form .input-group > .form-control {
      width: 100%;
    }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
      padding-left: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0;
    }
  }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child {
      margin-bottom: 0;
    }
  }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      padding-top: 0;
      padding-bottom: 0;
      margin-right: 0;
      margin-left: 0;
      border: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
    }
  }
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-right: 15px;
      margin-left: 15px;
    }
  }
  @media (min-width: 768px) {
    .navbar-left {
      float: left !important;
    }
    .navbar-right {
      float: right !important;
      margin-right: -15px;
    }
    .navbar-right ~ .navbar-right {
      margin-right: 0;
    }
  }
  .navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-brand {
    color: #777;
  }
  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
  }
  .navbar-default .navbar-text {
    color: #777;
  }
  .navbar-default .navbar-nav > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav > .disabled > a,
  .navbar-default .navbar-nav > .disabled > a:hover,
  .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
  .navbar-default .navbar-toggle {
    border-color: #ddd;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #333;
      background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent;
    }
  }
  .navbar-default .navbar-link {
    color: #777;
  }
  .navbar-default .navbar-link:hover {
    color: #333;
  }
  .navbar-default .btn-link {
    color: #777;
  }
  .navbar-default .btn-link:hover,
  .navbar-default .btn-link:focus {
    color: #333;
  }
  .navbar-default .btn-link[disabled]:hover,
  fieldset[disabled] .navbar-default .btn-link:hover,
  .navbar-default .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
  }
  .navbar-inverse {
    background-color: #222;
    border-color: #080808;
  }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-brand:hover,
  .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-text {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav > .disabled > a,
  .navbar-inverse .navbar-nav > .disabled > a:hover,
  .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  .navbar-inverse .navbar-toggle {
    border-color: #333;
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #080808;
  }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #fff;
      background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent;
    }
  }
  .navbar-inverse .navbar-link {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-link:hover {
    color: #fff;
  }
  .navbar-inverse .btn-link {
    color: #9d9d9d;
  }
  .navbar-inverse .btn-link:hover,
  .navbar-inverse .btn-link:focus {
    color: #fff;
  }
  .navbar-inverse .btn-link[disabled]:hover,
  fieldset[disabled] .navbar-inverse .btn-link:hover,
  .navbar-inverse .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
  }
  .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
  }
  .breadcrumb > li {
    display: inline-block;
  }
  .breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
  }
  .breadcrumb > .active {
    color: #777;
  }
  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
  }
  .pager li {
    display: inline;
  }
  .pager li > a,
  .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
  }
  .pager li > a:hover,
  .pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
  }
  .pager .next > a,
  .pager .next > span {
    float: right;
  }
  .pager .previous > a,
  .pager .previous > span {
    float: left;
  }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
  }
  .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
  }
  a.label:hover,
  a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .label:empty {
    display: none;
  }
  .btn .label {
    position: relative;
    top: -1px;
  }
  .label-default {
    background-color: #777;
  }
  .label-default[href]:hover,
  .label-default[href]:focus {
    background-color: #5e5e5e;
  }
  .label-primary {
    background-color: #4ab69c;
  }
  .label-primary[href]:hover,
  .label-primary[href]:focus {
    background-color: #389780;
  }
  .label-success {
    background-color: #5cb85c;
  }
  .label-success[href]:hover,
  .label-success[href]:focus {
    background-color: #449d44;
  }
  .label-info {
    background-color: #5bc0de;
  }
  .label-info[href]:hover,
  .label-info[href]:focus {
    background-color: #31b0d5;
  }
  .label-warning {
    background-color: #f0ad4e;
  }
  .label-warning[href]:hover,
  .label-warning[href]:focus {
    background-color: #ec971f;
  }
  .label-danger {
    background-color: #d9534f;
  }
  .label-danger[href]:hover,
  .label-danger[href]:focus {
    background-color: #c9302c;
  }
  .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
  }
  .badge:empty {
    display: none;
  }
  .btn .badge {
    position: relative;
    top: -1px;
  }
  .btn-xs .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
  }
  a.badge:hover,
  a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .list-group-item > .badge {
    float: right;
  }
  .list-group-item > .badge + .badge {
    margin-right: 5px;
  }
  .nav-pills > li > a > .badge {
    margin-left: 3px;
  }
  .jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit;
  }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
  }
  .jumbotron > hr {
    border-top-color: #d5d5d5;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px;
  }
  .jumbotron .container {
    max-width: 100%;
  }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px;
    }
    .container .jumbotron,
    .container-fluid .jumbotron {
      padding-right: 60px;
      padding-left: 60px;
    }
    .jumbotron h1,
    .jumbotron .h1 {
      font-size: 63px;
    }
  }
  .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
         -o-transition: border .2s ease-in-out;
            transition: border .2s ease-in-out;
  }
  .thumbnail > img,
  .thumbnail a > img {
    margin-right: auto;
    margin-left: auto;
  }
  a.thumbnail:hover,
  a.thumbnail:focus,
  a.thumbnail.active {
    border-color: #337ab7;
  }
  .thumbnail .caption {
    padding: 9px;
    color: #333;
  }
  .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .alert h4 {
    margin-top: 0;
    color: inherit;
  }
  .alert .alert-link {
    font-weight: bold;
  }
  .alert > p,
  .alert > ul {
    margin-bottom: 0;
  }
  .alert > p + p {
    margin-top: 5px;
  }
  .alert-dismissable,
  .alert-dismissible {
    padding-right: 35px;
  }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
  }
  .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
  }
  .alert-success hr {
    border-top-color: #c9e2b3;
  }
  .alert-success .alert-link {
    color: #2b542c;
  }
  .alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  .alert-info hr {
    border-top-color: #a6e1ec;
  }
  .alert-info .alert-link {
    color: #245269;
  }
  .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
  }
  .alert-warning hr {
    border-top-color: #f7e1b5;
  }
  .alert-warning .alert-link {
    color: #66512c;
  }
  .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
  }
  .alert-danger hr {
    border-top-color: #e4b9c0;
  }
  .alert-danger .alert-link {
    color: #843534;
  }
  @-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @-o-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  .progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  }
  .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
         -o-transition: width .6s ease;
            transition: width .6s ease;
  }
  .progress-striped .progress-bar,
  .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
            background-size: 40px 40px;
  }
  .progress.active .progress-bar,
  .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
         -o-animation: progress-bar-stripes 2s linear infinite;
            animation: progress-bar-stripes 2s linear infinite;
  }
  .progress-bar-success {
    background-color: #5cb85c;
  }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  }
  .progress-bar-info {
    background-color: #5bc0de;
  }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  }
  .progress-bar-warning {
    background-color: #f0ad4e;
  }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  }
  .progress-bar-danger {
    background-color: #d9534f;
  }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  }
  .media {
    margin-top: 15px;
  }
  .media:first-child {
    margin-top: 0;
  }
  .media,
  .media-body {
    overflow: hidden;
    zoom: 1;
  }
  .media-body {
    width: 10000px;
  }
  .media-object {
    display: block;
  }
  .media-object.img-thumbnail {
    max-width: none;
  }
  .media-right,
  .media > .pull-right {
    padding-left: 10px;
  }
  .media-left,
  .media > .pull-left {
    padding-right: 10px;
  }
  .media-left,
  .media-right,
  .media-body {
    display: table-cell;
    vertical-align: top;
  }
  .media-middle {
    vertical-align: middle;
  }
  .media-bottom {
    vertical-align: bottom;
  }
  .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .media-list {
    padding-left: 0;
    list-style: none;
  }
  .list-group {
    padding-left: 0;
    margin-bottom: 20px;
  }
  .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  a.list-group-item,
  button.list-group-item {
    color: #555;
  }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333;
  }
  a.list-group-item:hover,
  button.list-group-item:hover,
  a.list-group-item:focus,
  button.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  button.list-group-item {
    width: 100%;
    text-align: left;
  }
  .list-group-item.disabled,
  .list-group-item.disabled:hover,
  .list-group-item.disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
  }
  .list-group-item.disabled .list-group-item-heading,
  .list-group-item.disabled:hover .list-group-item-heading,
  .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
  }
  .list-group-item.disabled .list-group-item-text,
  .list-group-item.disabled:hover .list-group-item-text,
  .list-group-item.disabled:focus .list-group-item-text {
    color: #777;
  }
  .list-group-item.active,
  .list-group-item.active:hover,
  .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small,
  .list-group-item.active:hover .list-group-item-heading > .small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit;
  }
  .list-group-item.active .list-group-item-text,
  .list-group-item.active:hover .list-group-item-text,
  .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef;
  }
  .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
  }
  a.list-group-item-success,
  button.list-group-item-success {
    color: #3c763d;
  }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-success:hover,
  button.list-group-item-success:hover,
  a.list-group-item-success:focus,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
  }
  a.list-group-item-success.active,
  button.list-group-item-success.active,
  a.list-group-item-success.active:hover,
  button.list-group-item-success.active:hover,
  a.list-group-item-success.active:focus,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
  }
  .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
  }
  a.list-group-item-info,
  button.list-group-item-info {
    color: #31708f;
  }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-info:hover,
  button.list-group-item-info:hover,
  a.list-group-item-info:focus,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
  }
  a.list-group-item-info.active,
  button.list-group-item-info.active,
  a.list-group-item-info.active:hover,
  button.list-group-item-info.active:hover,
  a.list-group-item-info.active:focus,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
  }
  .list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
  }
  a.list-group-item-warning,
  button.list-group-item-warning {
    color: #8a6d3b;
  }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-warning:hover,
  button.list-group-item-warning:hover,
  a.list-group-item-warning:focus,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
  }
  a.list-group-item-warning.active,
  button.list-group-item-warning.active,
  a.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:hover,
  a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
  }
  .list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
  }
  a.list-group-item-danger,
  button.list-group-item-danger {
    color: #a94442;
  }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-danger:hover,
  button.list-group-item-danger:hover,
  a.list-group-item-danger:focus,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
  }
  a.list-group-item-danger.active,
  button.list-group-item-danger.active,
  a.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:hover,
  a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
  }
  .list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
  }
  .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  }
  .panel-body {
    padding: 15px;
  }
  .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
  }
  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
  }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit;
  }
  .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .list-group,
  .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
  }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
  }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
  }
  .list-group + .panel-footer {
    border-top-width: 0;
  }
  .panel > .table,
  .panel > .table-responsive > .table,
  .panel > .panel-collapse > .table {
    margin-bottom: 0;
  }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
  }
  .panel > .table:first-child,
  .panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
  }
  .panel > .table:last-child,
  .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
  }
  .panel > .panel-body + .table,
  .panel > .panel-body + .table-responsive,
  .panel > .table + .panel-body,
  .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
  }
  .panel > .table > tbody:first-child > tr:first-child th,
  .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
  }
  .panel > .table-bordered,
  .panel > .table-responsive > .table-bordered {
    border: 0;
  }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
  }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
  .panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
  }
  .panel-group {
    margin-bottom: 20px;
  }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
  }
  .panel-group .panel + .panel {
    margin-top: 5px;
  }
  .panel-group .panel-heading {
    border-bottom: 0;
  }
  .panel-group .panel-heading + .panel-collapse > .panel-body,
  .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
  }
  .panel-group .panel-footer {
    border-top: 0;
  }
  .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
  }
  .panel-default {
    border-color: #ddd;
  }
  .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
  }
  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }
  .panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
  }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }
  .panel-primary {
    border-color: #337ab7;
  }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
  }
  .panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
  }
  .panel-success {
    border-color: #d6e9c6;
  }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
  }
  .panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
  }
  .panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
  }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
  }
  .panel-info {
    border-color: #bce8f1;
  }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  .panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
  }
  .panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
  }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
  }
  .panel-warning {
    border-color: #faebcc;
  }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
  }
  .panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
  }
  .panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
  }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
  }
  .panel-danger {
    border-color: #ebccd1;
  }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
  }
  .panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
  }
  .panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
  }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
  }
  .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .embed-responsive-16by9 {
    padding-bottom: 56.25%;
  }
  .embed-responsive-4by3 {
    padding-bottom: 75%;
  }
  .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15);
  }
  .well-lg {
    padding: 24px;
    border-radius: 6px;
  }
  .well-sm {
    padding: 9px;
    border-radius: 3px;
  }
  .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
  }
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
  }
  button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
  }
  .modal-open {
    overflow: hidden;
  }
  .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
         -o-transition:      -o-transform .3s ease-out;
            transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
         -o-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
  .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
  }
  .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  .modal-header .close {
    margin-top: -2px;
  }
  .modal-title {
    margin: 0;
    line-height: 1.42857143;
  }
  .modal-body {
    position: relative;
    padding: 15px;
  }
  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
  }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  @media (min-width: 768px) {
    .modal-dialog {
      width: 600px;
      margin: 30px auto;
    }
    .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
              box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
      width: 300px;
    }
  }
  @media (min-width: 992px) {
    .modal-lg {
      width: 900px;
    }
  }
  .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
  
    line-break: auto;
  }
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
  }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
  }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
  }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
  }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
  }
  .tooltip-inner {
    max-width: 400px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
  }
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
  }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  
    line-break: auto;
  }
  .popover.top {
    margin-top: -10px;
  }
  .popover.right {
    margin-left: 10px;
  }
  .popover.bottom {
    margin-top: 10px;
  }
  .popover.left {
    margin-left: -10px;
  }
  .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
  }
  .popover-content {
    padding: 9px 14px;
  }
  .popover > .arrow,
  .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .popover > .arrow {
    border-width: 11px;
  }
  .popover > .arrow:after {
    content: "";
    border-width: 10px;
  }
  .popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
  }
  .popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
  }
  .popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
  }
  .popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
  }
  .popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
  }
  .popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
  }
  .popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
  }
  .popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
  }
  .carousel {
    position: relative;
  }
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
         -o-transition: .6s ease-in-out left;
            transition: .6s ease-in-out left;
  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    line-height: 1;
  }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
      -webkit-transition: -webkit-transform .6s ease-in-out;
           -o-transition:      -o-transform .6s ease-in-out;
              transition:         transform .6s ease-in-out;
  
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-perspective: 1000px;
              perspective: 1000px;
    }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0);
    }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {
      left: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
  }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block;
  }
  .carousel-inner > .active {
    left: 0;
  }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .carousel-inner > .next {
    left: 100%;
  }
  .carousel-inner > .prev {
    left: -100%;
  }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0;
  }
  .carousel-inner > .active.left {
    left: -100%;
  }
  .carousel-inner > .active.right {
    left: 100%;
  }
  .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
  }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
  }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
  }
  .carousel-control:hover,
  .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
  }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
  }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
  }
  .carousel-control .icon-prev:before {
    content: '\2039';
  }
  .carousel-control .icon-next:before {
    content: '\203a';
  }
  .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
  }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
  }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
  }
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  }
  .carousel-caption .btn {
    text-shadow: none;
  }
  @media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
      width: 30px;
      height: 30px;
      margin-top: -10px;
      font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
      margin-left: -10px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
      margin-right: -10px;
    }
    .carousel-caption {
      right: 20%;
      left: 20%;
      padding-bottom: 30px;
    }
    .carousel-indicators {
      bottom: 20px;
    }
  }
  .clearfix:before,
  .clearfix:after,
  .dl-horizontal dd:before,
  .dl-horizontal dd:after,
  .container:before,
  .container:after,
  .container-fluid:before,
  .container-fluid:after,
  .row:before,
  .row:after,
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after,
  .btn-toolbar:before,
  .btn-toolbar:after,
  .btn-group-vertical > .btn-group:before,
  .btn-group-vertical > .btn-group:after,
  .nav:before,
  .nav:after,
  .navbar:before,
  .navbar:after,
  .navbar-header:before,
  .navbar-header:after,
  .navbar-collapse:before,
  .navbar-collapse:after,
  .pager:before,
  .pager:after,
  .panel-body:before,
  .panel-body:after,
  .modal-header:before,
  .modal-header:after,
  .modal-footer:before,
  .modal-footer:after {
    display: table;
    content: " ";
  }
  .clearfix:after,
  .dl-horizontal dd:after,
  .container:after,
  .container-fluid:after,
  .row:after,
  .form-horizontal .form-group:after,
  .btn-toolbar:after,
  .btn-group-vertical > .btn-group:after,
  .nav:after,
  .navbar:after,
  .navbar-header:after,
  .navbar-collapse:after,
  .pager:after,
  .panel-body:after,
  .modal-header:after,
  .modal-footer:after {
    clear: both;
  }
  .center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .pull-right {
    float: right !important;
  }
  .pull-left {
    float: left !important;
  }
  .hide {
    display: none !important;
  }
  .show {
    display: block !important;
  }
  .invisible {
    visibility: hidden;
  }
  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  .hidden {
    display: none !important;
  }
  .affix {
    position: fixed;
  }
  @-ms-viewport {
    width: device-width;
  }
  .visible-xs,
  .visible-sm,
  .visible-md,
  .visible-lg {
    display: none !important;
  }
  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block,
  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block {
    display: none !important;
  }
  @media (max-width: 767px) {
    .visible-xs {
      display: block !important;
    }
    table.visible-xs {
      display: table !important;
    }
    tr.visible-xs {
      display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
      display: table-cell !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-block {
      display: block !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-inline {
      display: inline !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-inline-block {
      display: inline-block !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
      display: block !important;
    }
    table.visible-sm {
      display: table !important;
    }
    tr.visible-sm {
      display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
      display: table-cell !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
      display: block !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
      display: inline !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
      display: inline-block !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
      display: block !important;
    }
    table.visible-md {
      display: table !important;
    }
    tr.visible-md {
      display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
      display: table-cell !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
      display: block !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
      display: inline !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
      display: inline-block !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg {
      display: block !important;
    }
    table.visible-lg {
      display: table !important;
    }
    tr.visible-lg {
      display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
      display: table-cell !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-block {
      display: block !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-inline {
      display: inline !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-inline-block {
      display: inline-block !important;
    }
  }
  @media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
      }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important;
    }
  }
  .visible-print {
    display: none !important;
  }
  @media print {
    .visible-print {
      display: block !important;
    }
    table.visible-print {
      display: table !important;
    }
    tr.visible-print {
      display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
      display: table-cell !important;
    }
  }
  .visible-print-block {
    display: none !important;
  }
  @media print {
    .visible-print-block {
      display: block !important;
    }
  }
  .visible-print-inline {
    display: none !important;
  }
  @media print {
    .visible-print-inline {
      display: inline !important;
    }
  }
  .visible-print-inline-block {
    display: none !important;
  }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important;
    }
  }
  @media print {
    .hidden-print {
      display: none !important;
    }
  }
  /*# sourceMappingURL=bootstrap.css.map */

  /* External Media Queries */
  @media (max-width: 767px) {
  .pull-left-mob{
    float: left !important;
    margin-top: 20px;
  }
}
.ats-switch {
  border: 1px solid;
  cursor: pointer;
  display: inline-block;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  min-width: 100px;
}
.ats-switch.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.ats-switch.disabled .switch-left,
.ats-switch.disabled .switch-right,
.ats-switch.disabled .knob {
  cursor: default !important;
}
.ats-switch span {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 100%;
  line-height: 20px;
  padding: 4px;
  text-align: center;
  width: 33%;
  white-space: nowrap;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ats-switch > div {
  position: relative;
  width: 150%;
}
.ats-switch .knob {
  background: red;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #f5f5f5;
  width: 34%;
  z-index: 100;
}
.ats-switch .switch-on {
  left: 0%;
}
.ats-switch .switch-off {
  left: -50%;
}
.ats-switch .swtich-left,
.ats-switch .switch-right {
  z-index: 1;
}
.ats-switch .switch-left {
  color: #fff;
  background: #005fcc;
}
.ats-switch .switch-right {
  color: #333;
  background: #f0f0f0;
}
.ats-switch .switch-animate {
  transition: left 0.5s;
  -o-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -webkit-transition: left 0.5s;
}
.ats-switch {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ats-switch:hover {
  border-color: #4ab69c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ats-switch.disabled:hover {
  border-color: #ccc;
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
  box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
}
.ats-switch .knob {
  border-right: none;
  border-left: none;
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  background: #fff;
}
.ats-switch .knob i {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  line-height: 18px;
  pointer-events: none;
}
.ats-switch .switch-left,
.ats-switch .switch-right,
.ats-switch .knob {
  min-height: 28px;
}
.ats-switch.switch-mini {
  min-width: 72px;
}
.ats-switch.switch-mini .switch-left,
.ats-switch.switch-mini .switch-right,
.ats-switch.switch-mini .knob {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
  min-height: 18px;
}
.ats-switch.switch-mini i.switch-mini-icons {
  height: 1.20em;
  line-height: 9px;
  vertical-align: text-top;
  text-align: center;
  transform: scale(0.6);
  margin-top: -1px;
  margin-bottom: -1px;
}
.ats-switch.switch-small {
  min-width: 80px;
}
.ats-switch.switch-small .switch-left,
.ats-switch.switch-small .switch-right,
.ats-switch.switch-small .knob {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
  min-height: 24px;
}
.ats-switch.switch-large {
  min-width: 120px;
}
.ats-switch.switch-large .switch-left,
.ats-switch.switch-large .switch-right,
.ats-switch.switch-large .knob {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
  min-height: 34px;
}
.ats-switch span.switch-left {
  color: #fff;
  background: #8F8F8F;
}
.ats-switch span.switch-right {
  color: #000;
  background: #eeeeee;
}
.ats-switch.switch-primary span.switch-left {
  color: #fff;
  background: #8F8F8F;
}
.ats-switch.switch-info span.switch-left {
  color: #fff;
  background: #5bc0de;
}
.ats-switch.switch-success span.switch-left {
  color: #fff;
  background: #5cb85c;
}
.ats-switch.switch-warning span.switch-left {
  background: #f0ad4e;
  color: #fff;
}
.ats-switch.switch-danger span.switch-left {
  color: #fff;
  background: #d9534f;
}
.ats-switch.switch-default span.switch-left {
  color: #000;
  background: #eeeeee;
}
.ats-switch {
  border: 1px solid;
  cursor: pointer;
  display: inline-block;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  min-width: 100px;
}
.ats-switch.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.ats-switch.disabled .switch-left,
.ats-switch.disabled .switch-right,
.ats-switch.disabled .knob {
  cursor: default !important;
}
.ats-switch span {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 100%;
  line-height: 20px;
  padding: 4px;
  text-align: center;
  width: 33%;
  white-space: nowrap;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ats-switch > div {
  position: relative;
  width: 150%;
}
.ats-switch .knob {
  background: red;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #f5f5f5;
  width: 34%;
  z-index: 100;
}
.ats-switch .switch-on {
  left: 0%;
}
.ats-switch .switch-off {
  left: -50%;
}
.ats-switch .swtich-left,
.ats-switch .switch-right {
  z-index: 1;
}
.ats-switch .switch-left {
  color: #fff;
  background: #005fcc;
}
.ats-switch .switch-right {
  color: #333;
  background: #f0f0f0;
}
.ats-switch .switch-animate {
  transition: left 0.5s;
  -o-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -webkit-transition: left 0.5s;
}
.ats-switch {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ats-switch:hover {
  border-color: #4ab69c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ats-switch.disabled:hover {
  border-color: #ccc;
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
  box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
}
.ats-switch .knob {
  border-right: none;
  border-left: none;
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  background: #fff;
}
.ats-switch .knob i {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  line-height: 18px;
  pointer-events: none;
}
.ats-switch .switch-left,
.ats-switch .switch-right,
.ats-switch .knob {
  min-height: 28px;
}
.ats-switch.switch-mini {
  min-width: 72px;
}
.ats-switch.switch-mini .switch-left,
.ats-switch.switch-mini .switch-right,
.ats-switch.switch-mini .knob {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
  min-height: 18px;
}
.ats-switch.switch-mini i.switch-mini-icons {
  height: 1.20em;
  line-height: 9px;
  vertical-align: text-top;
  text-align: center;
  transform: scale(0.6);
  margin-top: -1px;
  margin-bottom: -1px;
}
.ats-switch.switch-small {
  min-width: 80px;
}
.ats-switch.switch-small .switch-left,
.ats-switch.switch-small .switch-right,
.ats-switch.switch-small .knob {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
  min-height: 24px;
}
.ats-switch.switch-large {
  min-width: 120px;
}
.ats-switch.switch-large .switch-left,
.ats-switch.switch-large .switch-right,
.ats-switch.switch-large .knob {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
  min-height: 34px;
}
.ats-switch span.switch-left {
  color: #fff;
  background: #8F8F8F;
}
.ats-switch span.switch-right {
  color: #000;
  background: #eeeeee;
}
.ats-switch.switch-primary span.switch-left {
  color: #fff;
  background: #8F8F8F;
}
.ats-switch.switch-info span.switch-left {
  color: #fff;
  background: #5bc0de;
}
.ats-switch.switch-success span.switch-left {
  color: #fff;
  background: #5cb85c;
}
.ats-switch.switch-warning span.switch-left {
  background: #f0ad4e;
  color: #fff;
}
.ats-switch.switch-danger span.switch-left {
  color: #fff;
  background: #d9534f;
}
.ats-switch.switch-default span.switch-left {
  color: #000;
  background: #eeeeee;
}

.angucomplete-holder {
    position: relative;
}

.angucomplete-dropdown {
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 400px;
    padding: 6px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    top: 33px;
    /* left: 0px; */
    
    margin-top: -6px;
    background-color: #ffffff;
}

.angucomplete-searching {
    color: #acacac;
    font-size: 14px;
}

.angucomplete-description {
    font-size: 14px;
}

.angucomplete-row {
    padding: 5px;
    color: #000000;
    margin-bottom: 4px;
    clear: both;
}

.angucomplete-selected-row {
    color: #000;
    text-decoration: underline;
}

.angucomplete-image-holder {
    padding-top: 2px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.angucomplete-image {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px;
}

.angucomplete-image-default {
    /* Add your own default image here
     background-image: url('/assets/default.png');
    */
    background-position: center;
    background-size: contain;
    height: 34px;
    width: 34px;
}

/* <input-star></input-star> directive */
.angular-input-stars {
	
	display: inline-block;
	padding: 0;
	margin-left: -5px;
	list-style: none;

}

.angular-input-stars > li {
		
	font-size: 17px;

	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	
	cursor: pointer;

}

.angular-input-stars > li i.readonly {
	color: #FF8000;
	cursor: not-allowed;
}

.angular-input-stars > li .active {

		color: #FDE35E;
		text-shadow: black 0 0 1px, 0 0 1px ;	

}

.angular-input-stars > li .active.angular-input-stars-hover {
	text-shadow: black 0 0 3px;
}
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  
  /* Transparent Overlay */
  .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  }

  /*  Not Acceess */
  .no-access {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  
  /* Transparent Overlay */
  .no-access:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .no-access:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .no-access:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  }
  
  
  /* Animation */
  
  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-o-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
.colorpicker-visible,
.colorpicker-visible .dropdown-menu {
  display: block !important;
}
colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAFJhJREFUeAGMU+/q4kAMzFYf4LgP96a+q4c+gSIqxf/r5maWDoTgz15gmM0kW5uMLa21v2b2G6jAG2iEzqUU6q5c/OlMuHtL/ULNd5TP6EJ1RP7NuXvKE397jmbg7MrzHI748T1UA3eopyGQV2qK1+vVHo/Hm1itVm0J7Q+afwGMmgeRphf7Noh6lCeuHJAvm/X8rAQNlw2VScoj6863OQjl2ZB3qkeu5Lh0RJ3qynuNjJA21FppQAHa8/l83263No5jOxwOttlsbL1e2xIXXpMZzzRsXoTw34bQgLiQbKh6M9SXDBSypn4XGOSkGUO1cJdn1Yh4/qYVgctmGSwXyARNcOSFRuBMHvA1GMzwy+Vix+PRdrvdYrvd2vl87oZYDCxBL9B/jEyopghzlNjL0DlB+gAoPNXyOfa3oA9puXonyVHzdH+g9MEISa5z0qUNkwkm6MJkxALg8mlMAxvNwBfhYLvf7w50vl6vBV9H2e/3BjYateQDY8gM5bmWovygdyEb87k/G5Zz9c/2zfEQFysO5nDJ6mMel91Z//pwFpygIWIaMXE3AoYssPBCI/B12DiONMT5VZxOJ0f+j/MyWo5chYGowfn/j03lNXBpl85Up8d46u6DChBMvKv2UePrrAsChtdLTi73oEBjFDYpmIp/KSgRhRw357sXuHLknRgI8d90F8QL761oI8iQeJqvUOGnAoEkgNblF13iiJASZCwhLkG+v7/Halvt5+enr7x+02lZOwKymJ7jMAXK32RxaXnNxfXzCOkCxTO2I3NiR0i9gAjQLLoVHkKG8pCi0UT4Q0h5xUFIlBJEYmg+1yg6TrUq+YfEWKK0lWsSS8+DkNvCWtvJXu0UbDyH/NYjoDHFybPd/cPeficiW5LvkVdBNY4UoIqOQMwPBXm9vUYIVCj3GkXCCo1tRS//uMhYoVG3q46HaBQtamESTs/+0o92hOTaBbqjBwpu8reCuzAP4rkXpQBzQwbhZxD7jNYEAS4CI2Rg4hLitPUor2hGh6j4hQ5FfWt8LQF+SwyJIpGUV05nu56VHqJhR8ybb+Q+/dnPYZYSigIICvY3xfYxCckz/qazprjDiFJ+5DWVwscaMpSDgkleI2uutaKk5kPFNTqO8pBDlBQZEqKvoJXp7+lxzx7Cuoqp2M7zlrm5JbH/9oZ/GLdzBGf9FNmmvPi+h2FXnm8L5WhdCMJNyr1D6yvKP1rFQYgSjWpteE0JMraEME8ykpzo/0/+wcg5yGHMooegQYIRyXU1i52tCSfn9oSQFH+Fe4jypxs3RHA+xNCcNUZ+BXRg7iu0lhgDAesisSfE6UA0iudz9sNHKChek5eBX9a+FwKkKQ+Nd6JljkLX6B4x2L8hhHOsVdhR4iHEEe1LeWJCSI2tCo9AU3OIKHGgbupv6NvyRciGgMzPPLP5LmhPdKTx8qgSWIXxVkZx8QJihmCvPP8nE6IRXniKT9GThhKF0QkZal3KQYcLgn+s8YwWJiNnLVL4mOz1b+4piM8/+YYb8xNlLoASXqC7c9DCOokhl4RAKgSkCNM9wklBOPL4BIJoblQggsb8Km9W/IlIJkKrPN4xEETPwtS3hczrp8//pxmzpoUIBfeSO8r8/OE59wgTIsnIb4yBj7Cft6pYI8Sbh5TBD749IANSlKPgJQQmrr0uUfjbCnlV/V9OCfLpDc9b0nw4x3bznAbWFAyfUeBLEIhA3uaCKifFyUBg8pg+Ro8nOCVOintKoy0xj5bFvhNCQMAfoUqgc8UwMRot8dWy/qPcDHQk5XkgOPD97//Gl/xC2kKlkhl2V4pMQmAON+22E+4XgIzMKYMSmp7S0ymTcpYEYM6eVjKlJV25HgYguZ6lD1hR4S4byoxRwMUQjm87MYVxrW19nCqbgTD4kSEde7FlxcF4tKDCPu41lBUKa7tjgGuHJuPCwpBPdcONuVTiMEMgbPpugJE0+GIRusL+yD9qGhrP05ClFHfOuppZeV4ZkgyJdJc3dkxh0+8YDBpbsyuxrXYzV4VfmJLFwxdAEq7azIj9Yw9AuUCjEL3I7pD1xgo0BPv5Y2U9MCBvegpGxq9/vK7BftOQssP3ueL+HfJwLkAqVLlgPH9CF7phgMoKj/X8EjiNCtGQHzFU9mM7gsR8W/5wkuZ9ZUKBcYuWdE3qU2YYqLIllfo5aog2m2haKnlsvP30YUHO+3f9Yu2GrNpW2rYV8id2bM/9KxBPc/QgZQT9AlotQRtgSls1pIDADvo+3hL0bXBU0yxqG4Fx2ZshdXSBaEjZYtIdh/uxQDOrpMV/Biatjj8nzRgq8p0Ud6w9fAwwe+9mSJPWUMWzPG+A21ZWG45nhoQp1RdaBZ1WYDteUQ4gffvH1jomTHlkxk9GTDi5AS0YAODxMoRjMiqsjq/MyqvFFJX9buv6+18Y8mwDyFRH7Dj+T1rBtYivRV1v9mHtiKhfD10QrRFdsxor9Z4bgChAtF22fLsv1sfsGL4B0grazi9DygpagZ0A2s2WBMBmLn0de15D11KG5WSAvh20rB92fEIVwk0jdV2qPdyWr4mYuw75NMua7FFtmZxbkN7qi4DSFgaqQjc75GwDwbgBMkMMAPfD6cR1wpl1o7GftDhMMSPaFmm05+Tv/HWW9aQXbMfiBAZ4cNLdnz6hyAyj7ki9oQYYqdYd4h405JRwXs4DhLKozKhzG65449eQ4i5nX2LKXYjCVDcWF58Y0uJvj2EpY2VN79NzjHlVF8E1M2JZxOzW62rIEhhlywoAMMhrS8dFBJhgMJx5aRxg/fv9rSW9WN7LeQxZPn4bo6ExYgppsWNkQIt2pOAU8DAK8Oh/yK7ECM8pCAboJDTRFNsJQ3ZkBdtFXgV+A5qAEasl4sk2WxjOzn9PY6sZ1ZxJD/p9FMwoc1pjLNhEbLd2eX2Kpv6Y+aSCn8OUxhqyGBOwS9fxUiwDPIXfZw2JeNs+hS2/2R6r2Lfv+S/ivt3PG7eHh3S/52EDDD0j5h9rStliJiQLc5/fW9wP0PNcfB77nmVpX6Js2WaOQwb9OrXLJ9UMz7UmuJaAQj7fjxi6V97wIGftsqVMwcGZN2ZTL30fr7IYkL4xpG/9Y9bV677pUYXfrHk5tzuvoS1aRPX9ScV+3+Mn1FU7YMR6GT8LEP38xs2OyzVZRjIz9mWrIV2lTYo6LLk3BKXGKCM47jycKCb4zb4GzBi0g3Ec0a9OsBVQQsp+YwTjo+Mr9C/MQluIJmIkYYvvzpL2RhuiKT1uttTrK+q74p8siUsR64/nlS3XedcfZgY6kfUsv/FOUZfOlwGTfjyPCxjrRDbCvMLr4vCc9kN26pBR7H8KuW0wHZrkYCzj2+z5WbPCoZM2rISeEwop48KRZdhiPtmYLXNSyZs91YAeH06dow/Vpg3o+W9a/hbgPI5jTnvdx5YxZUbrCY1V7De22qProHXrDL/9B8dlHIuM3QQqUxL7d/pLyyqrzKlV6/2O/F/GBXP6ochjYdiKvQ4saA1ddlTvY/bEkY9Wa1iLkEN2JVavOhxHRlvqMF/XAnEVOJgXy3fAhCgY0N8bC0Nnpl8Lw/bt2LnCnsENO6o5r7bMcn2hONzQswSK2WVbphBy2kcjGqqWNRJQfU6ALwFgHTlo41pWWaE+O4V2zuhYZ1jYinTnvVmcC0Oclck+MgTH1jZU9Ty/VWaUIS42JwFPpkiWyDiZafZDygiJTseTIrc/g5v1qYQ6kgVnT48A+bztNN774MD2U8kDphjxaP18nyGzZBGUh7Y9L1uGvIp6Mq3EePVl7Xxf2/pE9gWI2KTFX2J3xx8Z0jWvnv+VhaG6tr8vkccerdTfdvhaXzTlLUM8t6HNIa9a4DfuDYgCWEaUCQ5jBcz2YI43lgqsrRi21F+pRThPhW5NvqLDK0Nw5E7RV7DKjDreX69/ZVY14wGQ8+HN733OxHGci9MKTBlkMNCSMqJA/udFzgg5IWqXKW9pbwvDu9VxFIjREGtHAS1w7rs4bcXtpIEV1t7H9QdgfmPIGrTmKDAW+gmIFHxNaRl3iCKEvYcsjuPAgTEzQ5zO2SHY3q+FX98oqti8casANPRxL19nx34JWZ9XQJ4r+uOLpmwxZxGyZF8Bcb9lf+dUR0zZgjwCigMKmGltbXG/SzZmUzQlxzMzGCdcmVUDEH3OijXp7k5StNVSh7xnV6Nju98+MaTMaMjK+b7xCy2gD1vk+G54eVxM6PEzM2TLqjJk3IdR/4iG7RSF+y1klQk4jqGvb/h4n6TBQwHZ77GYE0alLzZOTOl1+ShiFvUyBYRJIvSC1PFPfYemMoW+EpWXtaznArCLitWSnX6BKnPOLkTWIT/3vB3SEFemqF+m0Bh7ZIoY13m7IfmhfyxNzsu90j/f65Bn5hSoMSHIvPE+nptWAKesbWRY6xJax/NG30AnvS4AAPkVEOuDmHBk3KJ+dsewIt41+3t8+kqRB85Sy82QAmZmpGrfGnfqejZrKlP8Rv+GIZ0nnWi/Ys74kWzs6Ly7INTfYvA4CshcGL6wpSJ8I1/GtLCs9ji0lQG+vgzBOkmInRh2a0Y1If0DYPmr5vTPwIv9hCWPXyBcjUGL+n+PhWEdL9Rhi390Wv2lxeHRjGZbYR0Os7DWgb0f15VVzPd5XVcgClAZ41se8uE/3efT7Eq7oQXk7xpSB3NcrfAYzGmFLUAL1MwYtabPjBeYXhcAAGolA3vSjJkZ88Zdx6+/pzrEaf35x9XeODgANYTlPox167cOfmJMAbnv4+1QGNA6pAwpg8qInhdAPa4GFTjrKQi5XSAsjrsf0qWSb3sjm+M4vQz5fNEaA1TGTMxo9vVu2wIATgWozlfavegXZJ7h/+3dYY7cOA7F8VQnu/e/5u4dtnqRwThD/KA/ywU0Jl9GQGCZkl0yHx9JSW4nGPRxKXuA8RzG/BygfJchBtujW5Ipzso9R5HGA998fC7MCMX2kYyrC+mrwd9z7+n5ZIMM9bODV8kYUjuEoeTPAyPemVxq0feB+cJ/xJYuKj3qFoL3r0khi4uHLEvLJwitTGlA4pz734whA7A+ElO05MEer2vLt9hPRgoQcVQmBUM6oNf7VxPlOXudyl7AYEI3Yk0z4TOYxXyEVDliCvOZp+NH8cmAEXNmevVk1p7fpr89MZyKP1l9xZIXzPmIdPmkkLlrqEL8bpbu8XUBJOTT+psdPAvPMV1LAnOlvgkIfyPoPsjxMxquUV2ncX/do65KmSvOriY70XSF2OecL0A7Yf08eYKMJeiHuFq7hE+A2V3WUGgE7sEKGHFjTuNKwAfp8HPGLRUA4N+GAv8QaOkqr91Yl9E+ActMDb059ktX92PIolQB+Hx9Ta9voeB8y/4A9mmCqjyzMvY5PhjHMchf7REHZNH15xSTIfafLss/R2hABEKmtPK5VwPszNms7xOwLB8VM5RrqZbprier+Ei/cncBZYzxQkCaIdv+uUvr9Mm3ViKmPIwBk0GAL7N0mRFjWh6z/+d0oRrAVGTMMSZwMwP9dOvW6077IcWUufB3cjnXUspxM2l+YvZwf2PHtFI+vEm/YMbhvGIJ/SI7Q4kyJGJVsk9mjIniD7Os27GEPjLiaLE323Nyimu85GXtMhM3kvs3F8BPsr+NISPNpR0WhKuaxvkSkIeu5PpW1rWqSrvnMqn+nvE4TxkymeA5zOnzcZnn34whtD281rb511sX+5mTPGVmrWWZP1vPd31Xix+gvMGcEwO9RycRvdFm7DH1TMB1VbqnQ1enDMYUWfNwtRelN1Nc32KVuIBA3qlxj6GMpZlhPYB4VIzyt4JhFyN+nXs/FH8vy5p7HlMZIjwyiGNGtCluDOrElNXKG+gEeAcw5j4HVygTbBf4qfTt/V7rP+YX5a7B+S1FFxFBvSeMs06/zfVk3f0Zf98gbJJge9WV6bKW9hP7vG8EeHcMUYxKOLkvY4D+WoDGMQO9TAt31oC2mysDAqhwaWBmf5iTACADEPZDZMJunYJG8NU9IburyOhztPgyjOt4igUE+3xW2SCYm7IFPQJ6z9SvclKKD6tchS0uyz4F/gocYDcjPLaRnTBIVzaex+Mp/pxiyXMAknvq5bZOR/vLBhX0oH8r/v6xx6d27x8FAgU3a2RixRCSooshjxUQPyV+zGooKD+PBUSwLmVfAWa09bOgZ9zQAwZMr/AcR1n10mWlHzaoNrv6WAogdazY9iXHUalOt+8FsJ8nt49rHYAMlxWAzBRYBWbATdkAVIujr22vLNd4Z+Z253pdh8quMQuMCp4NHUcA5PjWieDAjqByANJ1gRV0AcQ0yfioe6Rpldm2M6d/WuVHW7isUJ5lUV4yQ5mgC2y4SYGq/t5vjU8b4xmDynxo/TIi6iX7fgRk/ueQbrSMPY+rbrawAlfgFLA1nylSAHRbbjDj/n36ehk8ZBPome5eRZfV8w/lo+hK7Huso1TqgDkskvoat+L/X3QsGoDM2tHouKDcJmPWeT9kobMvXc+dwrkOhtJeK/Nm/XEXaCx01ssAWtc99rUOAJ6Uu/srhrQyWgn2g4K6GOvZL5TBwwSA742/x7ijZF3F7tfNUi7Lh5grvwbisoxwYReZamaf9VC8cWhVsAuV4Y5oYyaNcdAuoPa1TcPQZX3v/y16+N55kyFTGQIxNLcDpwIvFKe7cU7keHd2VMxrhR+Y+WXnx+xsrPbm4Mf+eTMn1mYGaFrjptDj/ZmkmjaXVWv19slxkTXJynCvnIdL8zdZOnn83A9ZFSTAB4VsSpGmyipunCjuGN9liwzZs8ddwQVEyzeyuGPYD7APuOS6o7aO9xWo/P3fbrnF8e5y2+7Lnamvyg8GKNeKog2m2NaW+SjwLCQhlr5/M6DamjnNlAbJLKtBaQZU226Ru2KbCe+Ph6Tk3THb/v5zaRQ7yz4M6usa1HywJU50n+7bgb4Z0sC2XIa8P56+JvvuWHTaa6kgbLn7ELvV9bU76A0+hpTKuh3PoryDwKvrflwx5F/1IMaK9wrK+h3ltf/+bb8d5d8/XdZ//txS/N9hxfdvGNg/ZQT1//4fih7V/hdi/qwAAAAASUVORK5CYII=");
  background-size: contain;
  cursor: crosshair;
  float: left;
}
colorpicker-saturation i {
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
colorpicker-saturation i::after {
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #fff;
  border-radius: 5px;
}
colorpicker-hue,
colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
colorpicker-hue i,
colorpicker-alpha i {
  display: block;
  height: 2px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
colorpicker-hue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=");
  background-size: contain;
}
colorpicker-alpha {
  display: none;
}
colorpicker-alpha,
.colorpicker-color {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=");
  background-size: 10px 100%;
}
.colorpicker {
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}
.colorpicker colorpicker-hue,
.colorpicker colorpicker-alpha,
.colorpicker colorpicker-saturation {
  position: relative;
}
.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000;
  background-color: #fff;
}
.colorpicker.alpha {
  min-width: 140px;
}
.colorpicker.alpha colorpicker-alpha {
  display: block;
}
.colorpicker.dropdown {
  position: absolute;
}
.colorpicker.colorpicker-fixed-position {
  position: fixed;
}
.colorpicker .dropdown-menu::after,
.colorpicker .dropdown-menu::before {
  content: '';
  display: inline-block;
  position: absolute;
}
.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px;
}
.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px;
}
.colorpicker .dropdown-menu {
  position: static;
  top: 0;
  left: 0;
  min-width: 129px;
  padding: 4px;
  margin-top: 0;
}
.colorpicker-position-top .dropdown-menu::after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  top: auto;
  bottom: -5px;
}
.colorpicker-position-top .dropdown-menu::before {
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  top: auto;
  bottom: -6px;
}
.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #fff;
  border-left: 0;
  top: 11px;
  left: -5px;
}
.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  top: 10px;
  left: -6px;
}
.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #fff;
  border-top: 0;
}
.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
}
.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #fff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px;
}
.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px;
}
colorpicker-preview {
  display: block;
  height: 10px;
  margin: 5px 0 3px 0;
  clear: both;
  background-position: 0 100%;
}


.jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:40px}.jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}
/***
Pricing table
***/
.pricing {
    position: relative;
    margin-bottom: 15px;
    border: 3px solid #eee;
    min-height: 520px;
  }
  
  .pricing-active {
    border: 3px solid #4ab69c;
    margin-top: -10px;
    box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
  }
      
  .pricing-head {
    text-align: center;
  }
  
  .pricing-head h3,
  .pricing-head h4 {
    margin: 0;
    line-height: normal;
  }
  
  .pricing-head h3 span,
  .pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-style: italic;
  }
  
  .pricing-head h3 {
    font-weight: 300;
    color: #333;
    padding: 12px 0;
    font-size: 26px;
    background: #eee;
    min-height: 100px;
    vertical-align: middle;
    line-height: normal;
  }
  
  .pricing-head h4 {
    color: #b4b5b9;
    padding: 5px 0;
    font-size: 54px;
    font-weight: 300;
    background: #fff;
    border-bottom: solid 1px #f5f9e7;
  }
  
  .pricing-head-active h4 {
    color: #36d7ac;
  }
  
  .pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
    color: #333;
  }
  
  .pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
  }
  
  /*Pricing Content*/
  .pricing-content li {
    color: #888;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
  }
  
  /*Pricing Footer*/
  .pricing-footer {
    color: #777;
    font-size: 15px;
    text-align: center;
    padding: 0 20px 19px;
    position: absolute;
    bottom: 0px;
    left: 25%;
  }

    .pricing-footer p {
        line-height: 10px !important;
    }
  
  /*Priceing Active*/
  .price-active,
  .pricing:hover {
    z-index: 9;
  }
  
  .price-active h4 {
    color: #4ab69c;
  }
  
  .no-space-pricing .pricing:hover {
    transition: box-shadow 0.2s ease-in-out;
  }
  
  .no-space-pricing .price-active .pricing-head h4,
  .no-space-pricing .pricing:hover .pricing-head h4 {
    color: #4ab69c;
    padding: 15px 0;
    font-size: 80px;
    transition: color 0.5s ease-in-out;
  }
  
  .yellow-crusta.btn {
    color: #FFFFFF;
    background-color: #f3c200;
  }
  .yellow-crusta.btn:hover,
  .yellow-crusta.btn:focus,
  .yellow-crusta.btn:active,
  .yellow-crusta.btn.active {
      color: #FFFFFF;
      background-color: #cfa500;
  }

  .pricing-options h5{
      text-align: center;
      color: #777;
      font-weight: bold;
  }

.options-list select {
  margin: 10px;
  width: 90%
}

.options-list li{
    margin-left: 10px;
}

.pricing-footer .total-price {
    font-weight: bold;
    font-size: 17px;
}
.flexer,.progress-indicator{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.no-flexer,.progress-indicator.stacked{display:block}.no-flexer-element{-ms-flex:0;-webkit-flex:0;-moz-flex:0;flex:0}.flexer-element,.progress-indicator>li{-ms-flex:1;-webkit-flex:1;-moz-flex:1;flex:1}.progress-indicator{margin:0 0 1em;padding:0;font-size:80%;text-transform:uppercase}.progress-indicator>li{list-style:none;text-align:center;width:auto;padding:0;margin:0;position:relative;text-overflow:ellipsis;color:#bbb;display:block}.progress-indicator>li:hover{color:#6f6f6f}.progress-indicator>li.completed,.progress-indicator>li.completed .bubble{color:#65d074}.progress-indicator>li .bubble{border-radius:1000px;width:20px;height:20px;background-color:#bbb;display:block;margin:0 auto .5em;border-bottom:1px solid #888}.progress-indicator>li .bubble:after,.progress-indicator>li .bubble:before{display:block;position:absolute;top:9px;width:100%;height:3px;content:'';background-color:#bbb}.progress-indicator>li.completed .bubble,.progress-indicator>li.completed .bubble:after,.progress-indicator>li.completed .bubble:before{background-color:#65d074;border-color:#247830}.progress-indicator>li .bubble:before{left:0}.progress-indicator>li .bubble:after{right:0}.progress-indicator>li:first-child .bubble:after,.progress-indicator>li:first-child .bubble:before{width:50%;margin-left:50%}.progress-indicator>li:last-child .bubble:after,.progress-indicator>li:last-child .bubble:before{width:50%;margin-right:50%}.progress-indicator>li.active,.progress-indicator>li.active .bubble{color:#337AB7}.progress-indicator>li.active .bubble,.progress-indicator>li.active .bubble:after,.progress-indicator>li.active .bubble:before{background-color:#337AB7;border-color:#122a3f}.progress-indicator>li a:hover .bubble,.progress-indicator>li a:hover .bubble:after,.progress-indicator>li a:hover .bubble:before{background-color:#5671d0;border-color:#1f306e}.progress-indicator>li a:hover .bubble{color:#5671d0}.progress-indicator>li.danger .bubble,.progress-indicator>li.danger .bubble:after,.progress-indicator>li.danger .bubble:before{background-color:#d3140f;border-color:#440605}.progress-indicator>li.danger .bubble{color:#d3140f}.progress-indicator>li.warning .bubble,.progress-indicator>li.warning .bubble:after,.progress-indicator>li.warning .bubble:before{background-color:#edb10a;border-color:#5a4304}.progress-indicator>li.warning .bubble{color:#edb10a}.progress-indicator>li.info .bubble,.progress-indicator>li.info .bubble:after,.progress-indicator>li.info .bubble:before{background-color:#5b32d6;border-color:#25135d}.progress-indicator>li.info .bubble{color:#5b32d6}.progress-indicator.stacked>li{text-indent:-10px;text-align:center;display:block}.progress-indicator.stacked>li .bubble:after,.progress-indicator.stacked>li .bubble:before{left:50%;margin-left:-1.5px;width:3px;height:100%}.progress-indicator.stacked .stacked-text{position:relative;z-index:10;top:0;margin-left:60%!important;width:45%!important;display:inline-block;text-align:left;line-height:1.2em}.progress-indicator.stacked>li a{border:none}.progress-indicator.stacked.nocenter>li .bubble{margin-left:0;margin-right:0}.progress-indicator.stacked.nocenter>li .bubble:after,.progress-indicator.stacked.nocenter>li .bubble:before{left:10px}.progress-indicator.stacked.nocenter .stacked-text{width:auto!important;display:block;margin-left:40px!important}@media handheld,screen and (max-width:400px){.progress-indicator{font-size:60%}}
/* Custom dialog/modal headers */

.dialog-header-error { background-color: #d2322d; }
.dialog-header-wait { background-color: #428bca; }
.dialog-header-notify { background-color: #eeeeee; }
.dialog-header-confirm { background-color: #333333; }
	.dialog-header-error span, .dialog-header-error h4,
	.dialog-header-wait span, .dialog-header-wait h4,
	.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }

.lightbox-nav {
    position: relative;
    margin-bottom: 12px; /* the font-size of .btn-xs */
    height: 22px;
    text-align: center;
    font-size: 0; /* prevent the otherwise inherited font-size and line-height from adding extra space to the bottom of this div */
  }
  
  .lightbox-nav .btn-group {
    vertical-align: top;
  }
  
  .lightbox-nav .close {
    /* absolutely position this in order to center the nav buttons */
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .lightbox-image-container {
    position: relative;
    text-align: center; /* center the image */
  }
  
  /* the caption overlays the top left corner of the image */
  .lightbox-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.5em 0.9em; /* the left and right margins are offset by 0.4em for the span box-shadow */
    color: #000;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    text-shadow: 0.1em 0.1em 0.2em rgba(255, 255, 255, 0.5);
  }
  
  .lightbox-image-caption span {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    background-color: rgba(255, 255, 255, 0.75);
    /* pad the left and right of each line of text */
    box-shadow: 0.4em 0 0 rgba(255, 255, 255, 0.75),
      -0.4em 0 0 rgba(255, 255, 255, 0.75);
  }
  
/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.7 - 2017-04-15T14:28:36.790Z
 * License: MIT
 */


/* Style when highlighting a search. */
.ui-select-highlight {
    font-weight: bold;
  }
  
  .ui-select-offscreen {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
  }
  
  
  .ui-select-choices-row:hover {
    background-color: #f5f5f5;
  }
  
  /* Select2 theme */
  
  /* Mark invalid Select2 */
  .ng-dirty.ng-invalid > a.select2-choice {
      border-color: #D44950;
  }
  
  .select2-result-single {
    padding-left: 0;
  }
  
  .select2-locked > .select2-search-choice-close{
    display:none;
  }
  
  .select-locked > .ui-select-match-close{
      display:none;
  }
  
  body > .select2-container.open {
    z-index: 9999; /* The z-index Select2 applies to the select2-drop */
  }
  
  /* Handle up direction Select2 */
  .ui-select-container[theme="select2"].direction-up .ui-select-match,
  .ui-select-container.select2.direction-up .ui-select-match {
      border-radius: 4px; /* FIXME hardcoded value :-/ */
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  .ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
  .ui-select-container.select2.direction-up .ui-select-dropdown {
      border-radius: 4px; /* FIXME hardcoded value :-/ */
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  
      border-top-width: 1px;  /* FIXME hardcoded value :-/ */
      border-top-style: solid;
  
      box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  
      margin-top: -4px; /* FIXME hardcoded value :-/ */
  }
  .ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
  .ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
      margin-top: 4px; /* FIXME hardcoded value :-/ */
  }
  .ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
  .ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
      border-bottom-color: #5897fb;
  }
  
  .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
  .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
      opacity: 0;
      height: 0;
      min-height: 0;
      padding: 0;
      margin: 0;
      border:0;
  }
  
  /* Selectize theme */
  
  /* Helper class to show styles when focus */
  .selectize-input.selectize-focus{
    border-color: #007FBB !important;
  }
  
  /* Fix input width for Selectize theme */
  .selectize-control.single > .selectize-input > input {
    width: 100%;
  }
  
  /* Fix line break when there's at least one item selected with the Selectize theme */
  .selectize-control.multi > .selectize-input > input {
    margin: 0 !important;
  }
  
  /* Fix dropdown width for Selectize theme */
  .selectize-control > .selectize-dropdown {
    width: 100%;
  }
  
  /* Mark invalid Selectize */
  .ng-dirty.ng-invalid > div.selectize-input {
      border-color: #D44950;
  }
  
  /* Handle up direction Selectize */
  .ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
      box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
      margin-top: -2px; /* FIXME hardcoded value :-/ */
  }
  
  .ui-select-container[theme="selectize"] input.ui-select-search-hidden{
      opacity: 0;
      height: 0;
      min-height: 0;
      padding: 0;
      margin: 0;
      border:0;
      width: 0;
  }
  
  /* Bootstrap theme */
  
  /* Helper class to show styles when focus */
  .btn-default-focus {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
    text-decoration: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  
  .ui-select-bootstrap .ui-select-toggle {
    position: relative;
  }
  
  .ui-select-bootstrap .ui-select-toggle > .caret {
    position: absolute;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -2px;
  }
  
  /* Fix Bootstrap dropdown position when inside a input-group */
  .input-group > .ui-select-bootstrap.dropdown {
    /* Instead of relative */
    position: static;
  }
  
  .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
    border-radius: 4px !important; /* FIXME hardcoded value :-/ */
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  
  .ui-select-bootstrap .ui-select-search-hidden{
      opacity: 0;
      height: 0;
      min-height: 0;
      padding: 0;
      margin: 0;
      border:0;
  }
  
  .ui-select-bootstrap > .ui-select-match > .btn{
    /* Instead of center because of .btn */
    text-align: left !important;
  }
  
  .ui-select-bootstrap > .ui-select-match > .caret {
    position: absolute;
    top: 45%;
    right: 15px;
  }
  
  /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
  .ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    margin-top: -1px;
  }
  
  body > .ui-select-bootstrap.open {
    z-index: 1000; /* Standard Bootstrap dropdown z-index */
  }
  
  .ui-select-multiple.ui-select-bootstrap {
    height: auto;
    padding: 3px 3px 0 3px;
  }
  
  .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    background-color: transparent !important; /* To prevent double background when disabled */
    border: none;
    outline: none;
    height: 1.666666em;
    margin-bottom: 3px;
  }
  
  .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    font-size: 1.6em;
    line-height: 0.75;
  }
  
  .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    outline: 0;
    margin: 0 3px 3px 0;
  }
  
  .ui-select-multiple .ui-select-match-item {
    position: relative;
  }
  
  .ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
    pointer-events: none;
  }
  
  .ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    margin-right: 2px;
    border-left: 1px solid #428bca;
  }
  
  .ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    margin-left: 2px;
    border-right: 1px solid #428bca;
  }
  
  .ui-select-bootstrap .ui-select-choices-row>span {
      cursor: pointer;
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: 400;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap;
  }
  
  .ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
      text-decoration: none;
      color: #262626;
      background-color: #f5f5f5;
  }
  
  .ui-select-bootstrap .ui-select-choices-row.active>span {
      color: #fff;
      text-decoration: none;
      outline: 0;
      background-color: #428bca;
  }
  
  .ui-select-bootstrap .ui-select-choices-row.disabled>span,
  .ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
      color: #777;
      cursor: not-allowed;
      background-color: #fff;
  }
  
  /* fix hide/show angular animation */
  .ui-select-match.ng-hide-add,
  .ui-select-search.ng-hide-add {
      display: none !important;
  }
  
  /* Mark invalid Bootstrap */
  .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
      border-color: #D44950;
  }
  
  /* Handle up direction Bootstrap */
  .ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
      box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  }
  
  .ui-select-bootstrap .ui-select-match-text {
      width: 100%;
      padding-right: 1em;
  }
  .ui-select-bootstrap .ui-select-match-text span {
      display: inline-block;
      width: 100%;
      overflow: hidden;
  }
  .ui-select-bootstrap .ui-select-toggle > a.btn {
    position: absolute;
    height: 10px;
    right: 10px;
    margin-top: -2px;
  }
  
  /* Spinner */
  .ui-select-refreshing.glyphicon {
      position: absolute;
      right: 0;
      padding: 8px 27px;
   }
  
  @-webkit-keyframes ui-select-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @keyframes ui-select-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  
  .ui-select-spin {
    -webkit-animation: ui-select-spin 2s infinite linear;
    animation: ui-select-spin 2s infinite linear;
  }
  
  .ui-select-refreshing.ng-animate {
    -webkit-animation: none 0s;
  }
  
.gjs-resizer-h-cr, .gjs-resizer-h-tc, .gjs-resizer-h-cl, .gjs-resizer-h-bc {
  display: none;
}
/* 
 * Don't modify things marked with ! - unless you know what you're doing
 */

/* ! vertical layout */
.multiSelect .vertical {
    float: none;        
}

/* ! horizontal layout */
.multiSelect .horizontal:not(.multiSelectGroup) {
    float: left;
}

/* ! create a "row" */
.multiSelect .line {
    padding:  2px 0px 4px 0px;
    max-height: 30px;   
    overflow: hidden;
    box-sizing: content-box;
}

/* ! create a "column" */
.multiSelect .acol {
    display: inline-block;    
    min-width: 12px;
}

/* ! */
.multiSelect .inlineBlock {
    display: inline-block;
}

/* the multiselect button */
.multiSelect > button {
    display: inline-block;
    position: relative;
    text-align: center;    
    cursor: pointer;
    border: 1px solid #c6c6c6;    
    padding: 1px 8px 1px 8px;    
    font-size: 14px;
    min-height : 38px !important;
    border-radius: 4px;
    color: #555;   
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
    white-space:normal;
    background-color: #fff;
    background-image: linear-gradient(#fff, #f7f7f7);      
}

/* button: hover */
.multiSelect > button:hover {    
    background-image: linear-gradient(#fff, #e9e9e9);    
}

/* button: disabled */
.multiSelect > button:disabled {
    background-image: linear-gradient(#fff, #fff);      
    border: 1px solid #ddd;    
    color: #999;
}

/* button: clicked */
.multiSelect .buttonClicked {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* labels on the button */
.multiSelect .buttonLabel {
    display: inline-block;
    padding: 5px 0px 5px 0px; 
}

/* downward pointing arrow */
.multiSelect .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0px 0px 1px 12px  !important;    
    vertical-align: middle;
    border-top: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted; 
}

/* the main checkboxes and helper layer */
.multiSelect .checkboxLayer {
    background-color: #fff;
    position: absolute;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);    
    min-width:278px;
    display: none !important;    
}

/* container of helper elements */
.multiSelect .helperContainer {
    border-bottom: 1px solid #ddd;
    padding: 8px 8px 0px 8px;    
}

/* helper buttons (select all, none, reset); */
.multiSelect .helperButton {
    display: inline;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 26px;
    font-size: 13px;
    border-radius: 2px;
    color: #666;    
    background-color: #f1f1f1;
    line-height: 1.6;
    margin: 0px 0px 8px 0px;
}

.multiSelect .helperButton.reset{
    float: right;
}

.multiSelect .helperButton:not( .reset ) {
    margin-right: 4px;    
}

/* clear button */
.multiSelect .clearButton {
    position: absolute;
    display: inline;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 22px;
    width: 22px;
    font-size: 13px;
    border-radius: 2px;
    color: #666;    
    background-color: #f1f1f1;
    line-height: 1.4;
    right : 2px;
    top: 4px;
}

/* filter */
.multiSelect .inputFilter {
    border-radius: 2px; 
    border: 1px solid #ccc;
    height: 26px;
    font-size: 14px;
    width:100%;    
    padding-left:7px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */    
    color: #888;
    margin: 0px 0px 8px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* helper elements on hover & focus */
.multiSelect .clearButton:hover,
.multiSelect .helperButton:hover {
    border: 1px solid #ccc;
    color: #999;    
    background-color: #f4f4f4;    
}
.multiSelect .helperButton:disabled {
    color: #ccc;    
    border: 1px solid #ddd;
}

.multiSelect .clearButton:focus,
.multiSelect .helperButton:focus,
.multiSelect .inputFilter:focus {
    border: 1px solid #66AFE9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
            box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
}

/* container of multi select items */
.multiSelect .checkBoxContainer {
    display: block;
    padding: 8px;   
    overflow: hidden;
}

/* ! to show / hide the checkbox layer above */
.multiSelect .show {
    display: block !important;
}

/* item labels */
.multiSelect .multiSelectItem {
    display: block;
    padding: 3px;
    color: #444;       
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;      
    border: 1px solid transparent;
    position: relative;
    min-width:278px;    
    min-height: 32px;    
}

/* Styling on selected items */
.multiSelect .multiSelectItem:not(.multiSelectGroup).selected
{
    background-image: linear-gradient( #e9e9e9, #f1f1f1 );    
    color: #555;        
    cursor: pointer;        
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;    
    border-right: 1px solid #d9d9d9;            
}

.multiSelect .multiSelectItem .acol label {
    display: inline-block;
    padding-right: 30px;    
    margin: 0px;
    font-weight: normal;    
    line-height: normal;
}

/* item labels focus on mouse hover */
.multiSelect .multiSelectItem:hover, 
.multiSelect .multiSelectGroup:hover {
    background-image: linear-gradient( #c1c1c1, #999 ) !important;    
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}

/* item labels focus using keyboard */
.multiSelect .multiSelectFocus { 
    background-image: linear-gradient( #c1c1c1, #999 ) !important;    
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}

/* change mouse pointer into the pointing finger */
.multiSelect .multiSelectItem span:hover, 
.multiSelect .multiSelectGroup span:hover
{    
    cursor: pointer;  
}

/* ! group labels */
.multiSelect .multiSelectGroup {    
    display: block;
    clear: both;
}

/* right-align the tick mark (&#10004;) */
.multiSelect .tickMark {
    display:inline-block; 
    position: absolute; 
    right: 10px; 
    top: 7px;
    font-size: 10px;          
}

/* hide the original HTML checkbox away */
.multiSelect .checkbox {    
    color: #ddd !important;    
    position: absolute;
    left: -9999px;
    cursor: pointer;    
}

/* checkboxes currently disabled */
.multiSelect .disabled, 
.multiSelect .disabled:hover,
.multiSelect .disabled label input:hover ~ span {
    color: #c4c4c4 !important;
    cursor: not-allowed !important;
}

/* If you use images in button / checkbox label, you might want to change the image style here. */
.multiSelect img {
    vertical-align: middle;
    margin-bottom:0px;
    max-height: 22px;
    max-width:22px;
}

ui-cropper {
    width: 100%;
    display: block; }
    ui-cropper.fixed-height {
      height: 100%;
      position: relative;
      overflow: hidden; }
      ui-cropper.fixed-height canvas {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%; }
    ui-cropper.full-width {
      text-align: center; }
      ui-cropper.full-width canvas {
        display: inline; }
    ui-cropper canvas {
      outline: none;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      /* mobile webkit */ }
    ui-cropper .loading {
      width: 100%;
      font-size: 16px;
      font-weight: bold;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-justify-content: center;
      color: white;
      background-color: rgba(0, 0, 0, 0.75); }
      ui-cropper .loading .fixed-height {
        height: 100%;
        position: absolute; }
  
.checkmark__circle {
    stroke-dasharray: 216; /* ORIGINALLY 166px */
    stroke-dashoffset: 216; /* ORIGINALLY 166px */
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4ab69c;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 106px; /* ORIGINALLY 56px */
    height: 106px; /* ORIGINALLY 56px */
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10px auto;
    box-shadow: inset 0px 0px 0px #4ab69c;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 98; /* ORIGINALLY 48px */
    stroke-dashoffset: 98; /* ORIGINALLY 48px*/
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes scale {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}
@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 80px #4ab69c;
    }
}
.custom-loader .skeleton {
    background: #fff;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 10px 15px;
  }
  .custom-loader .skeleton.skeleton--card {
    width: 100%;
    display: inline-block;
    vertical-align: text-top;
  }
  .custom-loader .skeleton .skeleton--content {
    height: 100%;
    padding: 15px;
    position: relative;
  }
  .custom-loader .skeleton .skeleton--content .custom-loader {
    background: #f6f7f8;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderSkeleton;
    -webkit-animation-timing-function: linear;
    background-image: -webkit-gradient(linear, left center, right center, from(#f6f7f8), color-stop(0.2, #edeef1), color-stop(0.4, #f6f7f8), to(#f6f7f8));
    background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    position: relative;
  }
  .custom-loader .skeleton .supplier-product{
    background: #2e8470;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderSkeleton;
    -webkit-animation-timing-function: linear;
    background-image: -webkit-gradient(linear, left center, right center, from(#2e8470), color-stop(0.2, #3cad93), color-stop(0.4, #83e7d0), to(#2e8470));
    background-image: -webkit-linear-gradient(left, #2e8470 0%, #3cad93 20%, #83e7d0 40%, #2e8470 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    position: relative;
    border-radius: 20px;
  }
  
  .custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr {
    display: flex;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--th {
    flex: 1 1 100%;
    height: 15px;
    margin: 5px 10px 15px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td {
    flex: 1 1 100%;
    height: 10px;
    margin: 5px 10px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td__2 {
    flex-basis: 300%;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td__3 {
    flex-basis: 500%;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td__4 {
    flex-basis: 700%;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td__5 {
    flex-basis: 900%;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--title {
    margin: 5px 10px;
    height: 250px;
    width: 100%;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--hr {
    height: 2px;
    width: calc(100% - 20px);
    margin: 0 10px 10px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--filter{
    height: 40px;
    width: calc(100% - 20px);
    margin: 5px 10px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--pagination{
    height: 32px;
    width: calc(100% - 20px);
    margin: 5px 10px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--line {
    height: 23px;
    width: calc(100% - 10px);
    margin: 5px 10px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--box {
    margin: 5px 10px 10px;
    height: 100px;
    width: 100px;
    border-radius: 4px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--product {
    height: 190px;
    width: 100%;
    margin: 5px 10px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--product-image {
    height: 190px;
    width: 90%;
    margin: 5px 10px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--line.skeleton--line__short {
    width: 120px;
  }
  .custom-loader .skeleton .skeleton--content .skeleton--circle {
    margin: 5px 10px 10px;
    height: 60px;
    width: 60px;
    border-radius: 10px;
  }
  .custom-loader .skeleton .skeleton--content .fl {
    display: inline-block;
    width: auto;
    vertical-align: text-top;
  }
  @-webkit-keyframes placeholderSkeleton {
    0% {
      background-position: -468px 0;
    }
    100% {
      background-position: 468px 0;
    }
  }
.gjs-pn-btn {
  font-size: 18px !important;
}
.gjs-one-bg {
  background-color: #212632 !important;
}
.gjs-sm-sector,
.gjs-clm-tags {
  background: #292f3e;
}
.gjs-sm-sector:hover {
  background-color: #353d51;
}
.gjs-category-title,
.gjs-sm-sector .gjs-sm-title,
.gjs-clm-tags .gjs-sm-title,
.gjs-block-category .gjs-title,
.gjs-layer-title {
  font-size: 12px;
}
.gjs-sm-sector .gjs-sm-property,
.gjs-clm-tags .gjs-sm-property {
  font-size: 10px;
}
.gjs-field input,
.gjs-field select,
.gjs-field textarea {
  font-size: 12px;
  border: 0 !important;
}
.gjs-clm-tags #gjs-clm-label,
.gjs-clm-tags #gjs-clm-sel {
  font-size: 12px;
}
.gjs-traits-label {
  font-size: 12px;
}
.gjs-toolbar-item {
  padding: 5px 5px;
  font-size: 14px !important;
}
.gjs-label {
  font-size: 12px;
}
.gjs-block-label {
  font-size: 10px !important;
}
.gjs-block.fa {
  font-size: 4em !important;
}
.nav-page-builder {
  background-color: #212632 !important;
  padding: 5px 0 !important;
  border-color: #f4cd00;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.nav-page-builder .container-fluid .btn-primary {
  background-color: #636872;
  font-size: 12px;
}
.nav-page-builder .container-fluid .btn {
  font-size: 11px;
  text-transform: uppercase;
}
.gjs-trt-header {
  font-size: 12px;
}
body,
html {
  height: 100%;
  margin-left: 0;
}
div#gjs-sm-text-shadow {
  display: none !important;
}
span.gjs-sm-icon {
  color: #ddd !important;
}
div#gjs-sm-border-radius {
  display: none !important;
}
div#gjs-sm-box-shadow {
  display: none !important;
}
div#gjs-sm-extra {
  display: none !important;
}
div#gjs-sm-layout {
  display: none !important;
}
div#gjs-sm-general {
  display: none !important;
}
.gjs-one-bg {
  background-color: #121415 !important;
}
.gjs-four-color {
  color: #0ccfa8 !important;
}
.darkLink {
  background: #222;
  color: #fff;
}
.darkLink:hover {
  background: #0ccfa8;
  color: #fff !important;
}
nav.navbar.navbar-inverse.ng-scope {
  background-color: #121415 !important;
  border-radius: 0px;
}
.c6726 {
  height: 700px !important;
  width: 100% !important;
}
div#hideBrand {
  display: none;
}
body,
html {
  height: 100%;
  margin-left: 0;
}
div#gjs-sm-text-shadow {
  display: none !important;
}
span.gjs-sm-icon {
  color: #ddd !important;
}
div#gjs-sm-border-radius {
  display: none !important;
}
div#gjs-sm-box-shadow {
  display: none !important;
}
div#gjs-sm-extra {
  display: none !important;
}
div#gjs-sm-layout {
  display: none !important;
}
div#gjs-sm-general {
  display: none !important;
}
.gjs-one-bg {
  background-color: #212632 !important;
}
.gjs-four-color {
  color: #0ccfa8 !important;
}
.darkLink {
  background: #222;
  color: #fff;
}
.darkLink:hover {
  background: #0ccfa8;
  color: #fff !important;
}
nav.navbar.navbar-inverse.ng-scope {
  background-color: #212632 !important;
  border-radius: 0px;
}
.c6726 {
  height: 700px !important;
  width: 100% !important;
}
div#hideBrand {
  display: none;
}
.preview-modal {
  border-bottom: 0 !important;
}
.preview-modal > li {
  float: left;
  margin-bottom: -1px;
  width: 25%;
  text-align: center;
}
.preview-modal > li > a {
  border: 1px solid transparent !important;
  text-transform: uppercase;
  font-weight: 600;
}
.preview-modal > li > a:hover {
  border-color: #fff !important;
}
.preview-modal>li.active>a,
.preview-modal>li.active>a:hover,
.preview-modal>li.active>a:focus {
  color: #000 !important;
  background-color: #fff !important;
  border-top: 0 !important;
  border-right: 0;
  border-bottom: 3px solid #337ab7 !important;
}
.preview-modal>li>a:hover,
.preview-modal>li>a:focus {
  background-color: #fff !important;
  background-color: #fff !important;
}
.fb-preview-section {
  padding: 0 !important;
  padding: 0 !important;
}
.fb-preview-section .tab-content > .active {
  padding: 15px;
  text-align: center;
  width: 100%;
  padding: 15px;
  text-align: center;
  width: 100%;
  padding: 15px;
  text-align: center;
  width: 100%;
  padding: 15px;
  text-align: center;
  width: 100%;
}
.preview-result>li>a:hover,
.preview-result>li>a:focus {
  background-color: #fff !important;
  background-color: #fff !important;
}
.preview-result > li {
  font-size: 13px;
  padding-bottom: 3px;
  font-size: 13px;
  padding-bottom: 3px;
}
.preview-result > li > a {
  border-radius: 0 !important;
  padding: 10px 15px 10px 10px false;
  cursor: default !important;
  border-radius: 0 !important;
  padding: 10px 15px 10px 10px false;
  cursor: default !important;
}
.preview-result>li.active>a,
.preview-result>li.active>a:hover,
.preview-result>li.active>a:focus {
  color: #000;
  background-color: #fff !important;
  color: #000;
  background-color: #fff !important;
}
.prv-res>li>a:hover,
.prv-res>li>a:focus {
  background-color: #fff !important;
  cursor: default !important;
  background-color: #fff !important;
  cursor: default !important;
}
.select-plan input,
select,
textarea,
input[type],
.form-control {
  border: solid 1px #d2d2d2 !important;
  border-radius: 0 !important;
  border: solid 1px #d2d2d2 !important;
  border-radius: 0 !important;
}
.prv-content {
  position: relative;
  position: relative;
}
.prv-content img {
  border: 2px solid #337ab7 !important;
  padding: 10px !important;
  border: 2px solid #337ab7 !important;
  padding: 10px !important;
}
.prv-content:hover .image {
  opacity: 0.3;
  opacity: 0.3;
}
.prv-content:hover .hover-btn {
  opacity: 1;
  background-color: transparent;
  border: 0px solid transparent !important;
  font-size: 32px;
  opacity: 1;
  background-color: transparent;
  border: 0px solid transparent !important;
  font-size: 32px;
}
.prv-content:hover .hover-cancel-btn {
  opacity: 1;
  background-color: transparent;
  border: 0px solid transparent !important;
  font-size: 16px;
  opacity: 1;
  background-color: transparent;
  border: 0px solid transparent !important;
  font-size: 16px;
}
.hover-btn {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.hover-cancel-btn {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 4%;
  right: 1%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 4%;
  right: 1%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.select-plan .form-group label {
  font-weight: 600;
  color: #404040;
  text-transform: capitalize;
  font-weight: 600;
  color: #404040;
  text-transform: capitalize;
}
.gp-icon i {
  font-size: 24px;
  padding-right: 12px;
  font-size: 24px;
  padding-right: 12px;
}
.row {
  margin: 10px 0px 0px 0px;
}
.row.ng-scope < .column.editor-clm {
  margin-bottom: 0px !important;
}
.drop-box {
  cursor: pointer;
  cursor: pointer;
}
.angucomplete-row {
  color: #000 !important;
}
#list {
  list-style-type: none;
  list-style-type: none;
}
.icons-color .fa-pencil {
  color: #43578c;
  padding-left: 6px;
  color: #43578c;
  padding-left: 6px;
}
.icons-color .fa-check {
  color: #a5c482;
  padding-right: 6px;
  color: #a5c482;
  padding-right: 6px;
}
.icons-color .fa-question {
  color: #43578c;
  padding-left: 6px;
  color: #43578c;
  padding-left: 6px;
}
.list {
  list-style-type: none;
  list-style-type: none;
}
#second-block {
  width: 15%;
  width: 15%;
}
.f-bold {
  font-weight: 600;
  font-size: 22px;
  font-weight: 600;
  font-size: 22px;
}
.first-row {
  border-bottom: 1px solid #9e9e9e;
  border-bottom: 1px solid #9e9e9e;
}
.second-row {
  margin-top: 8px;
  margin-top: 8px;
}
.third-row {
  height: 24vh;
  margin-top: 10px;
  height: 24vh;
  margin-top: 10px;
}
.fourth-row {
  margin-top: 10px;
  margin-top: 10px;
}
.fifth-row {
  margin-top: 10px;
  margin-top: 10px;
}
.caret {
  color: #43578c;
  color: #43578c;
}
.btn-caret {
  width: 30%;
  border-radius: 0px;
  width: 30%;
  border-radius: 0px;
}
.btn-text {
  border-radius: 0px;
  font-size: 12px;
  background-color: #fff;
  border-radius: 0px;
  font-size: 12px;
  background-color: #fff;
}
.btn-text i {
  color: #a5c482;
  color: #a5c482;
}
.table-data {
  border: 1px solid #9e9e9e;
  border: 1px solid #9e9e9e;
}
.table-data thead {
  font-size: 11px;
  font-size: 11px;
}
.table-data tbody {
  font-size: 14px;
  font-size: 14px;
}
.chk-box {
  margin-bottom: 18px;
  margin-bottom: 18px;
}
.btn-footer {
  background-color: #fff;
  background-color: #fff;
}
.avg-li li {
  list-style-type: none;
  text-align: right;
  font-size: 10px;
  list-style-type: none;
  text-align: right;
  font-size: 10px;
}
.custom-calender {
  width: 80% !important;
  display: flex;
  width: 80% !important;
  display: flex;
}
.custom-drop-btn {
  padding: 0px;
  padding: 0px;
}
.txt-color {
  color: #43578c;
  color: #43578c;
}
.dropdown-list {
  position: relative;
  position: relative;
}
.tbl-bdr {
  border-right: 1px solid #777;
  border-right: 1px solid #777;
}
.tbl-td {
  text-align: right;
  text-align: right;
}
.dropdown-item {
  padding-left: 10px;
  padding-left: 10px;
}
.sel-col {
  background-color: #e1e1e1;
  font-weight: bold;
}
.sel-col .preview-modal,
.sel-col border-bottom 0 !important,
.sel-col > li {
  float: left;
  margin-bottom: -1px;
  width: 25%;
  text-align: center;
}
.sel-col .preview-modal > a,
.sel-col border-bottom 0 !important> a,
.sel-col > li > a {
  border: 1px solid transparent !important;
  text-transform: uppercase;
  font-weight: 600;
}
.sel-col .preview-modal > a:hover,
.sel-col border-bottom 0 !important> a:hover,
.sel-col > li > a:hover {
  border-color: #fff !important;
}
.dropbox-1 {
  background: #f8f8f8;
  border: 5px dashed #ddd;
  width: 100%;
  text-align: center;
  padding: 50px 10px;
}
#text-area-fb {
  width: 100%;
  height: 80px;
}
.custom-caret {
  float: right;
}
.mb-20 {
  margin-bottom: 0px;
  margin-top: 0px;
}
#custom-font {
  font-weight: 600;
}
#custom-chk {
  display: block !important;
}
.create-btn {
  text-align: center;
  margin-bottom: 15px;
}
.new-campaign {
  width: 70%;
  background-color: #f5f9fa;
  border: 1px solid #3a6284;
  border-radius: 10px;
  padding: 8px 10px;
  margin-bottom: 20px;
}
.new-campaign .nav-tabs {
  border: 0 !important;
}
.custom-row {
  margin: 0px;
}
.nav-btn {
  padding-bottom: 15px;
  width: 30%;
  margin: 0 auto;
}
.nav-btn .next-btn {
  float: right;
}
.cust-text-mt {
  margin-top: 5px;
}
.campaign-block-content {
  border-radius: 25px;
  padding: 2em;
  height: 23em !important;
}
.carousel-indicators li {
  visibility: hidden;
}
.dropbtnloyaltyPortal {
  background-color: #3498db;
  color: #fff;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.dropbtnloyaltyPortal:hover,
.dropbtnloyaltyPortal:focus {
  background-color: #2980b9;
}
.dropdownloyaltyPortal {
  position: relative;
  display: inline-block;
}
.dropdown-contentloyaltyPortal {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-contentloyaltyPortal a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdownloyaltyPortal a:hover {
  background-color: #ddd;
}
.showloyaltyPortal {
  display: block;
}
.progress-indicator>li:first-child .bubble:after,
.progress-indicator>li:first-child .bubble:before {
  width: 50%;
  margin-left: 0% !important;
}
.progress-indicator>li.completed .bubble,
.progress-indicator>li.completed .bubble:after,
.progress-indicator>li.completed .bubble:before {
  background-color: #4ab69c !important;
}
.progress-indicator>li.completed1 .bubble,
.progress-indicator>li.completed1 .bubble:after,
.progress-indicator>li.completed1 .bubble:before {
  background-color: #ff0b00 !important;
}
.pl-65 {
  padding-left: 65px;
}
.progress-cl {
  width: 100%;
}
.section-one-custom-loyalty {
  overflow-x: hidden;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.cl-two {
  background: #cecece;
}
.cl-one {
  padding: 20px 0px;
  width: 100%;
  display: inline-block;
}
.cl-one-left {
  float: left;
  display: inline-block;
}
.pr-10 {
  padding-right: 10px;
}
.cl-one-right {
  float: right;
  display: inline-block;
}
#username-text-size {
  font-size: 17px;
}
.btn-black {
  background: #000;
  color: #fff !important;
  border-radius: 0px;
  outline: 0 !important;
  padding: 5px 25px;
}
.cl-two {
  background: #c6c6c6;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
}
.green-clr {
  color: #4ab69c;
  font-weight: 600;
}
.send-email-cl {
  background-color: #4ab69c !important;
  color: #fff;
  padding: 1px 20px;
  margin-top: 65px;
  min-width: 143px;
  outline: 0 !important;
  font-size: 11px;
}
.send-email-cl:hover {
  color: #fff !important;
}
.send-email-cl:focus {
  color: #fff !important;
}
.detail-table-cl .col-md-3,
.detail-table-cl .col-md-2,
.detail-table-cl .col-md-4 {
  min-height: 100px !important;
}
.detail-table-cl .col-md-2 {
  text-align: right;
}
.row.detail-table-cl {
  border-bottom: 2px solid #f2f2f2;
}
.detail-table-cl-two .col-md-3,
.detail-table-cl-two .col-md-2,
.detail-table-cl-two .col-md-4 {
  min-height: 100px !important;
}
.detail-table-cl-two .col-md-4 #amount {
  padding-right: 10px;
  float: left;
  min-width: 65px;
}
.circle-border {
  background-color: #cecece;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.cl-one-right .send-email-cl {
  margin-top: 20px;
}
.repair-status-cl {
  border-bottom: 2px solid #f2f2f2;
}
.repair-status-cl .main-row-cl .col-md-3 img {
  width: 100%;
  min-height: 280px;
  object-fit: cover;
}
.repair-cl {
  border-bottom: 2px solid #f2f2f2;
}
.bs-wizard {
  margin-top: 40px;
}
.custom-loyal input[type="text"] {
  padding: 2px 10px !important;
}
.custom-loyal input[type="number"] {
  padding: 2px 10px !important;
}
.progress-indicator>li.info .bubble {
  color: #5b32d6;
}
.progress-indicator.stacked>li {
  text-indent: -10px;
  text-align: center;
  display: block;
}
.progress-indicator.stacked>li .bubble:after,
.progress-indicator.stacked>li .bubble:before {
  left: 50%;
  margin-left: -1.5px;
  width: 3px;
  height: 100%;
}
.progress-indicator.stacked .stacked-text {
  position: relative;
  z-index: 10;
  top: 0;
  margin-left: 60% !important;
  width: 45% !important;
  display: inline-block;
  text-align: left;
  line-height: 1.2em;
}
.progress-indicator.stacked>li a {
  border: none;
}
.progress-indicator.stacked.nocenter>li .bubble {
  margin-left: 0;
  margin-right: 0;
}
.progress-indicator.stacked.nocenter>li .bubble:after,
.progress-indicator.stacked.nocenter>li .bubble:before {
  left: 10px;
}
.progress-indicator.stacked.nocenter .stacked-text {
  width: auto !important;
  display: block;
  margin-left: 40px !important;
}
.progress-indicator > li {
  color: #ddd;
}
.progress-indicator > li .bubble,
.progress-indicator > li .bubble::after,
.progress-indicator > li .bubble::before {
  background-color: #ddd;
}
@media handheld, screen and (max-width: 400px) {
  .progress-indicator {
    font-size: 60%;
  }
}
.sortorder:after {
  content: '\25b2';
}
.sortorder.reverse:after {
  content: '\25bc';
}
.mb-20 {
  margin-bottom: 20px;
}
.adding-element-loyalty span i {
  color: #4ab69c;
  font-size: 15px;
  margin-right: 8px;
}
.customColumnTable>tbody>tr>td {
  border: none !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.loyalty-section-one p {
  line-height: 1 !important;
}
.custom-repair {
  border: 1px solid #000;
  padding: 40px;
  padding-bottom: 20px;
  margin-right: 20px;
}
.custom-repair:hover {
  border: 1px solid #4ab69c;
  color: #4ab69c;
  cursor: pointer;
}
.img-upload-box {
  border: 3px dashed #eee;
  width: 218px;
  background: #fbfbfb;
  float: left;
  padding: 74px 10px;
  margin-right: 10px;
  cursor: pointer;
}
.ci-btn {
  background: #4ab69c;
  color: #fff !important;
  width: 100px;
  float: right;
}
.pt-pb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.loyalty-input-height {
  width: 68% !important;
}
.shop-product {
  color: #fff;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.product-btn {
  position: relative;
  display: inline-block;
}
.product-list {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.product-list a {
  color: #000;
  padding: 10px;
  text-decoration: none;
  display: block;
  font-size: 12px !important;
}
.product-list a:hover {
  background-color: #ddd;
}
.product-btn:hover .product-list {
  display: block;
}
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rzslider.with-legend {
  margin-bottom: 40px;
}
.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}
.rzslider .rz-draggable {
  cursor: move;
}
.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #222;
  border-radius: 2px;
}
.rzslider .rz-selection {
  z-index: 2;
  background: #4ab69c;
  border-radius: 2px;
}
.rzslider .rz-pointer {
  top: -8px;
  z-index: 3;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #4ab69c;
  border-radius: 10px;
}
.rzslider .rz-pointer:after {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 4px;
  content: '';
}
.rzslider .rz-pointer:hover:after {
  background-color: #222;
}
.rzslider .rz-pointer.rz-active {
  z-index: 4;
}
.rzslider .rz-pointer.rz-active:after {
  background-color: #222;
}
.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  cursor: default;
}
.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.rzslider .rz-ticks-values-under .rz-tick-value {
  top: initial;
  bottom: -32px;
}
.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}
.rzslider .rz-tick.rz-selected {
  background: #4ab69c;
}
.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}
.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}
.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}
.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}
.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}
.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}
.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}
.rzslider.rz-vertical .rz-tick-value {
  top: initial;
  left: 24px;
  -webkit-transform: translate(0, -28%);
  transform: translate(0, -28%);
}
.rzslider.rz-vertical .rz-tick-legend {
  top: initial;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  -webkit-transform: translate(0, -28%);
  transform: translate(0, -28%);
}
.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: initial;
  left: initial;
}
.rzslider[disabled] {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}
.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}
.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default) {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.02em;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  border: unset;
  line-height: 24px;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default):hover {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-lg {
  font-size: 12px;
  padding: 13px 34px;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-md {
  font-size: 11px;
  padding: 7px 23px;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-sm {
  font-size: 10px;
  padding: 4px 12px;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-icon-md {
  padding: 7px 15px !important;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-icon-lg {
  padding: 13px 15px !important;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-default {
  background-color: #fff;
  color: #333;
  border: 1px #828282 solid;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-default:hover,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-default:active {
  background-color: #828282;
  color: #828282;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-dark,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-grey {
  background-color: #000;
  color: #fff;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-dark:hover,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-grey:hover {
  background-color: rgba(0,0,0,0.2);
  color: #000;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-dark:active,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-grey:active {
  background-color: rgba(0,0,0,0.4);
  color: #000;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-danger {
  background-color: #ef8300;
  color: #fff;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-danger:hover {
  background-color: #fce6cc;
  color: #ef8300;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-danger:active {
  background-color: rgba(0,0,0,0.4);
  color: #ef8300;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-green,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-primary,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-success,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-light {
  background-color: #2e8470;
  color: #fff;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-green:hover,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-primary:hover,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-success:hover,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-light:hover {
  background-color: #daf2ec;
  color: #45bda0;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-green:active,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-primary:active,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-success:active,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-light:active {
  background-color: rgba(69,189,160,0.4);
  color: #45bda0;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-yellow,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-warning,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-orange {
  background-color: #ef8300;
  color: #fff;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-yellow:hover,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-warning:hover,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-orange:hover {
  background-color: rgba(239,131,0,0.2);
  color: #ef8300;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-yellow:active,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-warning:active,
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-orange:active {
  background-color: rgba(239,131,0,0.4);
  color: #ef8300;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-important {
  background-color: #4f4f4f;
  color: #fff;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-important:hover {
  background-color: #828282;
  color: #fff;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-important:active {
  background-color: rgba(239,131,0,0.4);
  color: #ef8300;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-delete {
  background-color: #9c2036;
  color: #fff;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-delete:hover {
  background-color: #fce6cc;
  color: #9c2036;
}
.btn:not(.btn-sq-lg-small):not(.btn-sq-lg):not(.btn-till):not(.btn-default).btn-delete:active {
  background-color: rgba(0,0,0,0.4);
  color: #9c2036;
}
.btn-decapitalize {
  text-transform: none !important;
}
.btn-text-break {
  white-space: break-spaces !important;
}
.btn-text-break-word {
  white-space: break-spaces !important;
  word-break: break-word !important;
}
.btn-bold-text {
  font-weight: 600;
}
.btn-special {
  background-color: #4ab69c;
  color: #fff;
}
.btn-special:hover {
  background-color: #4ab69c !important;
  color: #121415 !important;
}
.btn-sm {
  font-size: 14px !important;
  line-height: 24px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn-md {
  font-size: 14px;
  line-height: 24px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn-lg {
  font-size: 16px;
  line-height: 24px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .row > .col-md-3:nth-of-type(4n+5),
  .row > .col-lg-3:nth-of-type(4n+5) {
    clear: left;
  }
  .row > .col-md-4:nth-of-type(3n+4),
  .row > .col-lg-4:nth-of-type(3n+4) {
    clear: left;
  }
  .row > .col-md-6:nth-of-type(2n+3),
  .row > .col-lg-6:nth-of-type(2n+3) {
    clear: left;
  }
  h1 {
    font-size: 44px;
    line-height: 46px;
  }
  h2 {
    font-size: 36px;
    line-height: 40px;
  }
  h3 {
    font-size: 28px;
    line-height: 32px;
  }
  h4 {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 768px) {
  .row > .col-xs-3:nth-of-type(4n+5) {
    clear: left;
  }
  .row > .col-xs-4:nth-of-type(3n+4) {
    clear: left;
  }
  .row > .col-xs-6:nth-of-type(2n+3) {
    clear: left;
  }
  h1 {
    font-size: 27px;
    line-height: 36px;
  }
  h2 {
    font-size: 24px;
    line-height: 28px;
  }
  h3 {
    font-size: 21px;
    line-height: 28px;
  }
  h4 {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
}
.content {
  background-color: #fff;
  min-height: 90vh;
}
.upload-response {
  height: 4.5em;
}
.title-bar {
  padding: 8em 0;
  text-align: center;
}
.title-bar h1 {
  color: #fff;
}
.home-nav-bar,
.shop-nav-bar {
  text-align: left;
  margin-bottom: -1.5em;
}
.home-nav-bar ul,
.shop-nav-bar ul {
  display: inline-block;
  float: none;
}
.home-nav-bar ul li a,
.shop-nav-bar ul li a {
  font-size: 1.2em;
  letter-spacing: 1px;
  display: inline-block;
}
.home-nav-bar ul li a,
.shop-nav-bar ul li a,
.home-nav-bar ul li a:hover,
.shop-nav-bar ul li a:hover {
  transition: color 0.1s ease;
  color: #45464b;
}
nav {
  padding: 1em 0 3em 0;
}
.nav-breadcrumb ul li {
  list-style: none;
  color: #b7bdc7;
  display: inline-block;
}
.nav-breadcrumb ul li a {
  color: #ddd;
}
.nav-breadcrumb ul li a:hover {
  color: #fff;
}
.block {
  margin: 4em 0;
}
.block-small {
  margin: 2em 0;
}
.date,
.price-stats {
  font-size: 0.85em;
  color: #b7bdc7;
}
.discount {
  color: #f34937;
}
.fa-4x {
  padding: 0 5px;
}
.video {
  position: relative;
  padding-bottom: 43%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content a[ui-sref] h1,
.content a[href] h1,
.content a[ui-sref] h2,
.content a[href] h2,
.content a[ui-sref] h3,
.content a[href] h3,
.content a[ui-sref] h4,
.content a[href] h4,
.content a[ui-sref] h5,
.content a[href] h5,
.content a[ui-sref] h6,
.content a[href] h6 {
  color: #222;
}
.content a[ui-sref]:not(.btn):link,
.content a[href]:not(.btn):link,
.content a[ui-sref]:not(.btn) .fa,
.content a[href]:not(.btn) .fa {
  color: #4ab69c;
  text-decoration: none;
}
.content a[ui-sref]:not(.btn):visited,
.content a[href]:not(.btn):visited,
.content a[ui-sref]:not(.btn):hover,
.content a[href]:not(.btn):hover,
.content a[ui-sref]:not(.btn):active,
.content a[href]:not(.btn):active,
.content a[ui-sref]:not(.btn):focus,
.content a[href]:not(.btn):focus {
  color: #4ab69c;
  text-decoration: none;
}
.content a[ui-sref]:not(.btn):hover,
.content a[href]:not(.btn):hover,
.content a[ui-sref]:not(.btn):hover .fa,
.content a[href]:not(.btn):hover .fa,
.content a[ui-sref]:not(.btn).dark,
.content a[href]:not(.btn).dark {
  color: #222;
}
a,
a:visited,
a:hover,
a:active,
a:focus {
  color: #222;
  text-decoration: none;
}
div[uib-carousel] a[href].carousel-control:link,
div[uib-carousel] a[ui-sref].carousel-control:link,
div[uib-carousel] a[href].carousel-control:focus,
div[uib-carousel] a[ui-sref].carousel-control:focus,
div[uib-carousel] a[href].carousel-control:active,
div[uib-carousel] a[ui-sref].carousel-control:active,
div[uib-carousel] a[href].carousel-control:hover,
div[uib-carousel] a[ui-sref].carousel-control:hover,
div[uib-carousel] a[href].carousel-control:visited,
div[uib-carousel] a[ui-sref].carousel-control:visited {
  color: #fff;
}
div[uib-carousel] .carousel-indicators {
  z-index: 5;
}
div[uib-carousel] .carousel-inner img {
  width: 100%;
  height: auto;
  min-height: 100%;
}
div[uib-carousel] .carousel-inner .carousel-caption.mobile {
  top: 25%;
}
div[uib-carousel] .carousel-inner .carousel-caption:not(.mobile) {
  top: 40%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-weight: 500;
}
img {
  width: 100%;
}
ul {
  margin: 0;
  padding: 0;
}
table:not([role="grid"]).table-wide th,
table:not([role="grid"]).table-wide td {
  padding: 1em 2em 1em 0;
}
p {
  line-height: 2;
}
body {
  color: #222;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  line-height: 20px;
  font-weight: 400;
}
body strong {
  font-weight: 700;
}
::selection {
  color: #fff;
  background: #4ab69c;
}
input[type].ng-invalid.ng-touched {
  border: 2px solid #f39c12 !important;
}
.login-link {
  color: #4ab69c !important;
  font-weight: 600;
}
.top-bar-login .btn,
.login-form .btn,
.register-form .btn {
  text-transform: none !important;
}
.login-form .login-header {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 20px;
  margin-bottom: 30px;
}
.login-alert {
  margin-top: 10px !important;
}
.login-form p.terms,
.register-form p.terms,
.reset-form p.terms {
  color: #b4b5b9 !important;
  font-size: 12px;
}
.login-form p.terms a,
.register-form p.terms a,
.reset-form p.terms a {
  color: #121415 !important;
}
.login-form a:not(.btn):not(p.terms),
.register-form a:not(.btn):not(p.terms),
.reset-form a:not(.btn):not(p.terms) {
  color: #2e8470 !important;
  font-weight: 600;
}
.login-form .circle,
.register-form .circle,
.reset-form .circle {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
}
.login-form .red,
.register-form .red,
.reset-form .red {
  background-color: #9c2036;
}
.login-form .green,
.register-form .green,
.reset-form .green {
  background-color: #4ab69c;
}
.login-form .req p,
.register-form .req p,
.reset-form .req p {
  display: inline-block;
}
.login-form input[type="text"],
.register-form input[type="text"],
.reset-form input[type="text"],
.login-form input[type="password"],
.register-form input[type="password"],
.reset-form input[type="password"],
.login-form input[type="email"],
.register-form input[type="email"],
.reset-form input[type="email"] {
  margin-bottom: 10px;
}
.login-form .btn-login,
.register-form .btn-login,
.reset-form .btn-login {
  width: 100% !important;
}
.login-form .btn-facebook,
.register-form .btn-facebook,
.reset-form .btn-facebook {
  width: 100% !important;
  border: 2px solid #e3e3e3;
  color: #3b5998 !important;
  font-size: 16px !important;
  padding: 5px !important;
  vertical-align: middle;
  margin-top: 10px;
  margin-bottom: 10px;
}
.login-form .btn-facebook p,
.register-form .btn-facebook p,
.reset-form .btn-facebook p {
/*margin 0px 0px 0px -40px !important*/
  margin: 0px !important;
}
.login-form .btn-facebook i,
.register-form .btn-facebook i,
.reset-form .btn-facebook i {
  padding: 0px !important;
}
.login-form .spacer,
.register-form .spacer,
.reset-form .spacer {
  height: 3em;
}
.login-form .password-form,
.register-form .password-form,
.reset-form .password-form {
  position: relative;
  padding: 0;
  margin: 0;
}
.login-form .password-form .password-icon,
.register-form .password-form .password-icon,
.reset-form .password-form .password-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 10px;
  height: 10px;
}
.login-logo {
  max-width: 268px;
}
.align-middle {
  display: inline-block !important;
  vertical-align: middle !important;
  float: none !important;
  white-space: normal;
  padding-right: 30px;
}
.register-form .register-header {
  font-size: 20px;
  margin-bottom: 0px;
}
.register-form .register-subheader {
  font-size: 14px;
}
.register-form label {
  font-size: 18px;
}
.slider.ng-hide {
  transition: 0.3s linear all;
  opacity: 0;
}
.terms-dash {
  position: absolute;
  bottom: 15px;
  z-index: 99999;
  left: 10px;
  color: #121415;
  font-size: 9px;
}
.steps {
  color: #969ca7;
}
.steps .active {
  color: #222;
}
.brand {
  padding: 1em 0 0 0;
  display: block;
  color: #222;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.brand:hover {
  opacity: 0.8;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.brand img {
  width: 100%;
}
.brand a[ui-sref]:not(.btn):link,
.brand a[ui-href]:not(.btn):link,
.brand a[ui-sref]:not(.btn):active,
.brand a[ui-href]:not(.btn):active,
.brand a[ui-sref]:not(.btn):focus,
.brand a[ui-href]:not(.btn):focus,
.brand a[ui-sref]:not(.btn):visited,
.brand a[ui-href]:not(.btn):visited,
.brand a[ui-sref]:not(.btn):hover,
.brand a[ui-href]:not(.btn):hover {
  display: block;
  color: #222;
}
.brandWelcome-background {
  opacity: 0.9;
  background-image: url("https://prismanote.s3.amazonaws.com/general/prismanote-created_promoted.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 4300px;
}
@media (min-width: 990px) {
  .brandWelcome-background {
    max-height: 1500px;
  }
}
.badge-notify {
  background: #ef8300;
  position: relative;
  top: -20px;
  left: -35px;
}
.menublock {
  text-align: center;
}
.menublock i {
  display: inline-block;
  width: 100%;
}
.btn-dropdown-li-active {
  background-color: #45bda0 !important;
  color: #fff !important;
}
.filters {
  color: #555;
  padding-top: 1em 1em 0 0;
}
.filters a[ui-sref]:not(.btn) i.fa,
.filters a[href]:not(.btn) i.fa {
  color: #222;
}
.filters a[ui-sref]:not(.btn) i.fa:hover,
.filters a[href]:not(.btn) i.fa:hover {
  color: #222;
}
.filters ul.fixed-height {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.filters ul li {
  list-style: none;
}
.filters .filter-content {
  margin-bottom: 1.5em;
}
.filters .filter-content input#add-to-assortment {
  width: 100%;
}
.images-listing img {
  height: 100px;
  width: 100px;
}
.product-block {
  min-height: 395px;
}
.product-block a[ui-sref]:not(.btn),
.product-block a[href]:not(.btn) {
  color: #222;
}
.product-block a[ui-sref]:not(.btn):link,
.product-block a[href]:not(.btn):link,
.product-block a[ui-sref]:not(.btn):active,
.product-block a[href]:not(.btn):active,
.product-block a[ui-sref]:not(.btn):visited,
.product-block a[href]:not(.btn):visited,
.product-block a[ui-sref]:not(.btn):focus,
.product-block a[href]:not(.btn):focus,
.product-block a[ui-sref]:not(.btn):hover,
.product-block a[href]:not(.btn):hover {
  color: #222;
}
.product-block a[ui-sref]:not(.btn) .fa,
.product-block a[href]:not(.btn) .fa {
  color: #222;
}
.product-block a[ui-sref]:not(.btn):hover .fa,
.product-block a[href]:not(.btn):hover .fa {
  color: #4ab69c;
}
.product-block .product-image {
  position: relative;
}
.product-block .product-image .product-label {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.product-block .product-image .product-label span {
  display: inline-block;
  padding: 1px 8px;
  margin: 0 2px 2px 0;
  color: #fff;
}
.product-block .product-image .product-label .onsale,
.product-block .product-image .product-label .show-item {
  background-color: #f97466;
  opacity: 0.6;
}
.product-block .product-image .product-label .bestseller {
  background-color: #09729f;
  opacity: 0.6;
}
.product-block .product-image .product-label .new {
  background-color: #4ab69c;
}
.product-block .product-image .product-label .available,
.product-block .product-image .product-label .unavailable {
  background-color: #b4b5b9;
  opacity: 0.6;
}
.product-block .product-image .product-action-btn {
  margin: 0.7em 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  z-index: 2;
}
.product-block .product-image .product-action-btn a:hover i.fa {
  color: #121415;
}
.product-block .product-image .product-action-btns {
  width: 100%;
  position: absolute;
  top: 30%;
}
.product-block .product-image .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.product-block .product-details {
  color: #333;
}
.product-block .product-details .product-price {
  display: block;
  padding: 0.5em 0;
}
.product-block .product-details .product-price s {
  text-decoration: line-through;
  color: #999;
}
.product-block .product-details .product-gender {
  color: #969ca7;
}
.product-block .product-details .product-title {
  display: block;
  padding-bottom: 1em;
}
.product-block:hover .product-action-btn {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.product-block:hover .hover-overlay {
  opacity: 0.5;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.shop-block a[ui-sref]:not(.btn):link,
.shop-block a[ui-href]:not(.btn):link,
.shop-block a[ui-sref]:not(.btn):active,
.shop-block a[ui-href]:not(.btn):active,
.shop-block a[ui-sref]:not(.btn):focus,
.shop-block a[ui-href]:not(.btn):focus,
.shop-block a[ui-sref]:not(.btn):visited,
.shop-block a[ui-href]:not(.btn):visited,
.shop-block a[ui-sref]:not(.btn):hover,
.shop-block a[ui-href]:not(.btn):hover {
  color: #fff;
}
.shop-block a[ui-sref]:not(.btn):link i.fa,
.shop-block a[ui-href]:not(.btn):link i.fa,
.shop-block a[ui-sref]:not(.btn):active i.fa,
.shop-block a[ui-href]:not(.btn):active i.fa,
.shop-block a[ui-sref]:not(.btn):focus i.fa,
.shop-block a[ui-href]:not(.btn):focus i.fa,
.shop-block a[ui-sref]:not(.btn):visited i.fa,
.shop-block a[ui-href]:not(.btn):visited i.fa,
.shop-block a[ui-sref]:not(.btn):hover i.fa,
.shop-block a[ui-href]:not(.btn):hover i.fa {
  color: #222;
}
.shop-block a[ui-sref]:not(.btn):link h1,
.shop-block a[ui-href]:not(.btn):link h1,
.shop-block a[ui-sref]:not(.btn):active h1,
.shop-block a[ui-href]:not(.btn):active h1,
.shop-block a[ui-sref]:not(.btn):focus h1,
.shop-block a[ui-href]:not(.btn):focus h1,
.shop-block a[ui-sref]:not(.btn):visited h1,
.shop-block a[ui-href]:not(.btn):visited h1,
.shop-block a[ui-sref]:not(.btn):hover h1,
.shop-block a[ui-href]:not(.btn):hover h1,
.shop-block a[ui-sref]:not(.btn):link h2,
.shop-block a[ui-href]:not(.btn):link h2,
.shop-block a[ui-sref]:not(.btn):active h2,
.shop-block a[ui-href]:not(.btn):active h2,
.shop-block a[ui-sref]:not(.btn):focus h2,
.shop-block a[ui-href]:not(.btn):focus h2,
.shop-block a[ui-sref]:not(.btn):visited h2,
.shop-block a[ui-href]:not(.btn):visited h2,
.shop-block a[ui-sref]:not(.btn):hover h2,
.shop-block a[ui-href]:not(.btn):hover h2,
.shop-block a[ui-sref]:not(.btn):link h3,
.shop-block a[ui-href]:not(.btn):link h3,
.shop-block a[ui-sref]:not(.btn):active h3,
.shop-block a[ui-href]:not(.btn):active h3,
.shop-block a[ui-sref]:not(.btn):focus h3,
.shop-block a[ui-href]:not(.btn):focus h3,
.shop-block a[ui-sref]:not(.btn):visited h3,
.shop-block a[ui-href]:not(.btn):visited h3,
.shop-block a[ui-sref]:not(.btn):hover h3,
.shop-block a[ui-href]:not(.btn):hover h3,
.shop-block a[ui-sref]:not(.btn):link h4,
.shop-block a[ui-href]:not(.btn):link h4,
.shop-block a[ui-sref]:not(.btn):active h4,
.shop-block a[ui-href]:not(.btn):active h4,
.shop-block a[ui-sref]:not(.btn):focus h4,
.shop-block a[ui-href]:not(.btn):focus h4,
.shop-block a[ui-sref]:not(.btn):visited h4,
.shop-block a[ui-href]:not(.btn):visited h4,
.shop-block a[ui-sref]:not(.btn):hover h4,
.shop-block a[ui-href]:not(.btn):hover h4,
.shop-block a[ui-sref]:not(.btn):link h5,
.shop-block a[ui-href]:not(.btn):link h5,
.shop-block a[ui-sref]:not(.btn):active h5,
.shop-block a[ui-href]:not(.btn):active h5,
.shop-block a[ui-sref]:not(.btn):focus h5,
.shop-block a[ui-href]:not(.btn):focus h5,
.shop-block a[ui-sref]:not(.btn):visited h5,
.shop-block a[ui-href]:not(.btn):visited h5,
.shop-block a[ui-sref]:not(.btn):hover h5,
.shop-block a[ui-href]:not(.btn):hover h5,
.shop-block a[ui-sref]:not(.btn):link h6,
.shop-block a[ui-href]:not(.btn):link h6,
.shop-block a[ui-sref]:not(.btn):active h6,
.shop-block a[ui-href]:not(.btn):active h6,
.shop-block a[ui-sref]:not(.btn):focus h6,
.shop-block a[ui-href]:not(.btn):focus h6,
.shop-block a[ui-sref]:not(.btn):visited h6,
.shop-block a[ui-href]:not(.btn):visited h6,
.shop-block a[ui-sref]:not(.btn):hover h6,
.shop-block a[ui-href]:not(.btn):hover h6 {
  color: #222;
}
.shop-block .panel-shop {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.shop-block .panel-shop:hover {
  box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
}
.shop-block .panel-shop .panel-heading {
  padding: 20px 10px;
}
.shop-block .panel-shop .panel-heading i.fa {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.shop-block .panel-shop .list-group-item {
  color: #222;
  border-bottom: 1px solid rgba(250,250,250,0.5);
}
.shop-block .panel-shop .list-group-item a.btn {
  width: 100%;
}
.shop-block .panel-shop .list-group-item i.fa.fa-star {
  color: #222;
}
.shop-block .panel-shop .list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.shop-block .panel-shop .list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.shop-block .panel-shop .panel-body {
  background-color: #f0f0f0;
  font-size: 40px;
  color: #777;
  padding: 20px;
  margin: 0px;
}
.product-small {
  padding-top: 20px;
  border-top: 1px solid #ebeef2;
}
.product-small a {
  display: block;
  min-height: 100px;
}
.product-small a .product-title {
  color: #222;
}
.product-small a:hover .product-title {
  color: #4ab69c;
}
.product-small a img {
  width: 84px;
  margin: 0 1.5em 0 0;
  float: left;
}
.small-container {
  padding-left: 25px;
  padding-right: 25px;
}
.news-item-block {
  background-color: #f5f9fa;
  margin-bottom: 10px;
}
.news-item-block .news-item-block-content {
  padding: 2em;
  min-height: 25em;
}
.news-item-block .btn {
  position: absolute;
  bottom: 5em;
}
.news-item-block img {
  width: 100%;
  min-height: 16em;
  max-height: 16em;
}
.news-item-small {
  padding: 1em 0 0 0;
  font-size: 13px;
}
.news-item-small a[href]:not(.btn),
.news-item-small a[ui-sref]:not(.btn) {
  display: block;
}
.news-item-small a[href]:not(.btn) span,
.news-item-small a[ui-sref]:not(.btn) span,
.news-item-small a[href]:not(.btn) i.fa,
.news-item-small a[ui-sref]:not(.btn) i.fa {
  color: #969ca7;
}
.news-item-small:hover a[href]:not(.btn) span,
.news-item-small:hover a[ui-sref]:not(.btn) span {
  color: #4ab69c;
}
.news-item-small:hover a[href]:not(.btn) i.fa,
.news-item-small:hover a[ui-sref]:not(.btn) i.fa {
  color: #969ca7;
}
.campaign-block,
.task-block {
  background-color: #f5f9fa;
  overflow: hidden;
  margin-bottom: 2em;
  border-radius: 10px;
}
.campaign-block .campaign-block-content,
.task-block .campaign-block-content,
.campaign-block .task-block-content,
.task-block .task-block-content {
  border-radius: 25px;
  padding: 2em;
  height: 18em;
}
.campaign-block .btn,
.task-block .btn {
  position: absolute;
  bottom: 5em;
}
.campaign-block .campaign-block-image,
.task-block .campaign-block-image,
.campaign-block .task-block-image,
.task-block .task-block-image {
  display: block;
  height: 18em;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.switch-align-orderTask {
  text-align: right;
  margin-top: 1em;
  margin-right: 1em;
}
.switch-align-task {
  text-align: right;
  margin-top: 1em;
}
.align-right-button {
  text-align: right;
}
.facebook-color {
  background-color: #dadcde;
}
.instagram-color {
  background-color: #f097b5;
}
.pinterest-color {
  background-color: #de838d;
}
.orderTask-color {
  background-color: #f5f7f8;
}
.background-white {
  background-color: #fff;
}
.product-page span .btn {
  margin: 0.3em;
}
.product-page img {
  width: 100%;
}
.brand-page .brand-description {
  color: #969ca7;
}
.brand-page img {
  width: 100%;
}
.brand-page h3 {
  margin-top: 0;
}
.news-item-page h1,
.news-item-page h2,
.news-item-page h3,
.news-item-page h4 {
  margin-top: 0;
}
.news-item-page img {
  width: 100%;
}
.shop.spacing {
  margin-top: 3em;
}
.shop.top-bar-offset {
  margin-top: 70px;
}
.shop .shop-home-block {
  margin-bottom: 3em;
}
.shop .shop-home-block:not(.featured-products) a[href]:not(.btn):not(.carousel-control):hover,
.shop .shop-home-block:not(.featured-products) a[ui-sref]:not(.btn):not(.carousel-control):hover {
  color: #4ab69c;
  text-decoration: underline;
}
.shop .shop-home-block.maps {
  margin-bottom: -3em;
}
.shop .shop-home-block.spotlight {
  padding: 3em;
  background-color: #f7f7f7;
}
.shop .shop-home-block.spotlight .spotlight-image a {
  display: block;
  height: 28em;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.shop .shop-home-block.spotlight .spotlight-content {
  background-color: #f7f7f7;
  z-index: 2;
  position: relative;
  top: -2em;
  padding: 2em 2em 0 2em;
}
.shop .shop-home-block.featured-products .btn.call-to-action {
  display: block;
  width: 15em;
  margin: 0 auto;
}
.shop .shop-home-block.video h1,
.shop .shop-home-block.video h2,
.shop .shop-home-block.video h3,
.shop .shop-home-block.video h4,
.shop .shop-home-block.video h5,
.shop .shop-home-block.video h6,
.shop .shop-home-block.video p {
  color: #fff;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 4;
}
.shop .shop-home-block.video h1,
.shop .shop-home-block.video h2 {
  top: 40%;
}
.shop .shop-home-block.video p,
.shop .shop-home-block.video h3,
.shop .shop-home-block.video h4,
.shop .shop-home-block.video h5,
.shop .shop-home-block.video h6 {
  top: 50%;
}
.shop .shop-home-block.video p a,
.shop .shop-home-block.video h3 a,
.shop .shop-home-block.video h4 a,
.shop .shop-home-block.video h5 a,
.shop .shop-home-block.video h6 a {
  color: #fff;
}
.shop .shop-home-block.text h2 {
  font-size: 1.2em;
}
.shop .shop-home-block.usp .usp-item {
  padding: 0 1em;
}
.shop .shop-home-block.usp .usp-item .usp-icon i.fa {
  float: right;
  line-height: 1.8em;
  vertical-align: middle;
}
.shop .shop-home-block.usp .usp-item .usp-content h5 {
  margin: 1em 0 0.3em 0;
}
.shop .shop-home-block.usp .usp-item .usp-content h5.usp-middle {
  vertical-align: middle;
  line-height: 3.2em;
}
.shop .shop-home-block.usp .usp-item .usp-content p {
  font-size: 0.8em;
}
.shop .shop-home-block.fullwidth-image {
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}
.shop .shop-home-block.fullwidth-image .fullwidth-image-caption {
  position: relative;
  color: #fff;
}
.shop .shop-home-block.fullwidth-image .fullwidth-image-caption h2 {
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  font-weight: bold;
}
.shop .shop-home-block.fullwidth-image .fullwidth-image-caption.mobile {
  top: 25%;
}
.shop .shop-home-block.fullwidth-image .fullwidth-image-caption:not(.mobile) {
  top: 40%;
}
.shop .shop-home-block.grid {
  padding: 0 1em;
}
.shop .shop-home-block.grid .col-md-12 .grid-item {
  height: 45em;
}
.shop .shop-home-block.grid .col-md-12 .grid-item .overlay-content {
  top: 40%;
}
.shop .shop-home-block.grid .col-md-6 .grid-item {
  height: 25em;
}
.shop .shop-home-block.grid .col-md-6 .grid-item .overlay-content {
  top: 35%;
}
.shop .shop-home-block.grid .col-md-4 .grid-item {
  height: 18em;
}
.shop .shop-home-block.grid .col-md-4 .grid-item .overlay-content {
  top: 25%;
}
.shop .shop-home-block.grid .col-md-3 .grid-item {
  height: 14em;
}
.shop .shop-home-block.grid .col-md-3 .grid-item .overlay-content {
  padding-top: 10%;
}
.shop .shop-home-block.grid .grid-item {
  display: block;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.shop .shop-home-block.grid .grid-item .overlay {
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 100%;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  background-color: #000;
}
.shop .shop-home-block.grid .grid-item .overlay-content {
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  text-align: center;
  z-index: 3;
}
.shop .shop-home-block.grid .grid-item .overlay-content h1,
.shop .shop-home-block.grid .grid-item .overlay-content h2,
.shop .shop-home-block.grid .grid-item .overlay-content h3,
.shop .shop-home-block.grid .grid-item .overlay-content h4,
.shop .shop-home-block.grid .grid-item .overlay-content h5,
.shop .shop-home-block.grid .grid-item .overlay-content h6,
.shop .shop-home-block.grid .grid-item .overlay-content p,
.shop .shop-home-block.grid .grid-item .overlay-content a {
  color: #fff;
}
.shop .shop-home-block.grid .grid-item:hover .overlay {
  opacity: 0.7;
  transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
}
.shop .contact-map {
  padding-right: 6em;
}
.shop span.contact-detail {
  display: block;
}
.shop-home.mobile .video:first-child {
  display: none;
}
ul.payment_methods {
  list-style: none;
}
h3.steps {
  padding-top: 70px;
}
.carousel-inner img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
}
@media (max-width: 768px) {
  .carousel-inner img {
    width: initial !important;
  }
}
.empty-cart-icon {
  vertical-align: middle;
  margin: 5px 0px 10px 10px;
}
.shop-form input[type].ng-invalid {
  border: 2px solid #f39c12 !important;
}
footer .tags a[ui-sref]:not(.btn):link,
footer .tags a[href]:not(.btn):link,
footer .tags a[ui-sref]:not(.btn):visited,
footer .tags a[href]:not(.btn):visited,
footer .tags a[ui-sref]:not(.btn):focus,
footer .tags a[href]:not(.btn):focus,
footer .tags a[ui-sref]:not(.btn):active,
footer .tags a[href]:not(.btn):active {
  background-color: #1d2125;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 0 6px 6px 0;
  font-size: 0.8em;
  color: #969ca7;
  display: inline-block;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  padding: 11px 17px;
}
footer .tags a[ui-sref]:not(.btn):hover,
footer .tags a[href]:not(.btn):hover {
  background-color: #4ab69c;
  color: #fff;
}
.content .tags a[ui-sref]:not(.btn):link,
.content .tags a[href]:not(.btn):link,
.content .tags a[ui-sref]:not(.btn):visited,
.content .tags a[href]:not(.btn):visited,
.content .tags a[ui-sref]:not(.btn):focus,
.content .tags a[href]:not(.btn):focus,
.content .tags a[ui-sref]:not(.btn):active,
.content .tags a[href]:not(.btn):active {
  background-color: #222;
  padding: 0.7em 1em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 0 6px 6px 0;
  font-size: 0.8em;
  color: #969ca7;
  display: inline-block;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.content .tags a[ui-sref]:not(.btn):hover,
.content .tags a[href]:not(.btn):hover {
  background-color: #121415;
  color: #fff;
}
.modal-open {
  overflow: auto;
}
.retailer-product-modal img {
  width: 100%;
}
.button-margin .btn {
  margin: 0px 5px 5px 0px;
}
.sample-pug .modal-lg {
  width: 100%;
  margin: 0px;
}
.sample-pug2 .modal-lg {
  width: 82%;
}
label {
  font-weight: normal;
}
input,
select,
textarea,
input[type],
.form-control {
  vertical-align: middle;
  border: solid 2px #e6ebed;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
input:focus,
select:focus,
textarea:focus,
input[type]:focus,
.form-control:focus {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  outline: none !important;
  border: solid 2px #4ab69c;
}
input[type="text"],
textarea {
  padding: 0.5em 1em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
  vertical-align: middle;
  display: inline;
}
input[type="checkbox"] + label:before {
  margin: 0 0.5em 2px 0;
  font-family: 'Font Awesome 5 Free';
  line-height: 0.6;
  content: "";
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  width: 1em;
  height: 1em;
  background-color: #f5f9fa;
  border: solid 2px #e6ebed;
}
input[type="checkbox"]:checked + label:before {
  content: '\f00c';
  font-weight: 900;
  display: inline;
}
input.number {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  border-width: 2px 0;
  border-color: #e6ebed;
  border-style: solid;
}
.plus,
.minus {
  width: 2.5em;
  height: 2.5em;
  border-width: 2px;
  border-color: #e6ebed;
  border-style: solid;
  background-color: #fff;
}
.list-group {
  padding-top: 0.3em;
}
input.required {
  border-color: #ffb80f;
}
select.required {
  border-color: #ffb80f;
}
textarea.required {
  border-color: #ffb80f;
}
.ats-switch {
  border-width: 2px;
}
.ats-switch.required {
  border-color: #ffb80f;
}
.nomargin {
  margin: 0 !important;
}
.nopadding {
  padding: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-110 {
  margin-top: 110px;
}
.mt-120 {
  margin-top: 120px;
}
.mt-130 {
  margin-top: 130px;
}
.mt-140 {
  margin-top: 140px;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-100 {
  margin-bottom: 100px;
}
.mb-110 {
  margin-bottom: 110px;
}
.mb-120 {
  margin-bottom: 120px;
}
.mb-130 {
  margin-bottom: 130px;
}
.mb-140 {
  margin-bottom: 140px;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-10 {
  padding-top: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-80 {
  padding-top: 80px;
}
.pt-90 {
  padding-top: 90px;
}
.pt-100 {
  padding-top: 100px;
}
.pt-110 {
  padding-top: 110px;
}
.pt-120 {
  padding-top: 120px;
}
.pt-130 {
  padding-top: 130px;
}
.pt-140 {
  padding-top: 140px;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pb-90 {
  padding-bottom: 90px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-110 {
  padding-bottom: 110px;
}
.pb-120 {
  padding-bottom: 120px;
}
.pb-130 {
  padding-bottom: 130px;
}
.pb-140 {
  padding-bottom: 140px;
}
@media only screen and (max-width: 1200px) {
  .mt-lrg-0 {
    margin-top: 0 !important;
  }
  .mt-lrg-10 {
    margin-top: 10px;
  }
  .mt-lrg-20 {
    margin-top: 20px;
  }
  .mt-lrg-30 {
    margin-top: 30px;
  }
  .mt-lrg-40 {
    margin-top: 40px;
  }
  .mt-lrg-50 {
    margin-top: 50px;
  }
  .mt-lrg-60 {
    margin-top: 60px;
  }
  .mt-lrg-70 {
    margin-top: 70px;
  }
  .mt-lrg-80 {
    margin-top: 80px;
  }
  .mt-lrg-90 {
    margin-top: 90px;
  }
  .mt-lrg-100 {
    margin-top: 100px;
  }
  .mt-lrg-110 {
    margin-top: 110px;
  }
  .mt-lrg-120 {
    margin-top: 120px;
  }
  .mt-lrg-130 {
    margin-top: 130px;
  }
  .mt-lrg-140 {
    margin-top: 140px;
  }
  .mb-lrg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lrg-10 {
    margin-bottom: 10px;
  }
  .mb-lrg-20 {
    margin-bottom: 20px;
  }
  .mb-lrg-30 {
    margin-bottom: 30px;
  }
  .mb-lrg-40 {
    margin-bottom: 40px;
  }
  .mb-lrg-50 {
    margin-bottom: 50px;
  }
  .mb-lrg-60 {
    margin-bottom: 60px;
  }
  .mb-lrg-70 {
    margin-bottom: 70px;
  }
  .mb-lrg-80 {
    margin-bottom: 80px;
  }
  .mb-lrg-90 {
    margin-bottom: 90px;
  }
  .mb-lrg-100 {
    margin-bottom: 100px;
  }
  .mb-lrg-110 {
    margin-bottom: 110px;
  }
  .mb-lrg-120 {
    margin-bottom: 120px;
  }
  .mb-lrg-130 {
    margin-bottom: 130px;
  }
  .mb-lrg-140 {
    margin-bottom: 140px;
  }
  .pt-lrg-0 {
    padding-top: 0 !important;
  }
  .pt-lrg-10 {
    padding-top: 10px;
  }
  .pt-lrg-20 {
    padding-top: 20px;
  }
  .pt-lrg-30 {
    padding-top: 30px;
  }
  .pt-lrg-40 {
    padding-top: 40px;
  }
  .pt-lrg-50 {
    padding-top: 50px;
  }
  .pt-lrg-60 {
    padding-top: 60px;
  }
  .pt-lrg-70 {
    padding-top: 70px;
  }
  .pt-lrg-80 {
    padding-top: 80px;
  }
  .pt-lrg-90 {
    padding-top: 90px;
  }
  .pt-lrg-100 {
    padding-top: 100px;
  }
  .pt-lrg-110 {
    padding-top: 110px;
  }
  .pt-lrg-120 {
    padding-top: 120px;
  }
  .pt-lrg-130 {
    padding-top: 130px;
  }
  .pt-lrg-140 {
    padding-top: 140px;
  }
  .pb-lrg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lrg-10 {
    padding-bottom: 10px;
  }
  .pb-lrg-20 {
    padding-bottom: 20px;
  }
  .pb-lrg-30 {
    padding-bottom: 30px;
  }
  .pb-lrg-40 {
    padding-bottom: 40px;
  }
  .pb-lrg-50 {
    padding-bottom: 50px;
  }
  .pb-lrg-60 {
    padding-bottom: 60px;
  }
  .pb-lrg-70 {
    padding-bottom: 70px;
  }
  .pb-lrg-80 {
    padding-bottom: 80px;
  }
  .pb-lrg-90 {
    padding-bottom: 90px;
  }
  .pb-lrg-100 {
    padding-bottom: 100px;
  }
  .pb-lrg-110 {
    padding-bottom: 110px;
  }
  .pb-lrg-120 {
    padding-bottom: 120px;
  }
  .pb-lrg-130 {
    padding-bottom: 130px;
  }
  .pb-lrg-140 {
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-mdm-0 {
    margin-top: 0 !important;
  }
  .mt-mdm-10 {
    margin-top: 10px;
  }
  .mt-mdm-20 {
    margin-top: 20px;
  }
  .mt-mdm-30 {
    margin-top: 30px;
  }
  .mt-mdm-40 {
    margin-top: 40px;
  }
  .mt-mdm-50 {
    margin-top: 50px;
  }
  .mt-mdm-60 {
    margin-top: 60px;
  }
  .mt-mdm-70 {
    margin-top: 70px;
  }
  .mt-mdm-80 {
    margin-top: 80px;
  }
  .mt-mdm-90 {
    margin-top: 90px;
  }
  .mt-mdm-100 {
    margin-top: 100px;
  }
  .mt-mdm-110 {
    margin-top: 110px;
  }
  .mt-mdm-120 {
    margin-top: 120px;
  }
  .mt-mdm-130 {
    margin-top: 130px;
  }
  .mt-mdm-140 {
    margin-top: 140px;
  }
  .mb-mdm-0 {
    margin-bottom: 0 !important;
  }
  .mb-mdm-10 {
    margin-bottom: 10px;
  }
  .mb-mdm-20 {
    margin-bottom: 20px;
  }
  .mb-mdm-30 {
    margin-bottom: 30px;
  }
  .mb-mdm-40 {
    margin-bottom: 40px;
  }
  .mb-mdm-50 {
    margin-bottom: 50px;
  }
  .mb-mdm-60 {
    margin-bottom: 60px;
  }
  .mb-mdm-70 {
    margin-bottom: 70px;
  }
  .mb-mdm-80 {
    margin-bottom: 80px;
  }
  .mb-mdm-90 {
    margin-bottom: 90px;
  }
  .mb-mdm-100 {
    margin-bottom: 100px;
  }
  .mb-mdm-110 {
    margin-bottom: 110px;
  }
  .mb-mdm-120 {
    margin-bottom: 120px;
  }
  .mb-mdm-130 {
    margin-bottom: 130px;
  }
  .mb-mdm-140 {
    margin-bottom: 140px;
  }
  .pt-mdm-0 {
    padding-top: 0 !important;
  }
  .pt-mdm-10 {
    padding-top: 10px;
  }
  .pt-mdm-20 {
    padding-top: 20px;
  }
  .pt-mdm-30 {
    padding-top: 30px;
  }
  .pt-mdm-40 {
    padding-top: 40px;
  }
  .pt-mdm-50 {
    padding-top: 50px;
  }
  .pt-mdm-60 {
    padding-top: 60px;
  }
  .pt-mdm-70 {
    padding-top: 70px;
  }
  .pt-mdm-80 {
    padding-top: 80px;
  }
  .pt-mdm-90 {
    padding-top: 90px;
  }
  .pt-mdm-100 {
    padding-top: 100px;
  }
  .pt-mdm-110 {
    padding-top: 110px;
  }
  .pt-mdm-120 {
    padding-top: 120px;
  }
  .pt-mdm-130 {
    padding-top: 130px;
  }
  .pt-mdm-140 {
    padding-top: 140px;
  }
  .pb-mdm-0 {
    padding-bottom: 0 !important;
  }
  .pb-mdm-10 {
    padding-bottom: 10px;
  }
  .pb-mdm-20 {
    padding-bottom: 20px;
  }
  .pb-mdm-30 {
    padding-bottom: 30px;
  }
  .pb-mdm-40 {
    padding-bottom: 40px;
  }
  .pb-mdm-50 {
    padding-bottom: 50px;
  }
  .pb-mdm-60 {
    padding-bottom: 60px;
  }
  .pb-mdm-70 {
    padding-bottom: 70px;
  }
  .pb-mdm-80 {
    padding-bottom: 80px;
  }
  .pb-mdm-90 {
    padding-bottom: 90px;
  }
  .pb-mdm-100 {
    padding-bottom: 100px;
  }
  .pb-mdm-110 {
    padding-bottom: 110px;
  }
  .pb-mdm-120 {
    padding-bottom: 120px;
  }
  .pb-mdm-130 {
    padding-bottom: 130px;
  }
  .pb-mdm-140 {
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-sml-0 {
    margin-top: 0 !important;
  }
  .mt-sml-10 {
    margin-top: 10px;
  }
  .mt-sml-20 {
    margin-top: 20px;
  }
  .mt-sml-30 {
    margin-top: 30px;
  }
  .mt-sml-40 {
    margin-top: 40px;
  }
  .mt-sml-50 {
    margin-top: 50px;
  }
  .mt-sml-60 {
    margin-top: 60px;
  }
  .mt-sml-70 {
    margin-top: 70px;
  }
  .mt-sml-80 {
    margin-top: 80px;
  }
  .mt-sml-90 {
    margin-top: 90px;
  }
  .mt-sml-100 {
    margin-top: 100px;
  }
  .mt-sml-110 {
    margin-top: 110px;
  }
  .mt-sml-120 {
    margin-top: 120px;
  }
  .mt-sml-130 {
    margin-top: 130px;
  }
  .mt-sml-140 {
    margin-top: 140px;
  }
  .mb-sml-0 {
    margin-bottom: 0 !important;
  }
  .mb-sml-10 {
    margin-bottom: 10px;
  }
  .mb-sml-20 {
    margin-bottom: 20px;
  }
  .mb-sml-30 {
    margin-bottom: 30px;
  }
  .mb-sml-40 {
    margin-bottom: 40px;
  }
  .mb-sml-50 {
    margin-bottom: 50px;
  }
  .mb-sml-60 {
    margin-bottom: 60px;
  }
  .mb-sml-70 {
    margin-bottom: 70px;
  }
  .mb-sml-80 {
    margin-bottom: 80px;
  }
  .mb-sml-90 {
    margin-bottom: 90px;
  }
  .mb-sml-100 {
    margin-bottom: 100px;
  }
  .mb-sml-110 {
    margin-bottom: 110px;
  }
  .mb-sml-120 {
    margin-bottom: 120px;
  }
  .mb-sml-130 {
    margin-bottom: 130px;
  }
  .mb-sml-140 {
    margin-bottom: 140px;
  }
  .pt-sml-0 {
    padding-top: 0 !important;
  }
  .pt-sml-10 {
    padding-top: 10px;
  }
  .pt-sml-20 {
    padding-top: 20px;
  }
  .pt-sml-30 {
    padding-top: 30px;
  }
  .pt-sml-40 {
    padding-top: 40px;
  }
  .pt-sml-50 {
    padding-top: 50px;
  }
  .pt-sml-60 {
    padding-top: 60px;
  }
  .pt-sml-70 {
    padding-top: 70px;
  }
  .pt-sml-80 {
    padding-top: 80px;
  }
  .pt-sml-90 {
    padding-top: 90px;
  }
  .pt-sml-100 {
    padding-top: 100px;
  }
  .pt-sml-110 {
    padding-top: 110px;
  }
  .pt-sml-120 {
    padding-top: 120px;
  }
  .pt-sml-130 {
    padding-top: 130px;
  }
  .pt-sml-140 {
    padding-top: 140px;
  }
  .pb-sml-0 {
    padding-bottom: 0 !important;
  }
  .pb-sml-10 {
    padding-bottom: 10px;
  }
  .pb-sml-20 {
    padding-bottom: 20px;
  }
  .pb-sml-30 {
    padding-bottom: 30px;
  }
  .pb-sml-40 {
    padding-bottom: 40px;
  }
  .pb-sml-50 {
    padding-bottom: 50px;
  }
  .pb-sml-60 {
    padding-bottom: 60px;
  }
  .pb-sml-70 {
    padding-bottom: 70px;
  }
  .pb-sml-80 {
    padding-bottom: 80px;
  }
  .pb-sml-90 {
    padding-bottom: 90px;
  }
  .pb-sml-100 {
    padding-bottom: 100px;
  }
  .pb-sml-110 {
    padding-bottom: 110px;
  }
  .pb-sml-120 {
    padding-bottom: 120px;
  }
  .pb-sml-130 {
    padding-bottom: 130px;
  }
  .pb-sml-140 {
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 480px) {
  .mt-xsm-0 {
    margin-top: 0 !important;
  }
  .mt-xsm-10 {
    margin-top: 10px;
  }
  .mt-xsm-20 {
    margin-top: 20px;
  }
  .mt-xsm-30 {
    margin-top: 30px;
  }
  .mt-xsm-40 {
    margin-top: 40px;
  }
  .mt-xsm-50 {
    margin-top: 50px;
  }
  .mt-xsm-60 {
    margin-top: 60px;
  }
  .mt-xsm-70 {
    margin-top: 70px;
  }
  .mt-xsm-80 {
    margin-top: 80px;
  }
  .mt-xsm-90 {
    margin-top: 90px;
  }
  .mt-xsm-100 {
    margin-top: 100px;
  }
  .mt-xsm-110 {
    margin-top: 110px;
  }
  .mt-xsm-120 {
    margin-top: 120px;
  }
  .mt-xsm-130 {
    margin-top: 130px;
  }
  .mt-xsm-140 {
    margin-top: 140px;
  }
  .mb-xsm-0 {
    margin-bottom: 0 !important;
  }
  .mb-xsm-10 {
    margin-bottom: 10px;
  }
  .mb-xsm-20 {
    margin-bottom: 20px;
  }
  .mb-xsm-30 {
    margin-bottom: 30px;
  }
  .mb-xsm-40 {
    margin-bottom: 40px;
  }
  .mb-xsm-50 {
    margin-bottom: 50px;
  }
  .mb-xsm-60 {
    margin-bottom: 60px;
  }
  .mb-xsm-70 {
    margin-bottom: 70px;
  }
  .mb-xsm-80 {
    margin-bottom: 80px;
  }
  .mb-xsm-90 {
    margin-bottom: 90px;
  }
  .mb-xsm-100 {
    margin-bottom: 100px;
  }
  .mb-xsm-110 {
    margin-bottom: 110px;
  }
  .mb-xsm-120 {
    margin-bottom: 120px;
  }
  .mb-xsm-130 {
    margin-bottom: 130px;
  }
  .mb-xsm-140 {
    margin-bottom: 140px;
  }
  .pt-xsm-0 {
    padding-top: 0 !important;
  }
  .pt-xsm-10 {
    padding-top: 10px;
  }
  .pt-xsm-20 {
    padding-top: 20px;
  }
  .pt-xsm-30 {
    padding-top: 30px;
  }
  .pt-xsm-40 {
    padding-top: 40px;
  }
  .pt-xsm-50 {
    padding-top: 50px;
  }
  .pt-xsm-60 {
    padding-top: 60px;
  }
  .pt-xsm-70 {
    padding-top: 70px;
  }
  .pt-xsm-80 {
    padding-top: 80px;
  }
  .pt-xsm-90 {
    padding-top: 90px;
  }
  .pt-xsm-100 {
    padding-top: 100px;
  }
  .pt-xsm-110 {
    padding-top: 110px;
  }
  .pt-xsm-120 {
    padding-top: 120px;
  }
  .pt-xsm-130 {
    padding-top: 130px;
  }
  .pt-xsm-140 {
    padding-top: 140px;
  }
  .pb-xsm-0 {
    padding-bottom: 0 !important;
  }
  .pb-xsm-10 {
    padding-bottom: 10px;
  }
  .pb-xsm-20 {
    padding-bottom: 20px;
  }
  .pb-xsm-30 {
    padding-bottom: 30px;
  }
  .pb-xsm-40 {
    padding-bottom: 40px;
  }
  .pb-xsm-50 {
    padding-bottom: 50px;
  }
  .pb-xsm-60 {
    padding-bottom: 60px;
  }
  .pb-xsm-70 {
    padding-bottom: 70px;
  }
  .pb-xsm-80 {
    padding-bottom: 80px;
  }
  .pb-xsm-90 {
    padding-bottom: 90px;
  }
  .pb-xsm-100 {
    padding-bottom: 100px;
  }
  .pb-xsm-110 {
    padding-bottom: 110px;
  }
  .pb-xsm-120 {
    padding-bottom: 120px;
  }
  .pb-xsm-130 {
    padding-bottom: 130px;
  }
  .pb-xsm-140 {
    padding-bottom: 140px;
  }
}
.mobile-menu {
  min-width: 100%;
  margin-bottom: 10px;
  padding: 5px, 5px, 10px, 10px !important;
}
.customer-pagination {
  margin-top: 0px;
}
.loyalty-no-right-padding {
  padding-right: 0px;
}
.loyalty-no-left-padding {
  padding-left: 0px;
}
.notice-padding {
  margin-bottom: 5px;
}
.alert-warning-without-link {
  text-color: #fff;
}
.margin-bottom {
  margin-bottom: 12px;
}
.loyalty-input-height {
  height: 42px !important;
}
.loyalty-button {
  margin-bottom: 15px !important;
  width: 100%;
}
.pay-description {
  font-style: italic;
}
form.submitted .ng-invalid {
  border: 2px solid #f39c12;
}
.checkout-left {
  padding-left: 0px;
}
.table-checkout {
  width: 100%;
}
.invoiceaddress {
  padding-top: 20px;
}
.btn-disabled {
  opacity: 0.65;
  box-shadow: none;
}
.btn-disabled:hover {
  opacity: 1;
}
.btn-sq-lg-small {
  width: 80px !important;
  height: 80px !important;
  margin-right: 10px;
  padding-right: 0;
}
.btn-sq-lg-small .button-text {
  padding-top: 5px;
  text-align: center;
}
.btn-sq-sm-inverse {
  width: 80px !important;
  height: 80px !important;
  margin-right: 10px;
  padding-right: 0;
  background-color: #fff !important;
  color: #aaa !important;
  border: 2px #aaa solid !important;
}
.btn-sq-sm-inverse .button-text {
  padding-top: 5px;
  text-align: center;
}
.btn-sq-sm-inverse .active {
  background-color: #aaa !important;
  color: #fff !important;
  text-transform: none;
}
.btn-sq-sm-inverse:hover {
  background-color: #aaa !important;
  color: #fff !important;
}
.btn.btn-sq-lg-small.btn-primary,
.btn.btn-service-app.btn-primary {
  background-color: #a5a5a5;
  border: unset !important;
}
ul[id*='typeahead'] {
  display: inherit !important;
}
.item-opened {
  background-color: #d9d9d9 !important;
}
.btn-till {
  padding: 10px 0 !important;
}
.btn-till[disabled] {
  opacity: 0.85;
  font-weight: 500;
}
.btn-inverse {
  background-color: #fff !important;
  color: #4ab69c !important;
  border: 2px #4ab69c solid !important;
}
.btn-inverse:hover {
  background-color: #4ab69c !important;
  color: #fff !important;
}
.field-highlight input {
  border-color: #5bc0de !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px #5bc0de;
}
.testing {
  background-color: #182f56 !important;
}
.test {
  color: #fff;
  float: left;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
}
.top-bar {
  width: 100%;
  margin: 0;
  background-color: #fff;
  padding: 1em;
  font-size: 12px;
}
.top-bar a {
  padding-right: 1.5em;
  color: #969ca7;
}
.top-bar a .fa {
  color: #969ca7;
  padding-right: 0.5em;
}
.top-bar a:hover {
  color: #4ab69c;
}
.top-bar a:hover .fa {
  color: #4ab69c;
}
.top-bar-language .top-bar-dropdown {
  min-width: 12em;
}
.top-bar-currency .top-bar-dropdown,
.top-bar-language .top-bar-dropdown {
  padding: 5px 15px;
  margin-top: 0.3em;
  position: absolute;
  z-index: 100;
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-color: #4ab69c #ecf0f1 #ecf0f1 #ecf0f1;
  background-color: #fff;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.top-bar-currency .top-bar-dropdown ul,
.top-bar-language .top-bar-dropdown ul {
  margin: 0;
  padding: 0;
}
.top-bar-currency .top-bar-dropdown ul li,
.top-bar-language .top-bar-dropdown ul li {
  line-height: 26px;
  list-style: none;
}
.top-bar-currency .top-bar-dropdown ul li a,
.top-bar-language .top-bar-dropdown ul li a {
  padding-right: 0;
}
.top-bar-currency a .fa,
.top-bar-language a .fa {
  padding-left: 0.5em;
}
.top-bar-currency:hover .top-bar-dropdown,
.top-bar-language:hover .top-bar-dropdown {
  visibility: visible;
  opacity: 1;
}
.top-bar-currency:hover .top-bar-dropdown a,
.top-bar-language:hover .top-bar-dropdown a {
  color: #969ca7;
}
.top-bar-currency:hover .top-bar-dropdown a:hover,
.top-bar-language:hover .top-bar-dropdown a:hover {
  color: #4ab69c;
}
.top-bar-currency:hover a,
.top-bar-language:hover a,
.top-bar-currency:hover .fa,
.top-bar-language:hover .fa {
  color: #4ab69c;
}
.overlay-top-bar {
  position: fixed;
  width: 100%;
  height: 40px;
  top: 0;
  left: 0;
  z-index: 1;
}
.overlay-top-bar + .overlay-header {
  top: 40px;
}
.overlay-top-bar + .overlay-header .search-bar-background {
  top: 40px;
}
.search-bar .search-bar-content {
  padding: 0.7em;
}
.search-bar .hamburger-menu-icon {
  padding: 0.85em 0 0 2em;
}
.search-bar .logo img {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  max-height: 48px;
  width: auto;
  max-width: 100%;
  display: block;
}
.search-bar .logo img.prismanote {
  margin-top: 6px;
}
.search-bar .search {
  position: relative;
}
.search-bar .search input[type="text"] {
  width: 100%;
  color: #969ca7;
  padding-left: 40px;
  height: 46px;
}
.search-bar .search input[type="text"] + label {
  color: #e6ebed;
  position: absolute;
  top: 0.85em;
  left: 0.4em;
  margin-left: 1em;
  z-index: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.search-bar .search input[type="text"] + label[for="searchMobile"] {
  margin-left: 0.4em;
}
.search-bar .search input[type="text"]:focus + label,
.search-bar .search input[type="text"]:hover + label {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  color: #969ca7;
}
.search-bar nav ul li a {
  font-weight: 500;
  font-size: 1.1em;
  letter-spacing: 1px;
  color: #222;
}
.search-bar.overlay-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  height: 0px;
}
.search-bar.overlay-header .search-bar-background {
  background-color: #fff;
  width: 100%;
  height: 6em;
  position: relative;
  top: 0;
  left: 0;
  z-index: 11;
}
.search-bar.overlay-header .search-bar-content:not(.container) {
  width: 100%;
}
.search-bar.overlay-header .search-bar-content {
  position: relative;
  top: -6em;
  margin-bottom: -6em;
  left: 0;
  z-index: 12;
}
.search-bar.overlay-header:not(.mobile) .search-loading {
  background-image: url("/images/loading.gif");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
}
.search-bar.overlay-header:not(.mobile) input[type="text"] {
  opacity: 0.2;
}
.search-bar.overlay-header:not(.mobile) input[type="text"]:hover,
.search-bar.overlay-header:not(.mobile) input[type="text"]:focus {
  opacity: 0.9;
}
.search-bar.overlay-header:not(.mobile) .search-bar-background {
  opacity: 0.03;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.search-bar.overlay-header:not(.mobile) .search-bar-content {
  opacity: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.search-bar.overlay-header:not(.mobile) .search-bar-content nav ul li a {
  color: #fff;
}
.search-bar.overlay-header:not(.mobile).solid input[type="text"] {
  opacity: 1;
}
.search-bar.overlay-header:not(.mobile).solid .search-bar-background {
  opacity: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  border-bottom: solid 1px #ccc;
}
.search-bar.overlay-header:not(.mobile).solid .search-bar-content {
  opacity: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.search-bar.overlay-header:not(.mobile).solid .search-bar-content nav ul li a {
  color: #222;
}
.search-bar.mobile .search-bar-content {
  padding: 1em;
  background-color: #fff;
  border-bottom: solid 1px #ccc;
}
.search-bar.mobile .search-bar-content nav {
  background-color: #fff;
}
.search-bar.mobile .search-bar-content nav ul {
  float: none;
}
.search-bar.mobile .search-bar-content nav ul li {
  clear: both;
  padding: 1em 0 0 0;
}
.search-bar.mobile .search-bar-content nav ul li a {
  font-size: 1.2em;
}
.search-bar.mobile .search-bar-content nav ul li:last-child {
  margin-bottom: 1em;
}
.top-nav ul > li:hover ul,
.top-nav ul > li .openend {
  display: block;
}
.top-nav ul > li ul {
  display: none;
  position: absolute;
  background: #f1f1f1;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.top-nav ul > li ul li {
  width: 100%;
  line-height: 2em;
  padding: 0px !important;
}
.top-nav ul > li ul li a {
  display: block;
  width: 100%;
}
.top-nav ul > li ul li a:hover {
  background-color: #e3e3e3;
}
.top-nav ul > li ul li a.current-shop {
  font-weight: bold !important;
}
.menu-logo {
  width: 40px !important;
  height: 40px !important;
  float: left;
  margin-left: 5px;
}
.logo-text {
  top: 15px !important;
}
.lock {
  position: fixed !important;
  bottom: 0px !important;
}
.lock-button:hover {
  color: #4ab69c !important;
  background: transparent !important;
}
.menuButton {
  display: none;
}
footer {
  color: #000;
  padding: 4em;
  background-color: #f4f4f4;
}
footer ul {
  padding: 0;
}
footer ul li {
  list-style: none;
}
footer ul li.link {
  padding-bottom: 0.8em;
  margin-top: 0.8em;
}
footer ul li.link a:link,
footer ul li.link a:visited,
footer ul li.link a:focus,
footer ul li.link a:active {
  color: #000;
}
footer ul li.link a:hover {
  color: #000;
}
footer p {
  line-height: 2em;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: #000;
  margin: 1.5em 0;
}
footer .footer-block {
  min-height: 20em;
}
footer .social-icons a {
  margin-right: 3px;
  float: left;
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: transparent;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
footer .social-icons .fa {
  color: #1d2125;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
  top: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
footer .social-icons .fa:hover {
  color: #fff;
}
footer .social-icons .facebook:hover {
  background-color: #3b5998 !important;
}
footer .social-icons .twitter:hover {
  background-color: #00acee !important;
}
footer .social-icons .google-plus:hover {
  background-color: #dd4b39 !important;
}
footer .social-icons .linkedin:hover {
  background-color: #0e76a8 !important;
}
footer .social-icons .pinterest:hover {
  background-color: #c8232c !important;
}
footer .social-icons .instagram:hover {
  background-color: #3f729b !important;
}
.bottom-bar {
  padding: 2em;
  background-color: #f4f4f4;
}
.bottom-bar a {
  color: #222;
}
.bottom-bar a:hover {
  color: #222;
}
.bottom-bar .back-to-top {
  margin: 0 1em;
  color: #222;
  background-color: transparent;
  font-variant: small-caps;
  letter-spacing: 0.09em;
}
.bottom-bar .back-to-top i {
  margin: 0 0.5em 0 1em;
}
.bottom-bar .footer-payment-methods i {
  margin-right: 5px;
  font-size: 26px;
  vertical-align: middle;
}
.cart:hover .cart-content {
  visibility: visible;
  opacity: 1;
}
.cart-icon {
  opacity: 0.9;
  background-image: url("/../../images/cart-black-high.png");
  background-size: cover;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 36px;
  height: 36px;
  margin-top: 4px;
}
.cart-icon a {
  font-family: 'Open Sans', sans-serif;
  display: block;
  font-weight: 600;
  font-size: 1.2em;
  text-align: center;
  line-height: 48px;
  color: #121415;
}
.cart-icon a:hover {
  color: #121415;
}
.cart-icon.light {
  background-image: url("/../../images/cart-white-high.png");
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.cart-icon.light a {
  color: #fff;
}
.cart-icon.light a:hover {
  color: #fff;
}
.cart-content:not(.col-xs-12) {
  width: 300px;
  margin-top: 0.4em;
  padding: 1em 2em;
  position: absolute;
  z-index: 100;
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-color: #4ab69c #ecf0f1 #ecf0f1 #ecf0f1;
  background-color: #fff;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.cart-content:not(.col-xs-12) .cart-items {
  padding-left: 0;
}
.cart-content:not(.col-xs-12) .cart-items .cart-item {
  list-style: none;
  padding: 1em 0;
}
.cart-content:not(.col-xs-12) .cart-items .cart-item .cart-item-img a img {
  width: 70px;
  height: 70px;
}
.cart-content:not(.col-xs-12) .cart-items .cart-item .cart-item-details {
  padding-right: 25px;
  float: right;
}
.cart-content:not(.col-xs-12) .cart-items .cart-item .cart-item-details .cart-item-title a {
  color: #45464b;
}
.cart-content:not(.col-xs-12) .cart-items .cart-item .cart-item-details .cart-item-price {
  color: #969ca7;
}
.cart-content:not(.col-xs-12) .cart-items .cart-item .cart-item-remove i {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.cart-content:not(.col-xs-12) .cart-items .cart-item i {
  padding: 2px;
  color: #45464b;
}
.cart-content:not(.col-xs-12) .cart-items .cart-item i:hover {
  color: #4ab69c;
}
.cart-content.col-xs-12 {
  padding: 1em 0 0 0;
}
.cart-content.col-xs-12 .cart-summary {
  margin-bottom: 2em;
  font-weight: bold;
}
.cart-content.col-xs-12 .cart-summary .cart-total {
  float: right;
}
.mobile-search-bar .cart-actions {
  margin: 1em 0 0 0;
}
.cart-group table .product-name {
  width: 16em;
}
.cart-group table .product-price {
  width: 10em;
}
.cart-group .product-thumbnail a img {
  width: 70px;
  height: 70px;
}
.cart-group .cart-item.mobile table {
  clear: both;
  margin: 1em 0 0 20px;
}
.cart-group .cart-item.mobile .product-thumbnail a img {
  float: left;
}
.cart-quantity {
  width: 55px !important;
}
.product-quantity input[type="number"]::-webkit-outer-spin-button,
.product-quantity input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-quantity input[type="number"] {
  -moz-appearance: textfield;
}
[class*="cal-cell"] {
  float: left;
  margin-left: 0;
  min-height: 1px;
}
.cal-row-fluid {
  width: 100%;
  *zoom: 1;
}
.cal-row-fluid:after {
  clear: both;
}
.cal-row-fluid [class*="cal-cell"] {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 0%;
  *margin-left: -0.052137643378519%;
}
.cal-row-fluid [class*="cal-cell"]:first-child {
  margin-left: 0;
}
.cal-row-fluid .controls-row [class*="cal-cell"] + [class*="cal-cell"] {
  margin-left: 0%;
}
.cal-row-fluid .cal-cell7 {
  width: 100%;
  *width: 99.94669509594883%;
}
.cal-row-fluid .cal-cell6 {
  width: 85.71428571428571%;
  *width: 85.66098081023453%;
}
.cal-row-fluid .cal-cell5 {
  width: 71.42857142857142%;
  *width: 71.37526652452024%;
}
.cal-row-fluid .cal-cell4 {
  width: 57.14285714285714%;
  *width: 57.089552238805965%;
}
.cal-row-fluid .cal-cell3 {
  width: 42.857142857142854%;
  *width: 42.80383795309168%;
}
.cal-row-fluid .cal-cell2 {
  width: 28.57142857142857%;
  *width: 28.518123667377395%;
}
.cal-row-fluid .cal-cell1 {
  width: 14.285714285714285%;
  *width: 14.232409381663112%;
  width: 14.285714285714285%;
  *width: 14.233576642335766%;
}
.cal-row-fluid:before,
.cal-row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.cal-week-box .cal-offset7,
.cal-row-fluid .cal-offset7,
.cal-row-fluid .cal-offset7:first-child {
  margin-left: 100%;
  *margin-left: 99.89339019189765%;
}
.cal-week-box .cal-offset6,
.cal-row-fluid .cal-offset6,
.cal-row-fluid .cal-offset6:first-child {
  margin-left: 85.71428571428571%;
  *margin-left: 85.60767590618336%;
}
.cal-week-box .cal-offset5,
.cal-row-fluid .cal-offset5,
.cal-row-fluid .cal-offset5:first-child {
  margin-left: 71.42857142857142%;
  *margin-left: 71.32196162046907%;
}
.cal-week-box .cal-offset4,
.cal-row-fluid .cal-offset4,
.cal-row-fluid .cal-offset4:first-child {
  margin-left: 57.14285714285714%;
  *margin-left: 57.03624733475479%;
}
.cal-week-box .cal-offset3,
.cal-row-fluid .cal-offset3,
.cal-row-fluid .cal-offset3:first-child {
  margin-left: 42.857142857142854%;
  *margin-left: 42.750533049040506%;
}
.cal-week-box .cal-offset2,
.cal-row-fluid .cal-offset2,
.cal-row-fluid .cal-offset2:first-child {
  margin-left: 28.57142857142857%;
  *margin-left: 28.46481876332622%;
}
.cal-week-box .cal-offset1,
.cal-row-fluid .cal-offset1,
.cal-row-fluid .cal-offset1:first-child {
  margin-left: 14.285714285714285%;
  *margin-left: 14.17910447761194%;
}
[class*="cal-cell"].hide,
.cal-row-fluid [class*="cal-cell"].hide {
  display: none;
}
[class*="cal-cell"].pull-right,
.cal-row-fluid [class*="cal-cell"].pull-right {
  float: right;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
  min-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bolder;
  text-align: center;
  border: 0px solid;
  padding: 5px 0;
}
.cal-events-num {
  margin-top: 20px;
}
.cal-month-day {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
}
#cal-week-box {
  position: absolute;
  width: 70px;
  left: -71px;
  top: -1px;
  padding: 8px 5px;
  cursor: pointer;
  border: 1px solid #e1e1e1;
  border-right: 0px;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  background-color: #fafafa;
  text-align: right;
}
#cal-day-tick {
  position: absolute;
  right: 50%;
  bottom: -21px;
  padding: 0px 5px;
  cursor: pointer;
  z-index: 5;
  text-align: center;
  width: 26px;
  margin-right: -17px;
  border: 1px solid #e1e1e1;
  border-top: 0px solid;
  border-radius: 0 0 5px 5px;
  background-color: #ededed;
  text-align: center;
}
.cal-year-box #cal-day-tick {
  margin-right: -7px;
}
.cal-year-box [class*="span"] {
  min-height: 60px;
}
#cal-slide-box {
  position: relative;
  border-top: 0px solid #8c8c8c;
}
#cal-slide-tick {
  position: absolute;
  width: 16px;
  margin-left: -7px;
  height: 9px;
  top: -1px;
  z-index: 1;
  background-image: url("../img/tick.png?2");
}
#cal-slide-tick.tick-month1 {
  left: 12.5%;
}
#cal-slide-tick.tick-month2 {
  left: 37.5%;
}
#cal-slide-tick.tick-month3 {
  left: 62.5%;
}
#cal-slide-tick.tick-month4 {
  left: 87.5%;
}
#cal-slide-tick.tick-day1 {
  left: 7.14285714285715%;
}
#cal-slide-tick.tick-day2 {
  left: 21.42857142857143%;
}
#cal-slide-tick.tick-day3 {
  left: 35.71428571428572%;
}
#cal-slide-tick.tick-day4 {
  left: 50%;
}
#cal-slide-tick.tick-day5 {
  left: 64.2857142857143%;
}
#cal-slide-tick.tick-day6 {
  left: 78.57142857142858%;
}
#cal-slide-tick.tick-day7 {
  left: 92.85714285714285%;
}
.events-list {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  max-height: 47px;
  padding-left: 5px;
}
#cal-slide-content {
  padding: 20px;
  color: #fff;
  background-color: #2f4f4f;
  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5);
  box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5);
  text-align: left;
}
#cal-slide-content ul.unstyled {
  margin-bottom: 0;
}
#cal-slide-content:hover {
  background-color: #2f4f4f;
}
#cal-slide-content a.event-item {
  color: #fff;
  font-weight: normal;
  line-height: 22px;
}
.cal-week-box {
  position: relative;
}
.cal-week-box [data-event-class] {
  white-space: nowrap;
  height: 30px;
  margin: 1px 1px;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
}
.cal-week-box .cal-column {
  position: absolute;
  height: 100%;
  z-index: -1;
}
.cal-week-box .arrow-after:after {
  content: "";
  position: absolute;
  top: 0px;
  width: 0;
  height: 0;
  right: 0;
  border-top: 15px solid #fff;
  border-left: 8px solid;
  border-bottom: 15px solid #fff;
}
.cal-week-box .arrow-before:before {
  content: "";
  position: absolute;
  top: 0px;
  width: 0;
  height: 0;
  left: 1px;
  border-top: 15px solid transparent;
  border-left: 8px solid #fff;
  border-bottom: 15px solid transparent;
}
.cal-week-box .arrow-before,
.cal-week-box .arrow-after {
  position: relative;
}
#cal-day-box {
  text-wrap: none;
}
#cal-day-box .cal-day-hour-part {
  height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: thin dashed #e1e1e1;
}
#cal-day-box .cal-day-hour .day-highlight {
  height: 30px;
}
#cal-day-box .cal-day-hour:nth-child(odd) {
  background-color: #fafafa;
}
#cal-day-box .cal-hours {
  font-weight: bolder;
}
#cal-day-box #cal-day-panel {
  position: relative;
  padding-left: 60px;
}
#cal-day-box #cal-day-panel-hour {
  position: absolute;
  width: 100%;
  margin-left: -60px;
  z-index: -1;
}
#cal-day-box .day-event {
  max-width: 200px;
  overflow: hidden;
}
#cal-day-box .day-highlight {
  line-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #c3c3c3;
  margin: 1px 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#cal-day-box .day-highlight.dh-event-important {
  border: 1px solid #ad2121;
}
#cal-day-box .day-highlight.dh-event-warning {
  border: 1px solid #e3bc08;
}
#cal-day-box .day-highlight.dh-event-info {
  border: 1px solid #1e90ff;
}
#cal-day-box .day-highlight.dh-event-inverse {
  border: 1px solid #1b1b1b;
}
#cal-day-box .day-highlight.dh-event-success {
  border: 1px solid #006400;
}
#cal-day-box .day-highlight.dh-event-special {
  background-color: #ffe6ff;
  border: 1px solid #800080;
}
.event {
  display: block;
  background-color: #c3c3c3;
  width: 12px;
  height: 12px;
  margin-right: 2px;
  margin-bottom: 2px;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
  border-radius: 8px;
  border: 1px solid #fff;
}
.event-block {
  display: block;
  background-color: #c3c3c3;
  width: 20px;
  height: 100%;
}
.cal-event-list .event.pull-left {
  margin-top: 3px;
}
.event-important {
  background-color: #3b5998;
  border: 1px solid #3b5998;
}
.event-important-done {
  background-color: #fff;
  border: 1px solid #3b5998;
}
.event-info {
  background-color: #1e90ff;
  border: 1px solid #1e90ff;
}
.event-warning {
  background-color: #bd081c;
  border: 1px solid #bd081c;
}
.event-warning-done {
  background-color: #fff;
  border: 1px solid #bd081c;
}
.event-inverse {
  background-color: #8d6dc4;
  border: 1px solid #8d6dc4;
}
.event-success {
  background-color: #e1306c;
  border: 1px solid #e1306c;
}
.event-success-done {
  background-color: #fff;
  border: 1px solid #e1306c;
}
.event-special {
  background-color: #ffa500;
  border: 1px solid #ffa500;
}
.event-special-done {
  background-color: #fff;
  border: 1px solid #ffa500;
}
.day-highlight:hover,
.day-highlight {
  background-color: #ddd;
}
.day-highlight.dh-event-important:hover,
.day-highlight.dh-event-important {
  background-color: #fae3e3;
}
.day-highlight.dh-event-warning:hover,
.day-highlight.dh-event-warning {
  background-color: #fdf1ba;
}
.day-highlight.dh-event-info:hover,
.day-highlight.dh-event-info {
  background-color: #d1e8ff;
}
.day-highlight.dh-event-inverse:hover,
.day-highlight.dh-event-inverse {
  background-color: #c1c1c1;
}
.day-highlight.dh-event-success:hover,
.day-highlight.dh-event-success {
  background-color: #caffca;
}
.day-highlight.dh-event-special:hover,
.day-highlight.dh-event-special {
  background-color: #ffe6ff;
}
.cal-row-head [class*="cal-cell"] small {
  font-weight: normal;
}
.cal-year-box .row-fluid:hover,
.cal-row-fluid:hover {
  background-color: #fafafa;
}
[class*="cal-cell"]:hover {
  background-color: #ededed;
}
.cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
  min-height: 100px;
  border-right: 1px solid #e1e1e1;
  position: relative;
}
.cal-year-box .row-fluid [class*="span"]:last-child,
.cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
  border-right: 0px;
}
.cal-year-box .row-fluid,
.cal-month-box .cal-row-fluid {
  border-bottom: 1px solid #e1e1e1;
  margin-left: 0px;
  margin-right: 0px;
}
.cal-year-box .row-fluid:last-child,
.cal-month-box .cal-row-fluid:last-child {
  border-bottom: 0px;
}
.cal-month-box,
.cal-year-box,
.cal-week-box {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-radius: 2px;
}
span[data-cal-date] {
  font-size: 1.2em;
  font-weight: normal;
  opacity: 0.5;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  margin-top: 15px;
  margin-right: 15px;
}
span[data-cal-date]:hover {
  opacity: 1;
}
.cal-day-outmonth span[data-cal-date] {
  opacity: 0.1;
  cursor: default;
}
.cal-day-today {
  background-color: #e8fde7;
}
.cal-day-today span[data-cal-date] {
  color: #006400;
}
.cal-month-box .cal-day-today span[data-cal-date] {
  font-size: 1.9em;
}
.cal-day-holiday span[data-cal-date] {
  color: #800080;
}
.cal-day-weekend span[data-cal-date] {
  color: #8b0000;
}
.cal-column {
  border-left: 1px solid #e1e1e1;
}
a.cal-event-week {
  text-decoration: none;
  color: #151515;
}
.badge-important {
  background-color: #b94a48;
}
.home-bar {
  color: #969ca7;
}
.home-bar .home-bar-item {
  height: 260px;
  padding: 4em 2em;
}
.home-bar .home-bar-item:nth-of-type(even) {
  background-color: #222;
}
.home-bar .home-bar-item.home-bar-item:nth-of-type(odd) {
  background-color: #2d3035;
}
.home-bar .home-bar-item h1,
.home-bar .home-bar-item h2,
.home-bar .home-bar-item h3,
.home-bar .home-bar-item h4,
.home-bar .home-bar-item h5,
.home-bar .home-bar-item h6 {
  color: #fff;
}
.home-bar .home-bar-item .statistic i {
  color: #4ab69c;
}
.home-bar .home-bar-item .btn {
  margin: 5px;
}
.no-underline {
  border-bottom: 0px !important;
}
.footer-promo {
  background-color: #4ab69c;
  color: #fff;
}
.footer-promo p {
  margin-top: -5px;
}
.footer-promo h3 {
  margin-top: 0;
}
.footer-promo a.btn.btn-dark:not(.btn-default) {
  white-space: normal;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
}
.footer-promo a.btn.btn-dark:not(.btn-default):hover {
  background-color: #111;
}
.modal a.modal-link:hover {
  text-decoration: underline;
}
.button-center {
  text-align: center;
  padding-left: 50px;
}
.calendar-text {
  margin-top: 0.7em;
  margin-left: 0.6em;
}
.home-background {
  opacity: 0.9;
  background-image: url("https://prismanotevoorjuweliers.nl/wp-content/uploads/2017/07/prismanote-meer-bezoekers-naar-mijn-winkel.jpg?id=6611");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 4300px;
}
.home-green-background {
  opacity: 0.9;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1750px;
}
.home-theme-background-image {
  background-image: url("/public/Background-Green-white-2.jpg");
}
background-repeat: no-repeat,
background-attachment: fixed,
background-size: cover,
.home-green-image {
  opacity: 0.9;
  background-image: url("https://prismanote.s3.amazonaws.com/general/prisma-note-voor-juweliersbranche-horlogebranche-sieradenbranche.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1200px;
}
.home-change {
  opacity: 0.9;
  background-image: url("https://prismanote.s3.amazonaws.com/general/prisma-note-voor-juweliersbranche-horlogebranche-sieradenbranche.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1200px;
}
.home-white-text {
  color: #fff;
}
.home-black-text {
  color: #222;
  font-family: 'Montserrat', sans-serif;
}
@media (min-width: 990px) {
  .home-background {
    max-height: 1500px;
  }
}
@media (max-width: 991px) {
  .read-more-after-login {
    margin-bottom: 30px;
  }
}
@media (max-width: 449px) {
  .emailfield {
    padding: 0px;
    line-height: 1.8em;
    font-height: 0.875em;
    width: 12px;
    height: 10px;
  }
  .button {
    padding: 0px;
    font-size: 1px;
    width: 12px;
    height: 10px;
    position: absolute;
    left: 235px;
    white-space: nowrap;
  }
}
.totalAmount-background {
  background-color: #fff;
}
.button-margin-right {
  margin-right: 5px;
}
.homepage-signup {
  min-width: inherit;
  box-sizing: border-box;
  height: 90px;
  padding: 10px;
  min-width: inherit;
  width: 100%;
  justify-content: space-evenly;
  display: table-cell;
}
.homepage-signup form {
  padding: 0;
  margin: 0;
}
.homepage-signup form .emailfield,
.homepage-signup form .button {
  float: left;
}
.homepage-signup form input::-webkit-input-placeholder {
  color: #ccc;
}
.homepage-signup form input:-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.homepage-signup form input:-ms-input-placeholder {
  color: #ccc;
}
.homepage-signup form input::-ms-input-placeholder {
  color: #ccc;
}
.homepage-signup form input::placeholder {
  color: #ccc;
}
.homepage-signup form input {
  border-radius: 4px 0px 0px 4px !important;
  font-weight: 700;
  -webkit-transition: width 2s;
  border: 2px solid #ededed;
  color: #4ab69c;
  padding: 12px 20px;
  margin: 8px 0px 8px 8px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 8px;
  line-height: 2.5em;
  height: 64px;
  width: 230px;
}
.homepage-signup form input:focus {
  border: 1px solid #4ab69c !important;
  outline: 0;
}
.homepage-signup form input:hover {
  border: 1px solid #4ab69c !important;
  transition: all 0.3s ease-in-out !important;
}
.homepage-signup form button {
  border-radius: 0px 4px 4px 0px !important;
  margin: 8px 0px 8px -3px;
  background-color: #4ab69c;
  display: inline-block;
  color: #fff;
  margin: 8px 0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  line-height: 1.8em;
  font-size: 18px;
  height: 64px;
}
.homepage-signup form button:hover {
  background-color: #41a48d;
}
.menu {
  color: #e3e3e3;
}
.drop-box {
  background: #f8f8f8;
  border: 5px dashed #ddd;
  width: 100%;
  text-align: center;
  padding: 50px 10px;
}
.padding-bottom {
  padding-bottom: 20px;
}
.search-retailer {
  margin-top: 20px;
}
h4.brands {
  font-size: 20px;
}
h4.brands .label {
  margin: 3px;
}
.edit-campaign .edit-campaign-task {
  padding: 1em 2em;
  border: solid 2px #eee;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #fcfcfc;
}
.edit-campaign .edit-campaign-task .task-heading .task-heading-type {
  color: #999;
}
.edit-campaign .edit-campaign-task.facebook .task-heading-content {
  color: #3b5998;
}
.edit-campaign .edit-campaign-task.instagram .task-heading-content {
  color: #e95950;
}
.edit-campaign .edit-campaign-task.pinterest .task-heading-content {
  color: #cb2027;
}
.edit-campaign textarea {
  width: 100%;
  height: 16em;
}
.user-label {
  font-size: 18px;
  line-height: normal !important;
}
.wysiwyg textarea.form-control {
  padding: 0px 0px !important;
  height: 200px !important;
}
.wysiwyg .form-control {
  min-height: 200px;
  height: auto !important;
}
.wysiwyg [id^=taTextElement] {
  min-height: 200px;
  height: 100%;
}
.package-list {
  list-style: none;
  padding-left: 15px;
  font-size: 12px;
  margin-top: -15px;
}
.translations .div {
  line-height: 1px;
}
.translations .keyword {
  width: 600px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.translations .keyword:hover {
  overflow: visible;
  white-space: normal;
  width: auto;
  z-index: 9999999;
  position: absolute;
  background-color: #fff;
  font-weight: bold;
}
.update-admin .row {
  border-radius: 10px;
  border: 1px solid #b4b5b9;
  padding: 10px;
}
.update-admin .row h1 {
  font-size: 16px;
  margin-top: 2px;
}
.update-admin .row p,
.update-admin .row a {
  font-size: 12px;
}
.update-admin .row a.url:hover {
  text-decoration: underline;
}
.update-admin .row i {
  padding: 10px;
  font-size: 16px;
}
.update-admin .row i:hover {
  cursor: pointer;
}
.spinner-assortment {
  display: block;
  float: left;
  width: 10%;
  height: 10%;
  animation-name: spin;
  animation-duration: 3.3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.edit-product .edit-product-variant,
.add-product .edit-product-variant {
  padding: 1em 2em;
  border: solid 2px #eee;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #fcfcfc;
}
.edit-product .edit-product-variant .variant-heading .variant-heading-type,
.add-product .edit-product-variant .variant-heading .variant-heading-type {
  color: #999;
}
.edit-product textarea,
.add-product textarea {
  width: 100%;
}
.edit-product textarea.tall,
.add-product textarea.tall {
  height: 16em;
}
.edit-product textarea.short,
.add-product textarea.short {
  height: 10.5em;
}
.add-product-right-align {
  text-align: right;
}
.badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #fff;
  background-color: #999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-grey {
  background-color: #808080;
}
.badge-grey:hover {
  background-color: #808080;
}
.badge-red {
  background-color: #f00;
}
.badge-red:hover {
  background-color: #f00;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-info-text {
  background-color: #3a87ad;
}
.badge-info-text:hover {
  background-color: #2d6987;
  color: #fff;
}
.badge-inverse {
  background-color: #333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}
.breadcrumb-retailer {
  background-color: #f5f9fa;
}
.retailer-outstanding {
  font-size: 24px;
}
.retailer-payment {
  font-size: 24px;
}
.retailer .panel {
  min-height: 15em !important;
}
.retailer .panel-heading {
  min-height: 4.4em;
}
.retailer ul:not(.nav-tabs) {
  padding-left: 40px;
}
.retailer .payment-date {
  line-height: 0px;
}
.retailer table a:hover:not(.btn) {
  text-decoration: underline;
}
.loading-pane {
  position: absolute;
  background: url("http://oi62.tinypic.com/2pqsuc0.jpg");
}
.not-active {
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}
.loading-pane .spinner-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("http://oi58.tinypic.com/2emfu9w.jpg") center center no-repeat;
  cursor: default;
}
.chip {
  display: inline-block;
  padding: 0 25px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  border-radius: 25px;
  background-color: #f1f1f1;
}
.closebtn {
  padding-left: 10px;
  color: #888;
  font-weight: bold;
  float: right;
  font-size: 20px;
  cursor: pointer;
}
.closebtn:hover {
  color: #000;
}
.cropArea {
  background: #e4e4e4;
  overflow: hidden;
  height: 350px;
}
.delete-icon:hover {
  color: #4ab69c;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.ui-chatbox {
  position: fixed;
  bottom: 0;
  padding: 2px;
  background: #ccc;
  border-radius: 25px;
  padding: 10px;
}
.ui-chatbox-titlebar {
  padding: 3px;
  height: 30px;
  cursor: pointer;
}
.ui-chatbox-content {
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.ui-chatbox-log {
  padding: 3px;
  height: 170px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}
.ui-chatbox-input {
  padding: 3px;
  border-top: 1px solid #808080;
  overflow: hidden;
}
.ui-chatbox-input-box {
  margin: 5px;
  border: 2px solid #d3d3d3;
  padding: 2px;
  height: 50px;
}
.ui-chatbox-icon {
  float: right;
}
.ui-chatbox-input-focus {
  border-color: #69f;
}
.ui-chatbox-msg {
  margin-top: 10px;
  float: left;
  clear: both;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.ui-chatbox {
  position: fixed;
  bottom: 0;
  padding: 2px;
  background: #ccc;
}
.ui-chatbox-titlebar {
  padding: 3px;
  height: 30px;
  cursor: pointer;
}
.ui-chatbox-content {
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.ui-chatbox-log {
  padding: 3px;
  height: 170px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}
.ui-chatbox-input {
  padding: 3px;
  border-top: 1px solid #808080;
  overflow: hidden;
}
.ui-chatbox-input-box {
  margin: 5px;
  border: 2px solid #d3d3d3;
  padding: 2px;
  height: 50px;
}
.ui-chatbox-icon {
  float: right;
}
.ui-chatbox-input-focus {
  border-color: #69f;
}
.ui-chatbox-msg {
  margin-top: 10px;
  float: left;
  clear: both;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.filter-buttons button {
  height: 32px;
}
.filter-buttons button:hover {
  color: #fff !important;
  background: #337ab7 !important;
}
.result-bucket li {
  padding: 7px 15px;
}
.instant-results {
  background: #fff;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
  box-shadow: 0 2px 4px rgba(0,0,0,0.175);
  z-index: 9;
  height: 300pt;
  overflow: auto;
}
.service-app-search {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
  box-shadow: 0 2px 4px rgba(0,0,0,0.175);
}
.form-search {
  transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
}
.search-form {
  position: relative;
  max-width: 100%;
}
.result-link .media-body {
  font-size: 13px;
}
.result-link .media-heading {
  font-size: 15px;
  font-weight: 400;
}
.result-link .media-object {
  width: 100px;
  padding: 3px;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  margin-top: 10px;
}
.result-link .row.product:hover {
  background: #fafafa !important;
}
@media print {
  .top-bar {
    display: none;
  }
  .printOptions {
    display: none;
  }
}
.glyphicon.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.step {
  font-size: 16px;
  font-weight: bold;
}
.upgrade-overview {
  width: 100%;
}
td.total-price {
  border-top: 1px solid #000;
}
.no-margin-top {
  margin-top: 0px;
}
.no-margin-bottom {
  margin-bottom: 0px;
}
.no-margin-right {
  margin-right: 0px !important;
}
.no-margin-left {
  margin-left: 0px !important;
}
.no-padding-right {
  padding-right: 0px !important;
}
.item-prop i {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
  padding-left: 10px;
}
.item-prop .value {
  display: inline;
}
.item-prop:hover i {
  visibility: visible;
  opacity: 1;
}
.item-prop:hover i:hover {
  cursor: pointer;
  color: #4ab69c;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.no-padding {
  padding: 0px;
}
.no-padding-left {
  padding-left: 0px !important;
}
.paused-title {
  color: #949292;
}
.discount-price {
  text-decoration: line-through;
  color: #f00;
}
.product-props-row {
  font-size: 12px;
}
.strong {
  font-weight: bold;
}
span#repair-details {
  min-width: 100px;
  float: left;
  font-weight: 600;
}
span#repair-details-second {
  min-width: 200px;
  float: left;
  font-weight: 600;
}
.assortment-no-stock a {
  color: #4ab69c;
}
.assortment-no-stock a:hover {
  text-decoration: underline;
}
.supplier-name {
  font-size: 12px;
  line-height: 0.9;
}
.no-supplier-brand {
  margin-top: -5px !important;
}
.collection-not-selected {
  border: solid 1px #d4d5d9;
}
.collection-selected {
  border: solid 1.5px #4ab69c;
}
.product-selected-assortment {
  border: solid 1.5px #4ab69c;
  padding: 3px;
}
.bg-prisma {
  background-color: #4ab69c;
}
.bg-prisma-services {
  background-color: #4ab69c;
  color: #fff;
  border-radius: 50%;
  padding: 2px 10px;
  font-size: 12px;
}
.text-prisma {
  color: #4ab69c;
  position: relative;
}
.broder-prisma {
  border: 1px solid #4ab69c;
}
.cursor-pointer {
  cursor: pointer !important;
}
.caret-color {
  color: #777;
}
.selected-filter {
  display: inline-block;
  position: relative;
  text-transform: capitalize;
  cursor: default;
  font-size: 12px;
  padding: 5px 30px 5px 12px;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 6;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px;
}
.selected-filter:hover {
  background: #f7f7f7;
  cursor: pointer;
}
.remove-filter {
  position: absolute;
  top: 7px;
  right: 4px;
/* position : absolute ; 
	top: 7px; 
	right: 4px; */
  width: 18px;
  height: 20px;
  z-index: 1;
  text-align: center;
  cursor: pointer;
}
.remove-filter-recommendation {
  top: 3px !important;
  right: -20px !important;
}
.filter-carate {
  margin-left: 5px;
  color: #777;
  float: right;
  font-size: 12px;
  font-wight: bold;
}
::-webkit-scrollbar {
  width: 0px; /* Remove scrollbar space */
  background: transparent; /* Optional: just make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
  background: #ddd;
}
.data-load {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(74,182,156,0.9);
  z-index: 1028;
  cursor: pointer;
}
.data-load #text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 30px;
  color: #222;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.data-load #text .status {
  font-size: 40px;
}
.data-load #text .status-small {
  font-size: 20px;
}
.form-control-feedback {
  position: absolute;
  right: 0px;
  z-index: 5;
  width: 34px;
  height: 34px;
  text-align: center;
}
.unlock-backdrop {
  background-color: #e3e3e3;
  opacity: 1 !important;
}
.unlock-open {
  overflow: hidden !important;
}
.instant-hide {
  z-index: 0 !important;
  height: 0px !important;
}
a.disabled {
  color: #aaa !important;
  cursor: default !important;
  pointer-events: none !important;
  text-decoration: none !important;
}
.customer .customer-activity {
  font-size: 14px !important;
  font-weight: normal !important;
  color: #121415 !important;
}
.customer .item-collection {
  display: inline;
  font-size: 14px !important;
  font-weight: normal !important;
}
.customer .panel-title .date {
  font-size: 12px !important;
  color: #121415 !important;
}
.product-assortment-title {
  color: #121415 !important;
}
.product-assortment-property {
  font-size: 12px;
}
.product-property-row {
  padding-top: 10px;
}
.cardpayment {
  padding-left: 10px;
}
.badge-notification {
  background-color: #ef8300 !important;
}
.notifications a {
  color: #4ab69c !important;
}
.notifications img {
  width: 100px !important;
  height: 100px !important;
  background-size: cover;
}
.notifications ul {
  margin-left: 10px;
}
.notifications .new {
  background-color: #daf2ec !important;
}
.aligned-row {
  display: flex;
  flex-flow: row wrap;
}
.aligned-row:before {
  display: block;
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.disabled > * {
  opacity: 0.5;
  pointer-events: none;
}
.d-flex {
  display: flex;
}
.mr-2 {
  margin-right: 10px;
}
.device .label-default {
  background-color: #e6e2e2 !important;
  color: #777 !important;
}
.jspm .label {
  color: #fff !important;
}
.notifications-list {
  background-color: #fff !important;
  border: 2px solid #fafafa;
  z-index: 10 !important;
}
.notifications-list hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
.notifications-list img {
  width: 50px !important;
  height: 50px !important;
  background-size: cover;
  margin-top: 5px;
}
.notifications-list p:not(.notification-title):not(.all):not(.details) {
  font-size: 12px;
  color: #121415;
  margin-bottom: 3px;
}
.notifications-list .notification-list-menu {
  overflow: auto;
}
@media (max-width: 768px) {
  .notifications-list .notification-list-menu {
    max-height: 77vh;
  }
}
@media (min-width: 768px) {
  .notifications-list .notification-list-menu {
    max-height: 55vh;
  }
}
.notifications-list .notification-title {
  font-size: 16px;
  color: #222;
  padding-left: 15px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.notifications-list .all {
  color: #222;
  font-size: 16px;
  text-align: center;
}
.notifications-list .details {
  font-size: 10px;
  color: #222;
}
@media (max-width: 768px) {
  .notifications-list {
    width: 100vw;
    left: 0px !important;
    position: fixed !important;
    max-height: 100vh;
  }
}
@media (min-width: 768px) {
  .notifications-list {
    width: 400px;
    margin-left: -100px !important;
    max-height: 70vh;
  }
}
.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 17px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.sliderAssortment {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderAssortment:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderAssortment.round {
  border-radius: 34px;
}
.sliderAssortment.round:before {
  border-radius: 50%;
}
input:checked + .sliderAssortment {
  background-color: #4ab69c !important;
}
input:checked + .sliderAssortment:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
input:focus + .sliderAssortment {
  box-shadow: 0 0 1px #4ab69c !important;
}
.toast-padding {
  padding-top: 50px;
  padding-right: 20px;
}
table.coupons-table td,
th {
  padding: 15px;
}
.coupons-table th {
  font-weight: 500;
}
.coupons-table td:first-child {
  font-weight: 600;
}
.coupons-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.link-icon:hover {
  cursor: pointer;
}
#filterNav .checkbox label {
  padding-left: 0px !important;
}
#filterNav ul.mega-dropdown-menu {
  min-width: 200px !important;
}
.tt-url:hover {
  text-decoration: underline;
}
.updates {
  max-height: 300px;
  overflow: auto;
}
.updates .date {
  color: #b4b5b9;
  font-size: 10px;
  margin-bottom: 0px;
}
.updates .title {
  padding: 0px;
  font-size: 14px;
  font-weight: bolder;
  height: unset;
  margin-bottom: 0px;
}
.updates .description {
  font-size: 14px;
  font-weight: 12px;
}
.updates a {
  color: #4ab69c !important;
  text-decoration: underline;
}
.whatsapp-icon {
  color: #25d366;
  font-size: 20px;
  float: right;
}
.whatsapp-icon:hover {
  cursor: pointer;
}
.ccvframe {
  width: 100%;
  height: 500px;
  border: 0px;
}
@-moz-keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
@-o-keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
.portal .panel {
  border-color: #e5e5e5;
  min-height: 15em;
}
.portal .panel .panel-heading {
  margin: 0;
  color: #222;
  background-color: #f5f5f5;
  border-color: #e5e5e5;
}
.portal .panel .panel-body {
  padding: 2em 0;
}
.portal .panel a i.fa,
.portal .panel a i.fas,
.portal .panel a i.far {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.portal .panel a,
.portal .hover-effect a {
  display: block;
  color: #222;
}
.portal .panel a h6,
.portal .hover-effect a h6,
.portal .panel a p,
.portal .hover-effect a p,
.portal .panel a i.fa,
.portal .hover-effect a i.fa,
.portal .panel a i.fas,
.portal .hover-effect a i.fas,
.portal .panel a i.far,
.portal .hover-effect a i.far {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.portal .panel a:hover,
.portal .hover-effect a:hover {
  color: #4ab69c;
}
.portal .panel a:hover h6,
.portal .hover-effect a:hover h6,
.portal .panel a:hover p,
.portal .hover-effect a:hover p,
.portal .panel a:hover i.fa,
.portal .hover-effect a:hover i.fa,
.portal .panel a:hover i.fas,
.portal .hover-effect a:hover i.fas,
.portal .panel a:hover i.far,
.portal .hover-effect a:hover i.far {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.upgrade .panel {
  border-color: #a2c7cd;
}
.upgrade .panel:hover {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.upgrade .price {
  display: block;
  text-align: center;
  font-size: 23px;
  padding-top: 20px;
}
.upgrade .panel-heading:not(label) {
  text-align: center;
  min-height: 78px;
  vertical-align: middle;
  background-color: #f5f9fa;
  border-color: #a2c7cd;
}
.upgrade .panel-body .btn {
  text-align: center;
}
.upgrade button {
  height: 32px;
}
.upgrade button:hover {
  color: #fff !important;
  background: #337ab7 !important;
}
.upgrade .labels {
  border-color: #761c19;
}
.upgrade .labels .panel-heading {
  background-color: #ac2925;
  border-color: #761c19;
}
.invert-icon {
  color: #4ab69c;
}
.invert-icon:hover {
  color: #222;
}
p.notify {
  display: inline;
  color: #ffa068;
}
.my-account .btn {
  width: 100%;
  margin-bottom: 10px;
}
.btn.left-spacing {
  margin-left: 10px;
}
form.submitted .ng-invalid {
  border: 2px solid #f39c12 !important;
}
.profile-image {
  position: relative;
  cursor: pointer;
}
.profile-image .photo {
  display: block;
  max-width: 250px;
}
.profile-image .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5 ease;
  background-color: #4ab69c;
  max-height: 250px;
  max-width: 250px;
}
.profile-image .overlay p {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.profile-image:hover .overlay {
  opacity: 0.9;
}
.username {
  margin-bottom: 0px;
}
.username.help-block {
  margin-top: 0px;
  margin-bottom: 10px;
}
.pagination a {
  color: #121415 !important;
}
.pagination .active a {
  background-color: #4ab69c !important;
  border: 1px solid #ddd;
}
.pagination .active a:hover {
  border: 1px solid #ddd;
}
.btn-sq-lg {
  width: 120px !important;
  height: 120px !important;
  margin: 10px;
}
.btn-sq-lg i {
  padding-top: 15px;
}
.btn.btn-sq-lg.btn-primary,
.btn.btn-service-app.btn-primary {
  background-color: #a5a5a5;
}
.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}
.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}
.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding: 2px;
}
span.button-text {
  padding-top: 25px;
  display: block;
}
.service-table {
  border-color: #ccc;
}
.service-table td {
  border-width: 0px !important;
}
.service-table thead {
  border: 1px solid #ccc;
}
.service-table thead tr {
  border-bottom: 0px;
}
.service-table tbody tr {
  border-top: 0px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.service-table tbody tr:hover {
  background-color: #f5f5f5;
}
.service-table tfoot {
  border-width: 0px !important;
}
.checkout hr {
  border-color: #000;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.checkout .pay-method {
  font-size: 22px;
}
.checkout .pay-method i {
  color: #4ab69c;
}
.checkout .pay-method i:hover {
  color: #000;
  cursor: pointer;
}
.checkout .amount {
  color: #121415;
  font-weight: 300;
  display: inline;
  padding: 5%;
}
.checkout .amount:hover {
  text-decoration: underline;
  color: #4ab69c;
  cursor: pointer;
}
.checkout .subtitle {
  color: #b4b5b9;
}
.checkout .transaction-buttons {
  padding-top: 50px;
}
.checkout .transaction-buttons a {
  margin-right: 10px;
}
.checkout .custom-input {
  width: 10%;
}
.service-filters {
  padding-top: 0px !important;
  background: none;
  border: 0px;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  min-height: 0px !important;
}
.service-filters .navbar-nav > li > a {
  padding: 6px !important;
}
.selected-amount {
  color: #4ab69c !important;
  font-weight: bold !important;
}
.receiptnumbers p {
  display: inline;
}
.receiptnumbers p:hover {
  cursor: pointer;
  text-decoration: underline;
}
span.label {
  margin-left: 4px;
  display: inline;
}
span.label:hover {
  cursor: pointer;
}
.daystateError {
  color: #f00;
  font-weight: bold;
}
#customerActivities {
  width: 100%;
  height: 300px;
}
.offer-table-total p {
  margin-bottom: 0px;
}
.file-input-for-order-transaction {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: rgba(0,0,0,0.3);
  overflow-x: hidden;
  transition: 0.5s;
}
.overlay-content {
  position: relative;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
.customer-block p {
  display: inline !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
ul.open-transactions {
  list-style: none;
  margin-left: 10px;
}
ul.open-transactions li {
  display: inline;
}
ul.open-transactions .service-app-image {
  height: 40px !important;
  width: 40px !important;
  margin: 2px;
}
ul.open-transactions .service-app-image:hover {
  cursor: pointer;
}
ul.open-transactions .service-app-image-selected {
  border: 3px solid #ef8300;
}
ul.open-transactions .service-app-image.half-image {
  height: 20px !important;
  width: 20px !important;
  vertical-align: bottom !important;
}
ul.open-transactions .service-app-image.half-image:hover {
  cursor: pointer;
}
ul.employees-list-cash-register {
  list-style: none;
  margin-left: 10px;
  display: flex;
}
ul.employees-list-cash-register .employee-item {
  display: inline;
  height: 50px !important;
  width: 50px !important;
  text-align: center;
  padding: 10px;
}
ul.employees-list-cash-register .employee-item .default {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
ul.employees-list-cash-register .employee-item .default:hover {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
ul.employees-list-cash-register .employee-item .name.active {
  color: #e08109;
}
ul.employees-list-cash-register .service-app-image {
  height: 50px !important;
  width: 50px !important;
  margin: 2px;
}
ul.employees-list-cash-register .service-app-image:hover {
  cursor: pointer;
}
ul.employees-list-cash-register .service-app-image-selected {
  border: 3px solid #ef8300;
}
.active-status {
  background-color: #000;
  color: #fff;
}
.daystate-info {
  font-size: 11px;
  color: #909090;
}
.discount-btn {
  padding: 6px 6px !important;
}
.statistics-options {
  border-left: 1px solid #e6e6e6;
}
.statistics-number {
  text-align: center;
  font-size: 55px;
}
.statistics-panel {
  min-height: 190px;
}
.table-stats td,
th {
  border-top: 0px !important;
  border-bottom: 0px !important;
}
.stat-value {
  font-size: 25px;
  margin-top: -20px;
  color: #b4b5b9;
}
.stat-progressbar {
  height: 7px;
  margin-top: -18px;
}
.stat-progressbar .progress-bar {
  background-color: #4ab69c;
}
.stat-date {
  color: #b4b5b9;
}
.dayclosure-margin-top {
  margin-top: -10px;
}
.dayclosure-incomings:hover {
  cursor: pointer;
}
.dayclosure-lineheight {
  line-height: 2.4 !important;
}
.blank-table-row {
  height: 20px !important;
  background-color: #fff !important;
}
.blank-table-row:hover {
  background-color: #fff !important;
}
.col-md-3.campaign-type-main-div {
  border: 1px solid #808080;
  padding: 40px;
  margin: 19px;
  height: 325px;
}
.col-md-3.campaign-type-main-div.active {
  border: 2px solid #4ab69c;
}
.imagecenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 50%;
  color: #808080;
}
.imagecenter.activeimagecolor {
  color: #4ab69c;
}
.col-md-5.campaign {
  border: 1px solid #808080;
  padding: 13px;
  margin: 5px;
}
.payment-confirm.active {
  border: 3px solid #008000;
}
.comment-image.img-circle {
  height: 25px !important;
  width: 25px !important;
  margin: 5px;
  border-radius: 50%;
}
.log-image.img-circle {
  height: 20px !important;
  width: 20px !important;
  margin: 2px;
  border-radius: 50%;
}
.inactive-grey {
  color: #808080;
  cursor: not-allowed !important;
}
.active-product-block {
  border: 2px solid #4ab69c;
}
.active-product-quantity {
  text-align: center;
  padding: 0px;
  background-color: #4ab69c;
}
.chatcontainer {
  position: fixed;
  bottom: 0;
/* left:0; */
  right: 0;
  display: flex;
  flex-wrap: nowrap;
  z-index: 999999999;
}
.chat {
  border: 1px solid #d3d3d3;
  border-radius: 2%;
  background-color: #f5f5f5;
/* float: right; */
  position: relative;
  margin: 0 5px !important;
  width: 350px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.175);
}
.title {
  padding: 0.5em;
  background-color: #fff;
  color: #000;
  height: 35px;
}
.text {
  padding: 10px;
}
.chat-header {
  border-bottom: 1px solid #d3d3d3;
  padding: 3px 0px;
}
.chat-subheader {
  border-bottom: 1px solid #d3d3d3;
  padding: 1px 0px 4px 0;
  font-size: xx-small;
  background-color: #daf2ec;
}
.chat-img {
  float: left;
  height: 25px !important;
  width: 25px !important;
  display: inline;
}
.chat-title {
  float: right;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  width: inherit;
}
.chat-comment-image.img-circle {
  height: 25px !important;
  width: 25px !important;
  margin: 5px 5px 5px 0px;
  border-radius: 50%;
}
.chat-padding-right5 {
  padding-right: 5px;
}
.chat-message-container {
  max-height: calc(44vh - 130px);
  min-height: calc(44vh - 130px);
  overflow: auto;
  top: 0;
}
.chat-footer {
  border-top: 1px solid #d3d3d3;
  padding: 3px 0px;
}
.no-padding {
  padding: 0;
}
.chat-message-group {
  padding: 0 0.5em;
}
.chat-message-right {
  border: 1px solid #d3d3d3;
  padding: 0 0.5em;
  border-radius: 5px;
  background-color: #d3d3d3;
  font-size: small;
  float: right;
  line-height: 1.6;
  white-space: pre-wrap;
}
.chat-message-left {
  border: 1px solid #d3d3d3;
  padding: 0 0.5em;
  border-radius: 5px;
  background-color: #ccd8e8;
  font-size: small;
  float: left;
  line-height: 1.6;
  white-space: pre-wrap;
}
.chat-pull-right {
  float: right;
  max-width: 70%;
}
.chat-pull-left {
  float: left;
  max-width: 70%;
}
.chat-notification-badge {
  margin-right: 8%;
  padding: 0 8%;
  background-color: #ef8300;
  border: 1px solid #ef8300;
  border-radius: 62%;
  color: #fff;
  font-size: small;
  font-weight: bold;
}
.chat-name {
  color: #000;
  font-size: xx-small;
}
.single-chat {
  position: fixed;
  bottom: 0%;
  right: 0;
  margin-right: 75px;
  z-index: 999999;
  margin-bottom: 3px;
}
.single-chat + .single-chat {
  right: 360px;
}
.single-chat + .single-chat + .single-chat {
  right: 720px;
}
.single-chat + .single-chat + .single-chat + .single-chat {
  right: 1080px;
}
input[type].border-green {
  border: 1px solid #4ab69c !important;
}
.green-font {
  color: #4ab69c !important;
}
.custom_tooltips + .tooltip .tooltips_table th,
.custom_tooltips + .tooltip .tooltips_table td {
  padding: 4px;
}
.custom_tooltips + .tooltip .tooltips_table th {
  font-weight: 700;
}
.custom_tooltips + .tooltip .tooltips_table {
  border-collapse: collapse;
  border-color: #777;
  border-radius: 6px;
  color: #000;
  background-color: #fff;
  border-style: hidden;
  box-shadow: 0 0 0 1px #666;
}
.custom_tooltips + .tooltip {
  padding: 3px;
  border: 1px solid #d3d3d3;
}
.custom_tooltips + .tooltip .tooltip-inner {
  color: #000;
  background-color: #fff;
  padding: 0;
}
.custom_tooltips + .tooltip .tooltip-arrow {
  border-top-color: #000;
  bottom: -7px;
  border-width: 7px 7px 0;
}
.strikeline {
  text-decoration: line-through;
}
.custom_disable {
  background-color: #d3d3d3;
}
.alert {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  padding-left: 45px;
}
.alert a {
  font-weight: bold;
  text-decoration: underline;
}
.alert p {
  line-height: unset !important;
  margin: 0px 0px 0px !important;
}
.alert.alert-danger {
  background-color: #fdc3cf !important;
  color: #79313f !important;
}
.alert.alert-danger:before {
  content: "\f12a";
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  vertical-align: middle;
  left: 40px;
  font-weight: 900;
  position: absolute;
}
.alert.alert-warning {
  background-color: #f4c8ab !important;
  color: #875c3a !important;
}
.alert.alert-warning:before {
  content: "\f12a";
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  vertical-align: middle;
  left: 40px;
  font-weight: 900;
  position: absolute;
}
.alert.alert-success {
  background-color: #d7e9dd !important;
  color: #587362 !important;
}
.alert.alert-success:before {
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  vertical-align: middle;
  left: 40px;
  font-weight: 900;
  position: absolute;
}
.alert.alert-info {
  background-color: #cce6e7 !important;
  color: $text-color !important;
}
.alert.alert-info:before {
  content: "\f129";
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  vertical-align: middle;
  left: 40px;
  font-weight: 900;
  position: absolute;
}
.text-warning {
  color: #875c3a !important;
  font-weight: 600;
}
.text-success {
  color: #587362 !important;
  font-weight: 600;
}
.text-info {
  color: #48787a !important;
  font-weight: 600;
}
.text-danger {
  color: #79313f !important;
  font-weight: 600;
}
.transaction-buttons .i {
  text-align: left false;
}
 
/*
Created by: @LogicalStack

[TABLE OF CONTENTS]

1.  COMMON CSS Style for all Horizontal and Vertical  Navigation

*/

/* Common CSS for  */

.scoop .scoop-container {
  position: relative;
}
.scoop .scoop-header {
  position: relative;
  display:block;
}
.scoop .scoop-navbar {
  display:block;
}
.scoop-main-container{
	display:block;
	position:relative;
}
.scoop .scoop-content {
  position: relative;
  display:block;
}
.scoop-inner-navbar {
	display:block;
	position:relative;
}
.scoop-inner-content {
	padding:10px;
}
.scoop .scoop-navbar .scoop-item {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
} 
.scoop  .scoop-navbar .scoop-item > li {
  display: block;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
}
.scoop  .scoop-navbar .scoop-item  > li > a {
  display: block;
  font-size: 14px;
  padding: 0 15px;
  text-decoration:none;
  position: relative;
}
.scoop .scoop-navbar .scoop-item  .scoop-hasmenu .scoop-submenu{
  list-style: outside none none;
  margin: 0;
  padding: 0;
} 
.scoop .scoop-navbar .scoop-item  .scoop-hasmenu .scoop-submenu li{
  display: block;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
}
.scoop .scoop-navbar .scoop-item  .scoop-hasmenu .scoop-submenu li > a {
  display: block;
  font-size: 14px;
  padding: 0 15px;
  text-decoration:none;
  position: relative;
}
.scoop .scoop-navbar .scoop-item   > li > a > .scoop-micon {
    font-size: 15px;
    padding-right: 10px;
}
.scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-micon {
  font-size: 10px;
  padding-right: 5px;
}
 
.scoop-inner-navbar{
	height:100%;
	padding-bottom:50px
}
.scoop[theme-layout="vertical"] .scoop-header {
  height: 50px;
  width:100%;
  box-shadow: 2px 6px 6px -8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 6px 6px -8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 6px 6px -8px rgba(0, 0, 0, 0.2);
}

.scoop[theme-layout="vertical"] .scoop-header .scoop-left-header  {
	display:block;
	z-index:1028;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-left-header .scoop-logo {
  opacity: 1;
  text-align: center;
  visibility: visible;
  height:50px;
  white-space: nowrap;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-left-header .scoop-logo a {
  display: block;
  text-decoration: none;
  padding: 9px 0;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-left-header .scoop-logo .logo-icon {
	bottom: -21px;
    font-size: 60px;
    left: 8px;
    position: absolute;
	z-index: -1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-header.iscollapsed .scoop-left-header .scoop-logo .logo-icon {
    font-size: 45px;
	bottom: -7px;
	left: 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.scoop[theme-layout="vertical"][scoop-device-type="desktop"] .scoop-header .scoop-left-header .scoop-logo .logo-text,
.scoop[theme-layout="vertical"][scoop-device-type="tablet"] .scoop-header .scoop-left-header .scoop-logo .logo-text,
.scoop[theme-layout="vertical"][scoop-device-type="phone"] .scoop-header.iscollapsed .scoop-left-header .scoop-logo .logo-text {
  font-family: open sans;
  font-size: 16px;
  font-weight: 600;
  left: 45px;
  margin: 0 auto !important;
  opacity: 1;
  position: absolute;
  text-transform: uppercase;
  top: 25px;
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg); 
  -moz-transform: rotateX(0deg); 
  -o-transform: rotateX(0deg);
  visibility: visible;
}

.scoop[theme-layout="vertical"][scoop-device-type="desktop"] .scoop-header .scoop-left-header .scoop-logo .logo-text img,
.scoop[theme-layout="vertical"][scoop-device-type="tablet"] .scoop-header .scoop-left-header .scoop-logo .logo-text img,
.scoop[theme-layout="vertical"][scoop-device-type="phone"] .scoop-header.iscollapsed .scoop-left-header .scoop-logo .logo-text img {
 width: 90% !important;
}

.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-header .scoop-left-header .scoop-logo .logo-text,
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-header .scoop-left-header .scoop-logo .logo-text,
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-header.iscollapsed .scoop-left-header .scoop-logo .logo-text {
  left: 15px;
  top: 13px;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header .scoop-logo .logo-text {
    font-family: open sans;
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto !important;
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg); 
  -moz-transform: rotateX(0deg); 
  -o-transform: rotateX(0deg);
    position: relative;
    top: 5px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-header.iscollapsed .scoop-left-header .scoop-logo .logo-text {
  opacity: 0;
  position: absolute;
  transform: rotateX(90deg);
   -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
  visibility: hidden;
}
.scoop[theme-layout="vertical"][vertical-nav-type="offcanvas"] .scoop-header.iscollapsed .scoop-left-header .scoop-logo {
 opacity: 0;
 visibility: hidden;
 transform: rotateX(90deg);
 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg); 
}
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-header .scoop-left-header .scoop-logo a  .hide-in-smallsize{
display:none;
}

.scoop[theme-layout="vertical"] .scoop-header .sidebar_toggle a {
  border-radius: 4px;
  float: left;
  font-size: 18px;
  height: 35px;
  margin-right: 5px;
  position: relative;
  text-align: center;
  top: 7px;
  width: 40px;
  border-width:0px;
  border-style:solid;
}  
.scoop[theme-layout="vertical"] .scoop-header .sidebar_toggle a i {
  position: relative;
  top: -7px;
}
.scoop[theme-layout="vertical"] .scoop-header .sidebar_toggle a:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.scoop[theme-layout="vertical"] .scoop-header .sidebar_toggle a:hover, .sidebar_toggle a:focus {
    text-decoration: none;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header{
    line-height: 50px;
    padding: 0 15px;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rl-header {
	float: left;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rr-header {
	float: right;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rl-header {
	padding-left: 20px;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"] .scoop-header .scoop-right-header .scoop-rl-header {
	padding-left: 0px;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rl-header ul, .scoop-right-header .scoop-rr-header ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rl-header ul > li, 
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rr-header ul > li {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0 5px;
  position: relative;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rr-header ul > li > a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rl-header li.icons > a > i,
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rr-header li.icons > a > i {
  font-size: 18px;
  position: relative;
  top: 3px;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rl-header li.icons > a, 
.scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rr-header li.icons > a{
  padding: 0 5px;
}

.scoop[theme-layout="vertical"] .scoop-right-header .scoop-badge {
  background-color: #777;
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  min-height: 17px;
  min-width: 10px;
  opacity: 1;
  padding: 4px 7px;
  position: absolute;
  right: -4px;
  text-align: center;
  top: 9px;
  transition: opacity 0.3s linear 0s;
  -webkit-transition: opacity 0.3s linear 0s;
	-ms-transition: opacity 0.3s linear 0s;
	-moz-transition: opacity 0.3s linear 0s;
	-o-transition: opacity 0.3s linear 0s;
  vertical-align: middle;
  visibility: visible;
  white-space: nowrap;
}
.scoop[theme-layout="vertical"] .scoop-badge.badge-success {
  background-color: #70ca63;
  color: #fff;
}
.scoop[theme-layout="vertical"] .scoop-badge.badge-warning {
  background-color: #fecd33;
  color: #fff;
}
.scoop[theme-layout="vertical"] .scoop-badge.badge-danger {
  background-color: #f13b48;
  color: #fff;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"] .hide-small-device {
	display:none;
}
 
.scoop[theme-layout="vertical"] .scoop-navbar {
  z-index:1027;
  webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
	/* height:100%; */
}
.scoop[theme-layout="vertical"] .scoop-content {
  position: relative;
  display:block;
}
.scoop[theme-layout="vertical"] .scoop-container {
    overflow: auto;
	position: relative;
	margin: 0 auto;
}
.scoop[theme-layout="vertical"] .scoop-main-container {
	position: relative;
	margin: 0 auto;
}
.scoop[theme-layout="vertical"].scoop-wrapper{
	position: relative;
	margin: 0 auto;
}
 
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-search {
  border-top-width: 1px;
  border-top-style:solid;
  padding: 20px 10px;
  position: relative;
}
.scoop[theme-layout="vertical"][vnavigation-view="view2"] .scoop-navbar .scoop-search {
  border-radius: 4px 4px 0 0;
}

.scoop-search input[type="text"]{
	display: block;
    margin: 0;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
	background: transparent; 
}
.scoop-search  input[type="text"] {
    padding: 6px 22px 6px 3px;
    border: none; 
	border-bottom-width:1px;
	border-bottom-style:solid;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
}
.scoop-search input[type="text"]:focus, .style-4 input[type="text"].focus {
    border-bottom-width: 1px;
	border-bottom-style:solid;
}
 
.scoop-search .search-icon {
  cursor: pointer;
  margin-top: -33px;
  padding: 4px;
  position: absolute;
  right: 10px;
}
.scoop[vertical-nav-type="collapsed"] .scoop-search-box  {
	visibility: hidden;
	opacity:0;
	transform:rotateX(90deg);
	 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
	 position: absolute;
}
.scoop[vertical-nav-type="collapsed"] .scoop-search input[type="text"] {
  padding: 10px 22px 10px 3px;
}
 .searchbar-toggle:before {
  content: "\f002";
  cursor: pointer;
  float: right;
  font-family: FontAwesome;
  left: 0;
  position: absolute;
  top: 10px;
  visibility: hidden;
  opacity:0;
  transform:rotateX(90deg);
   -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
}
.scoop[vertical-nav-type="collapsed"] .searchbar-toggle:before  {
	left: 15px;
	top: 10px;
	visibility: visible;
    opacity:1;
    transform:rotateX(0deg);
	 -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg); 
  -moz-transform: rotateX(0deg); 
  -o-transform: rotateX(0deg);
}
.scoop[vertical-nav-type="collapsed"] .scoop-search.open .searchbar-toggle:before  {
	 content: "\f05c";
}
.scoop[vertical-nav-type="collapsed"] .scoop-search.open .scoop-search-box {
  margin-left: 35px;
  opacity: 1;
  position: absolute;
  top: 0px;
  transform: rotateX(0deg);
   -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg); 
  -moz-transform: rotateX(0deg); 
  -o-transform: rotateX(0deg);
  visibility: visible;
  width: 200px;
  padding-right: 10px;
}
.scoop[vertical-nav-type="collapsed"] .scoop-search .search-icon {
    margin-top: -35px;
}

/* Searchbar in asidebar  CSS start here*/

.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  > li > a {
	text-align: left;
	padding:8px 15px;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  .scoop-hasmenu .scoop-submenu{
  position: relative;
  /* width:100%; */
} 
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  .scoop-hasmenu .scoop-submenu li > a {
  text-align: left;
  padding: 8.7px 10px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="expanded"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a {
  padding-left: 30px;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  .scoop-hasmenu .scoop-submenu{
  width:100%;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  position:absolute; 
} 

.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  .scoop-hasmenu.scoop-trigger .scoop-submenu{
	-o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 10% 10%;
  -o-transition: -o-transform 0.5s, opacity 0.5s;
  -ms-transition: -ms-transform 0.5s, opacity 0.5s;
  -moz-transition: -moz-transform 0.5s, opacity 0.5s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
} 
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  .scoop-hasmenu .scoop-submenu{
   transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -webkit-transform: rotateX(-90deg);
} 
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  .scoop-hasmenu.scoop-trigger  > .scoop-submenu{
	position:relative;
	opacity: 1;
	visibility: visible;
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg); 
}

/*##################### Item Border Style Css Start Here##################### */
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dashed"]  li > a {
	border-bottom-style: dashed;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dotted"]  li > a {
	border-bottom-style: dotted;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="solid"]  li > a {
	border-bottom-style: solid;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item[item-border="false"] > li > a {
    border-bottom-width: 0px;
} 
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item[item-border="true"] > li > a {
    border-bottom-width: 1px;
} 

.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item[subitem-border="false"] .scoop-hasmenu .scoop-submenu li > a {
    border-bottom-width: 0px;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu  .scoop-submenu li > a {
    border-bottom-width: 1px;
}
/* #####################Item Border Stle Css Close Here #####################*/
 /* DropDown Icon Style Start Here */
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  > li.scoop-hasmenu > a:after {
  float: right;
  font-style: normal;
  margin-left: 3px;
  font-size: 10px;
  position: absolute;
  right: 15px;
  top:0px;
  padding-top: 13px;
  transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  float: right;
  font-style: normal;
  margin-left: 3px;
  font-size: 10px;
  position: absolute;
  right: 15px;
  top:0px;
  padding-top: 13px;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  float: right;
  font-style: normal;
  margin-left: 3px;
  position: absolute;
  right: 15px;
  font-size: 12px;
  top:0px;
  padding-top: 13px;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  float: right;
  font-style: normal;
  margin-left: 3px;
  position: absolute;
  right: 15px;
  font-size: 12px;
  top:0px;
  padding-top: 13px;
  transition: opacity 0.3s linear;
   -webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}
 
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  li.scoop-hasmenu[dropdown-icon="style1"] > a:after {
  content: "\e606";
  font-family: simple-line-icons;
}

.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  li.scoop-hasmenu.scoop-trigger[dropdown-icon="style1"] > a:after {
  content: "\e604";
  font-family: simple-line-icons;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  li.scoop-hasmenu[dropdown-icon="style2"] > a:after {
  content: "\e095";
  font-family: simple-line-icons;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  li.scoop-hasmenu.scoop-trigger[dropdown-icon="style2"] > a:after {
  content: "\e615";
  font-family: simple-line-icons;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  li.scoop-hasmenu[dropdown-icon="style3"] > a:after {
  content: "\f218";
  font-family: Ionicons;
  font-size:11px;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  li.scoop-hasmenu.scoop-trigger[dropdown-icon="style3"] > a:after {
  content: "\f209";
  font-family: Ionicons;
  font-size:11px;
}

/* #####################Toggle animation Start here #####################*/
.scoop.scoop-toggle-animate .scoop-navbar,
.scoop.scoop-toggle-animate .scoop-header .scoop-left-header ,
.scoop.scoop-toggle-animate .scoop-content,
.scoop.scoop-toggle-animate .scoop-header .scoop-right-header {
	-webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;

} 
.scoop.scoop-toggle-animate .scoop-navbar .scoop-item  > li  > a .scoop-mtext{
	transition-delay: 0.20s;
	-webkit-transition: opacity 0.35s linear;
    -moz-transition: opacity 0.35s linear;
    -o-transition: opacity 0.435s linear;
    transition: opacity 0.35s linear;
	transform: rotateX(90deg);
} 
 .scoop.scoop-toggle-animate .scoop-navbar .scoop-item > li.scoop-trigger > a .scoop-mtext {
	transition: all 0.2s linear;
	 -webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transform: rotateX(90deg);
	 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
}  
 .scoop.scoop-toggle-animate  .scoop-navbar .scoop-item li a .scoop-badge {
	transition: all 0.2s linear;
	 -webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transform: rotateX(90deg);
	 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
	
} 

 .scoop.scoop-toggle-animate .scoop-navbar .scoop-item  li.scoop-hasmenu  > a:after {
	transition: all 0.3s linear;
	 -webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	transform: rotateX(90deg);
	 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
} 
 .scoop.scoop-toggle-animate .scoop-navbar .scoop-item  li.scoop-hasmenu.scoop-trigger  a:after {
	transition: all 0.3s linear;
	 -webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	transform: rotateX(90deg);
	 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
}  
 .scoop.scoop-toggle-animate  .scoop-left-header .scoop-logo{
	transition: width 0.3s linear;
	 -webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
} 
 .scoop.scoop-toggle-animate .scoop-left-header .logo-text{
	transition: all 0.3s linear;
	 -webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	opacity: 0;
    visibility: hidden;
	transform: rotateX(90deg);
	 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
} 
.scoop.scoop-toggle-animate .scoop-navbar .scoop-item > li.scoop-hasmenu > a:after {
	transform: rotateX(90deg);
	 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
	transition: opacity 0.3s linear;
	 -webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	
}
 
/* #####################Toggle animation Close here##################### */


 /* DropDown Icon Style Close Here */

/*###########################Vertical Componet Position CSS Start Here ###############################*/

.scoop[theme-layout="vertical"] .scoop-header .scoop-left-header[scoop-lheader-position="relative"]  {
	position: relative;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-left-header[scoop-lheader-position="fixed"]  {
	position: fixed;
}
.scoop[theme-layout="vertical"] .scoop-header .scoop-left-header[scoop-lheader-position="absolute"]  {
	position: absolute;
}


.scoop[theme-layout="vertical"] .scoop-navbar[ scoop-navbar-position="relative"] {
  position: relative;
}
.scoop[theme-layout="vertical"] .scoop-navbar[ scoop-navbar-position="fixed"] {
  position: fixed;
}
.scoop[theme-layout="vertical"] .scoop-navbar[ scoop-navbar-position="absolute"] {
  position: absolute;
}


.scoop[theme-layout="vertical"] .scoop-header[scoop-header-position="relative"]  {
	position: relative;
}
.scoop[theme-layout="vertical"] .scoop-header[scoop-header-position="fixed"]  {
	position: fixed;
	z-index: 1028;
}
.scoop[theme-layout="vertical"] .scoop-header[scoop-header-position="absolute"]  {
	position: absolute;
}

/*########################### Vertical Componet Position CSS Close Here #######################*/



/* ########################### Screen Size CSS Style Start Here ###############################*/
	/* Screen Size Wide CSS Start */
.scoop[theme-layout="vertical"][vertical-layout="wide"] .scoop-container {
	width:100%;
	margin: 0 auto;
}
	/* Screen Size Wide CSS Close */
	/* Screen Size BOX CSS Start */
.scoop[theme-layout="vertical"][scoop-device-type="desktop"][vertical-layout="box"] .scoop-container {
    max-width: 1200px;
    width: 100%;
	margin: 0 auto;
}
.scoop[theme-layout="vertical"][scoop-device-type="tablet"][vertical-layout="box"] .scoop-container {
    max-width: 900px;
    width: 100%;
	margin: 0 auto;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"][vertical-layout="box"] .scoop-container {
    max-width: 100%;
    width: 100%;
	margin: 0 auto;
}
	/* Screen Size BOX CSS Close */
	/* Screen Size WideBox CSS Start */
.scoop[theme-layout="vertical"][vertical-layout="widebox"] .scoop-container {
	width:100%;
	margin: 0 auto;
}
.scoop[theme-layout="vertical"][scoop-device-type="desktop"][vertical-layout="widebox"] .scoop-main-container {
    max-width: 1200px;
    width: 100%;
	margin: 0 auto;
}
.scoop[theme-layout="vertical"][scoop-device-type="desktop"][vertical-layout="widebox"] .scoop-wrapper{
    max-width: 1200px;
    width: 100%;
	margin: 0 auto;
}

.scoop[theme-layout="vertical"][scoop-device-type="tablet"][vertical-layout="widebox"] .scoop-main-container {
    max-width: 900px;
    width: 100%;
	margin: 0 auto;
}
.scoop[theme-layout="vertical"][scoop-device-type="tablet"][vertical-layout="widebox"] .scoop-wrapper{
    max-width: 900px;
    width: 100%;
	margin: 0 auto;
}

.scoop[theme-layout="vertical"][scoop-device-type="phone"][vertical-layout="widebox"] .scoop-main-container {
    max-width: 100%;
    width: 100%;
	margin: 0 auto;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"][vertical-layout="widebox"] .scoop-wrapper{
    max-width: 100%;
    width: 100%;
	margin: 0 auto;
}
.scoop[theme-layout="vertical"][vertical-layout="widebox"] .scoop-wrapper{
	overflow:hidden;
}
	/* Screen Size WideBox CSS Close */
/* ########################### Screen Size CSS Style Close Here ###############################*/

/* ############# Overlay on overlay effect CSS start here */
.scoop  .scoop-overlay-box {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  /* height: 100%; */
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
  opacity:0;
  visibility: hidden;
  transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
  overflow:auto;
}

.scoop[vertical-nav-type="compact"][vertical-effect="overlay"] .scoop-overlay-box,
.scoop[vertical-nav-type="expanded"][vertical-effect="overlay"] .scoop-overlay-box,
.scoop[vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .scoop-overlay-box ,
.scoop[vertical-nav-type="ex-popover"][vertical-effect="overlay"] .scoop-overlay-box,
.scoop[vertical-nav-type="fullsub-collapsed"][vertical-effect="overlay"] .scoop-overlay-box 
 {
  visibility: visible;
  z-index: 1026;
  opacity:0.3;
  transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
  overflow:auto;
}


/* ############# Overlay on overlay effect CSS Close here */  

 
 
/* ############## Subitem Icon Style Css Start Here ###################### */
.scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-micon {
  display:none;
  font-size: 10px;
  padding-right: 5px;
}

.scoop .scoop-navbar .scoop-item .scoop-hasmenu  .scoop-submenu li > a .scoop-mtext:before  {
  font-style: normal;
  padding-right: 4px;
  font-size: 10px;
  position: relative;
  left: 0px;
  top:0px;
  opacity: 1;
  visibility: visible;
}
.scoop .scoop-navbar .scoop-item .scoop-hasmenu[subitem-icon="style1"] .scoop-submenu li > a .scoop-mtext:before  {
  content: "\f105";
  font-family: FontAwesome;
  padding-right: 5px;
  font-size: 12px;
}

.scoop .scoop-navbar .scoop-item .scoop-hasmenu[subitem-icon="style2"] .scoop-submenu li > a .scoop-mtext:before  {
  content: "\f22d";
  font-family: FontAwesome;
  padding-right: 5px;
  font-size: 12px;
}
.scoop .scoop-navbar .scoop-item .scoop-hasmenu[subitem-icon="style3"] .scoop-submenu li > a .scoop-mtext:before  {
  content: "\e08d";
  font-family: simple-line-icons;
}
.scoop .scoop-navbar .scoop-item .scoop-hasmenu[subitem-icon="style4"] .scoop-submenu li > a .scoop-mtext:before  {
  content: "\f124";
  font-family: FontAwesome;
  padding-right: 5px;
  font-size: 12px;
}
.scoop .scoop-navbar .scoop-item .scoop-hasmenu[subitem-icon="style5"] .scoop-submenu li > a .scoop-mtext:before  {
  content: "\f0da";
  font-family: FontAwesome;
  padding-right: 5px;
  font-size: 12px;
} 
.scoop .scoop-navbar .scoop-item .scoop-hasmenu[subitem-icon="style6"] .scoop-submenu li > a .scoop-mtext:before  {
  content: "\f375";
  font-family: Ionicons;
  padding-right: 5px;
  font-size: 12px;
} 
 


 









/* ############## Subitem Icon Style Css Close Here ###################### */
 
/* ################### Active Item Cart Icon Css Start Here ############### */
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item > li.active > a:not(.disabled) > .scoop-mcaret {
  background: transparent none repeat scroll 0 0;
  border-bottom: 15px solid transparent;
  border-right: 10px solid #e9e9e9;
  border-top: 15px solid transparent;
  display: block;
  float: right;
  height: 0;
  position: absolute;
  right: 0;
  top: 5px;
  width: 0;
}
/* ################### Active Item Cart Icon Css Start Here ############### */  

 /* ############## Left Border on active and hover item Css Start Here #################### */
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  > li:hover > a:before:not(.lock-button):not(.disabled){
	border-left-style:solid;
	border-left-width:5px;
    content: " ";
    /* height: 100%; */
    left: 0;
    position: absolute;
	top:0px;
}  
 .scoop .scoop-navbar .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before:not(.lock-button):not(.disabled):not(.disabled) {
	border-left-style:solid;
	border-left-width:5px;
    content: " ";
    /* height: 100%; */
    left: 0;
    position: absolute;
	top:0px;
} 
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item > li.active > a:before:not(.lock-button):not(.disabled) {
	border-left-style:solid;
	border-left-width:5px;
    content: " ";
    /* height: 100%; */
    left: 0;
    position: absolute;
	top: 0px;
} 
 /* ############## Left Border on active and hover item Css Close Here #################### */

/* ########################### Vertical Navigation Placement CSS Style Start Here ###############################*/
	/* Right Side Navigation Placement CSS Start */
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar {
  float: right;
  right: 0;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-content {
  float: unset;
  left: 0;
}
.scoop[theme-layout="vertical"][vertical-placement="left"] .scoop-navbar {
  float: left;
}
.scoop[theme-layout="vertical"][vertical-placement="left"] .scoop-content {
  float: unset;
  right: 0;
}

.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-header .scoop-left-header {
  float: right;
  right: 0;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-header .scoop-right-header {
  float: unset;
  left: unset;
}
	/* Right Side Navigation Placement CSS Close */
	/* Left Side Navigation Placement CSS Start */
.scoop[theme-layout="vertical"][vertical-placement="left"] .scoop-header .scoop-left-header {
  float: left;
}
.scoop[theme-layout="vertical"][vertical-placement="left"] .scoop-header .scoop-right-header {
  float: unset;
  right: unset;
}
	/* Left Side Navigation Placement CSS Close */
/* ########################### Vertical Navigation Placement CSS Style Close Here ###############################*/

/* ################## Style Section According Navigation Type CSS Style Start Here ###############################*/
	/* ####### Expanded Navigation With Effect CSS Start Here ##########*/

.scoop[theme-layout="vertical"][vertical-nav-type="expanded"]  .scoop-header .scoop-left-header {
	width: 235px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="expanded"] .scoop-navbar  {
	width: 235px;
}

		/* Push Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:235px;
	margin-right:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="push"] .scoop-content {
	margin-left:235px;
	margin-right:-235px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
	 margin-left:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="push"] .scoop-content {
	 margin-right:235px;
	 margin-left:-235px;
} 
		/* Push Effect CSS Close Here */
		/* Shrink Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"] .scoop-content {
	margin-left:235px;
} 

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="shrink"] .scoop-content {
	 margin-right:235px;
} 
	/* Shrink Effect CSS Close Here */	
	/* Overlay Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="overlay"] .scoop-content {
	margin-left:0px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="overlay"] .scoop-content {
	 margin-right:0px;
}
.scoop[theme-layout="vertical"][vertical-effect="overlay"] .scoop-navbar .scoop-item > li.active > a:not(.disabled) > .scoop-mcaret {
    background: transparent !important;
    border-bottom: transparent !important;
    border-right: transparent !important;
    border-top: 15px solid transparent;
}

	/* Overlay Effect CSS Close Here */	
.scoop[theme-layout="vertical"][vertical-nav-type="expanded"][scoop-device-type="desktop"] .scoop-navbar.is-hover .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu,
.scoop[theme-layout="vertical"][vertical-nav-type="expanded"][scoop-device-type="tablet"] .scoop-navbar.is-hover .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
    left: 100%;
    position: absolute;
    width: 230px;
    z-index: 1024;
	top:0;
}
.scoop[theme-layout="vertical"][vertical-nav-type="expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > .scoop-hasmenu.is-hover.scoop-trigger .scoop-submenu,
.scoop[theme-layout="vertical"][vertical-nav-type="expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > .scoop-hasmenu.is-hover.scoop-trigger .scoop-submenu {
    left: 100%;
    position: absolute;
    width: 230px;
    z-index: 1024;
	top:0;
}
/* ####### Expanded Navigation With Effect CSS Close Here ##########*/


/* ####### collapsed Navigation With Effect CSS Start Here ##########*/
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"]  .scoop-header .scoop-left-header {
	width: 235px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar  {
	width: 45px;
}
	/* Push Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"]  .scoop-header.iscollapsed .scoop-left-header {
	width: 45px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:45px;
	margin-right:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"] .scoop-content {
	margin-left:45px;
	margin-right:0px;
} 	
 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:45px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:45px;
	 margin-left:0px;
}
 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"] .scoop-content {
	 margin-right:45px;
	 margin-left:0px;
} 
	/* Push Effect CSS Close Here */
	/* Shrink Effect CSS Start Here */
 
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"]  .scoop-header.iscollapsed .scoop-left-header {
	width: 45px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:45px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .scoop-content {
	margin-left:45px;
} 

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:45px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:45px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .scoop-content {
	 margin-right:45px;
} 
	/* Shrink Effect CSS Close Here */
	/* overlay Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"]  .scoop-header.iscollapsed .scoop-left-header {
	width: 45px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:45px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .scoop-content {
	margin-left:45px;
} 

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:45px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:45px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .scoop-content {
	 margin-right:45px;
} 

	/* overlay Effect CSS Close Here */



.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  > li  > a .scoop-mtext{
	opacity: 1;
	visibility: visible;
	position:absolute;
}
.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item  li.scoop-hasmenu  > a:after {
	opacity: 1;
	visibility: visible;
} 
 

.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item  > li  > a .scoop-mtext{
	opacity: 0;
	visibility: hidden;
	position:absolute; 
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item > li.scoop-trigger > a .scoop-mtext {
	opacity: 1;
	visibility: visible;
	position:absolute;
	padding-left: 22px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item  li.scoop-hasmenu  > a:after {
	opacity: 0;
	visibility: hidden;
} 
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item  li.scoop-hasmenu.scoop-trigger  a:after {
	opacity: 1;
	visibility: visible;
} 
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item > li.scoop-trigger  {
  display: block;
  position: relative;
  width: 255px;
  z-index: 1024;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item  > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  left: 45px;
  position: absolute;
  width: 210px;
  z-index: 1024; 
  border-left-style: solid;
  border-left-width: 1px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item  > .scoop-hasmenu.scoop-trigger > .scoop-submenu .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  position: relative;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item  > .scoop-hasmenu > .scoop-submenu .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  position: absolute;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item > li.scoop-trigger.active > a > .scoop-mcaret {
    display: none;
}
 
 	
	/* ####### collapsed Navigation With Effect CSS Close Here ##########*/

	/* ####### Offcanvas Navigation With Effect CSS Start Here ##########*/
		/* push Effect CSS start Here */
 .scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"]  .scoop-header .scoop-left-header {
	width: 235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"]  .scoop-header.iscollapsed .scoop-left-header {
	width: 0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:0px;
	 margin-right:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .scoop-navbar  {
	width: 235px;
	margin-left:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .scoop-content {
	margin-left:0px;
	margin-right:0px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"]  .scoop-header .scoop-left-header {
	 width:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	 margin-right:0px;
}

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:0;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
	 margin-left:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .scoop-navbar  {
	 width: 235px;
	 margin-right:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .scoop-content {
	 margin-right:0px;
	 margin-left:0px;
} 
		/* push Effect CSS Close Here */
		/* shrink Effect CSS Start Here */

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"]  .scoop-header .scoop-left-header {
	width: 235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"]  .scoop-header.iscollapsed .scoop-left-header {
	width: 0;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .scoop-navbar  {
	width: 235px;
	margin-left:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .scoop-content {
	margin-left:0px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"]  .scoop-header .scoop-left-header {
	 width:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .scoop-navbar  {
	 width: 235px;
	 margin-right: -235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .scoop-content {
	 margin-right:0px;
} 
		/* shrink Effect CSS Close Here */
		/* overlay Effect CSS Start Here */

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"]  .scoop-header .scoop-left-header {
	width: 235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"]  .scoop-header.iscollapsed .scoop-left-header {
	width: 0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .scoop-navbar  {
	width: 235px;
	margin-left:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .scoop-content {
	margin-left:0px;
} 


.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"]  .scoop-header .scoop-left-header {
	 width:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .scoop-navbar  {
	 width: 235px;
	 margin-right:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .scoop-content {
	 margin-right:0px;
} 
		/* overlay Effect CSS Close Here */
	/* ####### Offcanvas Navigation With Effect CSS Close Here ##########*/
	/* ####### Compact Navigation With Effect CSS Start Here ##########*/
		/* Push Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"]  .scoop-header.iscollapsed .scoop-left-header {
	width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:190px;
	margin-right:-190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"]  .scoop-header .scoop-left-header {
	width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	margin-left:190px;
}


.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .scoop-navbar  {
	width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .scoop-content {
	margin-left:190px;
	margin-right:-190px;
} 


.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:190px;
	 margin-left:-190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"]  .scoop-header .scoop-left-header {
	 width:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	 margin-right:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .scoop-navbar  {
	 width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .scoop-content {
	 margin-right:190px;
	 margin-left:-190px;
} 
		/* Push Effect CSS Close Here */
		/* Shrink Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"]  .scoop-header.iscollapsed .scoop-left-header {
	width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"]  .scoop-header .scoop-left-header {
	width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	margin-left:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .scoop-navbar  {
	width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .scoop-content {
	margin-left:190px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"]  .scoop-header .scoop-left-header {
	 width:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	 margin-right:190px;
}

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .scoop-navbar  {
	 width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .scoop-content {
	 margin-right:190px;
} 
	/* Shrink Effect CSS Close Here */
	/* Overlay Effect CSS Start Here */

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"]  .scoop-header.iscollapsed .scoop-left-header {
	width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"]  .scoop-header .scoop-left-header {
	width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	margin-left:190px;
}

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .scoop-navbar  {
	width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .scoop-content {
	margin-left:0px;
} 

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"]  .scoop-header .scoop-left-header {
	 width:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	 margin-right:190px;
}

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .scoop-navbar  {
	 width: 190px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .scoop-content {
	 margin-right:0px;
} 
	/* Overlay Effect CSS Close Here */

.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item > li > a {
    line-height: unset;
    text-align: center;
}
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item > li > a .scoop-mtext {
    opacity: 1;
    position: relative;
    text-align: center;
    visibility: visible;
}
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item > li > a > .scoop-micon {
    display: block;
    font-size: 18px;
    padding: 5px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item > li.active > a:not(.disabled) > .scoop-mcaret {
    background: transparent none repeat scroll 0 0;
    border-bottom: 18px solid transparent;
    border-right: 12px solid #e9e9e9;
    border-top: 18px solid transparent;
    top: 18px;
}  
/* .scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item > li.active > a:before {
    height: 100%;
}
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item > li:hover > a:before {
    height: 100%;
} */
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item  > li.scoop-hasmenu[dropdown-icon="style1"] > a:after {
    top: 18px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger[dropdown-icon="style1"] > a:after {
    top: 18px;
}
 

/* .scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item  > li.scoop-hasmenu > a:after {
  content: "\e604";
  float: right;
  font-family: simple-line-icons;
  font-style: normal;
  margin-left: 3px;
  font-size: 10px;
  position: absolute;
  right: 16px;
  top:20px
}
.scoop[theme-layout="vertical"][vertical-nav-type="compact"] .scoop-navbar .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  content: "\e607";
  float: right;
  font-family: simple-line-icons;
  font-style: normal;
  margin-left: 3px;
  position: absolute;
  right: 16px;
  font-size: 10px;
  top:20px
} */

.scoop[theme-layout="vertical"][vertical-nav-type="compact"][scoop-device-type="desktop"] .scoop-navbar.is-hover .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu,
.scoop[theme-layout="vertical"][vertical-nav-type="compact"][scoop-device-type="tablet"] .scoop-navbar.is-hover .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
    left: 100%;
    position: absolute;
    width: 210px;
    z-index: 1024;
	top:0;
}
.scoop[theme-layout="vertical"][vertical-nav-type="compact"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > .scoop-hasmenu.is-hover.scoop-trigger .scoop-submenu ,
.scoop[theme-layout="vertical"][vertical-nav-type="compact"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > .scoop-hasmenu.is-hover.scoop-trigger .scoop-submenu{
    left: 100%;
    position: absolute;
    width: 210px;
    z-index: 1024;
	top:0;
}
/* ####### Compact Navigation With Effect CSS Close Here ##########*/




/* ####### sub-expanded Navigation With Effect CSS Start Here ##########*/

.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"]  .scoop-header .scoop-left-header {
	width: 235px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar  {
	width: 235px;
}
	/* Push Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:235px;
	margin-right:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .scoop-content {
	margin-left:235px;
	margin-right:-235px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
	 margin-left:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .scoop-content {
	 margin-right:235px;
	 margin-left:-235px;
} 
	/* Push Effect CSS Close Here */

	/* Shrink Effect CSS Start Here */

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .scoop-content {
	margin-left:235px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .scoop-navbar  {
	 width: 235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .scoop-content {
	 margin-right:235px;
} 

	/* Shrink Effect CSS Close Here */

	/* overlay Effect CSS Start Here */

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .scoop-navbar  {
	width: 235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .scoop-content {
	margin-left:0px;
} 

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .scoop-content {
	 margin-right:0px;
} 
	/* overlay Effect CSS Close Here */
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li,
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li {
   position: unset;
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item,
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item  {
  position: unset;
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="desktop"] .scoop-inner-navbar,
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="tablet"] .scoop-inner-navbar {
  position: unset;
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu,
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
    left: 100%;
    position: absolute;
    width: 230px;
    z-index: 1024;
	top:0;
	bottom: 0;
}

.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li,
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li {
    position: unset;
}

.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger .scoop-submenu,
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger .scoop-submenu {
    left: 100%;
    position: absolute;
    width: 230px;
    z-index: 1024;
	top:0;
	bottom: 0;
} 
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar .scoop-item  > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-style: solid;
  border-left-width: 1px;
}
/* ####### sub-expanded Navigation With Effect CSS Close Here ##########*/

/* ####### ex-popover Navigation With Effect CSS Start Here ##########*/
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-header .scoop-left-header {
	width: 235px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-header.iscollapsed .scoop-left-header {
	width: 250px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar  {
  height: 100%;
	width: 250px;
}
	/* push Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:235px;
	margin-right:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="push"] .scoop-content {
	margin-left:235px;
	margin-right:-235px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="push"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="push"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
	 margin-left:-235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="push"] .scoop-content {
	 margin-right:235px;
	 margin-left:-235px;
} 

	/* push Effect CSS Close Here */
	/* shrink Effect CSS Start Here */


.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .scoop-content {
	margin-left:235px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="shrink"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="shrink"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .scoop-content {
	 margin-right:235px;
} 
	/* shrink Effect CSS Close Here */
	/* overlay Effect CSS Start Here */
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	margin-left:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	margin-left:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .scoop-content {
	margin-left:0px;
} 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="overlay"]  .scoop-header .scoop-right-header {
	 margin-right:235px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="overlay"]  .scoop-header.iscollapsed  .scoop-right-header {
	 margin-right:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .scoop-content {
	 margin-right:0px;
} 
	/* overlay Effect CSS Close Here */
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li,
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li {
   position: relative;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu,
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
    left: 100%;
    position: absolute;
    width: 230px;
    z-index: 1024;
	top:0;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="desktop"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li,
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="tablet"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li {
    position: relative;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger .scoop-submenu,
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger .scoop-submenu {
    left: 100%;
    position: absolute;
    width: 230px;
    z-index: 1024;
	top:0;
} 
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="desktop"] .scoop-navbar .scoop-item  li.scoop-trigger > a:not(.disabled) > .scoop-mcaret, 
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"][scoop-device-type="tablet"] .scoop-navbar .scoop-item  li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
    background: transparent none repeat scroll 0 0;
    border-bottom: 19px solid transparent;
    border-right: 12px solid;
    border-top: 19px solid transparent;
    display: block;
    float: right;
    height: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0;
    z-index: 1025;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-style: solid;
  border-left-width: 1px;
}
/* ####### ex-popover Navigation With Effect CSS Close Here ##########*/


/* ####### Fullpage Navigation With Effect CSS Start Here ##########*/
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="fullpage"]  .scoop-header .scoop-left-header {
	width: 235px;
}
.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="fullpage"]  .scoop-header .scoop-right-header {
	margin-left:235px;
} 

.scoop[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="fullpage"] .scoop-header.iscollapsed .scoop-left-header {
	width: 235px;
}

.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar  {
	width: 100%;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-content {
	margin-left:0px;
	margin-right:0px;
} 


.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="fullpage"]  .scoop-header .scoop-left-header {
	 width:235px;
}
 .scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="fullpage"] .scoop-header .scoop-right-header {
	 margin-right:235px;
} 

.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="fullpage"]  .scoop-header.iscollapsed .scoop-left-header {
	 width:235px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li.active > a {
  background: transparent !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item[item-border="true"] > li > a {
  border-bottom-width: 0 !important;
}

 
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar{
	top:0; 
	bottom:0;
	left:0;
	right:0;
	z-index:1030;
	opacity:1;
	visibility:visible;
	width:100%;
	/* transition: all 0.3s linear; 
	-webkit-transition: all 0.3s linear; 
	-ms-transition: all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition: all 0.3s linear;  */
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[scoop-navbar-position="absolute"] {
    position: absolute;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[scoop-navbar-position="fixed"] {
    position: fixed;
}
 
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-inner-navbar {
  margin-top: 40px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-main-container {
    display: block;
    position: unset;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li > a .scoop-mtext {
    opacity: 1;
    position: relative;
    visibility: visible;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li > a {
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li > a {
    font-size: 24px;
    font-weight: 500;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li > a > .scoop-micon {
  display: none;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-navigatio-lavel {
    display: none !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li.active > a:before {
   display:none;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li  a  .scoop-badge {
  display: none;
}

.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li:hover > a {
     background: transparent !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li:hover > a:before {
    display:none;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li.active > a > .scoop-mcaret {
    display: none;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li > a {
    padding: 0;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .sidebar_toggle {
  height: 30px;
}
.scoop-navbar .sidebar_toggle a{
	opacity: 1;
	visibility: visible;
	transform: rotateX(90deg);
	 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
	position: absolute;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .sidebar_toggle a {
  color: #f1f1f1;
  float: right;
  font-size: 36px;
  opacity: 1;
  position: relative;
  right: 10px;
  text-decoration: none;
  top: 0;
  transition: opacity 0.8s linear 0s;
  -webkit-transition: opacity 0.8s linear 0s;
	-ms-transition: opacity 0.8s linear 0s;
	-moz-transition:opacity 0.8s linear 0s;
	-o-transition: opacity 0.8s linear 0s;
  visibility: visible;
  transform: rotateX(0deg);
   -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg); 
  -moz-transform: rotateX(0deg); 
  -o-transform: rotateX(0deg);
}
.scoop-navbar .sidebar_toggle a:hover:not(.disabled) {
  color: #fff;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li.scoop-hasmenu > a:after {
  display:none;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item > li.scoop-trigger > a {
  background: transparent !important;
  border-bottom-color: transparent !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"]  .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu {
  background: transparent !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
  border-bottom-width: 0px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a {
  text-align: center;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"]  .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before {
	display:none;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"]  .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a {
  font-size: 24px;
  font-weight: 500;
}
 
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
    background: transparent !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a:before {
    border-left-width: 0px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar .scoop-item .scoop-submenu > li.active > a {
  background: transparent !important;
  color: #FFF !important;
}
/* ####### Fullpage Navigation With Effect CSS Close Here ##########*/


/* ################## Style Section According Navigation Type CSS Style Close Here ###############################*/
.scoop[theme-layout="vertical"][scoop-device-type="phone"]  .scoop-header.nocollapsed .scoop-left-header {
	width: 100% !important;
	padding-left: 235px;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"][vertical-nav-type="collapsed"]  .scoop-header.nocollapsed .scoop-left-header {
	padding-left: 45px;
} 
.scoop[theme-layout="vertical"][scoop-device-type="phone"][vertical-nav-type="offcanvas"]  .scoop-header.nocollapsed .scoop-left-header {
	padding-left: 0px;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"][vertical-nav-type="fullpage"]  .scoop-header.nocollapsed .scoop-left-header {
	padding-left: 0px;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"][vertical-effect="overlay"]  .scoop-header.nocollapsed .scoop-left-header {
	padding-left: 0px;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"]  .scoop-header.nocollapsed {
  height: 100px !important;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-right-header {
  padding: 50px 5px 0 !important;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"][vertical-nav-type="offcanvas"] .scoop-header.nocollapsed .scoop-right-header {
  margin: 0 !important;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"][vertical-effect="overlay"] .scoop-header.nocollapsed .scoop-right-header {
  margin: 0 !important;
}
.scoop[theme-layout="vertical"][scoop-device-type="phone"]  .scoop-header.nocollapsed  .sidebar_toggle a {
  background: transparent none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  float: left;
  font-size: 18px;
  height: 35px;
  margin-right: 5px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 6px;
  width: 40px;
  z-index: 1028;
}

.scoop.nocollapsed[theme-layout="vertical"][scoop-device-type="phone"] .scoop-navbar {
  top: 0;
  z-index:1030;
} 
.scoop.nocollapsed[theme-layout="vertical"][scoop-device-type="phone"] .scoop-main-container {
  position: unset;
}
.scoop.nocollapsed[theme-layout="vertical"][scoop-device-type="phone"] #styleSelector{
	top:100px;
}




.scoop .scoop-navbar .scoop-navigatio-lavel {
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
  padding: 15px 10px 2px;
  text-transform: uppercase;
  visibility: visible;
  width: 100%;
  transform: rotateX(0deg);
   -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg); 
  -moz-transform: rotateX(0deg); 
  -o-transform: rotateX(0deg);
  transition: opacity 0.3s linear;
   -webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
  border-bottom: 2px solid;
  margin-bottom: 5px;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar .scoop-navigatio-lavel{
	opacity: 0;
	visibility: hidden;
	/* position:absolute; */
	transform: rotateX(90deg);
	 -webkit-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg); 
  -moz-transform: rotateX(90deg); 
  -o-transform: rotateX(90deg);
	transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}
.scoop[vertical-nav-type="compact"] .scoop-navbar .scoop-navigatio-lavel{
	text-align: center;
}

.scoop .scoop-navbar .scoop-item li a .scoop-badge {
  background-color: #777;
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  min-width: 10px;
  padding: 3px 7px;
  position: absolute;
  right: 30px;
  text-align: center;
  top: 12px;
  vertical-align: middle;
  white-space: nowrap;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar .scoop-item > li > a .scoop-badge {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar .scoop-item > li.scoop-trigger > a .scoop-badge {
 opacity: 1;
  visibility: visible;
  transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}

.scoop .scoop-navbar .scoop-item li a .scoop-badge.badge-success{
	  color: #fff;
	  background-color: #70ca63;
} 
.scoop .scoop-navbar .scoop-item li a .scoop-badge.badge-danger{
	  color: #fff;
	  background-color: #f13b48;
} 

.scoop .scoop-navbar .scoop-item li a .scoop-badge.badge-warning{
	  color: #fff;
	  background-color: #ef8300;
}   
/* ################### Componet Adjustment According RTL CSS Start hear ################## */
 
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item > li.active > a:before {
    left: auto;
    right: 0;
}

.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item > li.active > a:not(.disabled) > .scoop-mcaret {
  background: transparent none repeat scroll 0 0;
  border-bottom: 15px solid transparent;
  border-left: 10px solid #e9e9e9;
  border-top: 15px solid transparent;
  left: 0;
  right: auto;
  top: 4px;
  border-right:0px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item > li > a .scoop-micon i {
    float: right;
    padding-right: 17px;
    position: absolute;
    right: 0;
    top: 11px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item > li.scoop-hasmenu  > a:after {
  left: 8px;
  right: auto;
  top: -1px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item > li > a .scoop-mtext {
    left: auto;
    right: 0;
	padding-right:45px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item li a .scoop-badge {
    position: relative;
    right: -1px;
    top: -2px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item > li:hover > a:before {
    left: auto;
    right: 0;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a:before {
     left: auto;
    right: 0;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before {
    float: right;
    left: 6px;
    top: 3px;
	padding-right: 10px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a {
    text-align: right;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item li .scoop-submenu li > a .scoop-badge {
    left: 23px;
    position: absolute;
    right: auto;
    top: 11px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-navigatio-lavel {
  text-align: right;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item  li.scoop-hasmenu[dropdown-icon="style1"] > a:after {
  content: "\e605";
  font-family: simple-line-icons;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item  li.scoop-hasmenu.scoop-trigger[dropdown-icon="style1"] > a:after {
  content: "\e604";
  font-family: simple-line-icons;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][scoop-device-type="desktop"] .scoop-navbar.is-hover .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu,
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][scoop-device-type="tablet"] .scoop-navbar.is-hover .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
    left: auto;
	right:100%;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > .scoop-hasmenu.is-hover.scoop-trigger .scoop-submenu, 
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > .scoop-hasmenu.is-hover.scoop-trigger .scoop-submenu {
    left: auto;
    right: 100%;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu > a:after {
    left: 7px;
    right: auto;
    top: 0;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item > li.scoop-trigger {
    left: auto;
    right: 210px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
    left: auto;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .scoop-navbar .scoop-item li a .scoop-badge {
    position: absolute;
    right: auto;
    top: 10px;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-header .scoop-right-header .scoop-rl-header {
    float: right;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-header .scoop-right-header .scoop-rr-header {
    float: left;
}
.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-header .sidebar_toggle {
    float: right;
}
.scoop[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .scoop-search.open .scoop-search-box {
    right: 0;
}
/* ###################################################################################################*/




/* Theme Patteren CSS Close */

/* ########### Theme1 Color Combation CSS Style Start Here ##################### */
.scoop .scoop-header[header-theme="theme1"] {
	background:#364760;
	color:#f0f4f6;
}  
.scoop .scoop-header[header-theme="theme1"] .sidebar_toggle a {
  background: transparent ;
  color: #f0f4f6;
  border-color: #f0f4f6;
}
.scoop .scoop-header[header-theme="theme1"] .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop .scoop-header[header-theme="theme1"] .scoop-right-header .scoop-rr-header ul > li > a {
  color: #f0f4f6;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme1"]{
  background: transparent ;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme1"]{
  background: #2a394f ;
}
.scoop  .scoop-header .scoop-left-header[lheader-theme="theme1"] .scoop-logo a {
	color:#f0f4f6;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme1"] .scoop-logo .logo-icon {
  color: #364760;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme1"] .scoop-logo .logo-icon {
  color: #2a394f;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme1"] .scoop-logo a {
    color: inherit;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme1"]{
  background: #2a394f;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme1"] .scoop-logo .logo-icon {
  color: #364760;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme1"] .scoop-logo a {
    color: #f0f4f6;
}

.scoop .scoop-navbar[navbar-theme="theme1"]{
	background: #364760 ;
} 
.scoop .scoop-navbar[navbar-theme="theme1"] .profile-box {
  border-bottom-color: #3f4f66;
  border-top:1px solid #3f4f66;
  background:#364760 ;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .profile-box .media-body {
	color:#f0f4f6 ;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .profile-box .media-body .user-status b {
    color:#70ca63;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  > li > a {
  color: #d5dae6;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  >  li.active > a {
	background: #2a394f ;
	color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.active > a:before {
  border-left-color:#15a4fa;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.active > a {
  border-bottom-color: #304057;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  > li > a {
	border-bottom-color: #3f4f66;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  li.scoop-hasmenu .scoop-submenu{
  background: #2a3b54 ;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  li.scoop-hasmenu .scoop-submenu li > a {
	border-bottom-color: #304057;
	color:#d5dae6;
} 
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu > a:after {
  color: #d5dae6;
} 
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  color: #d5dae6;
} 
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  color: #d5dae6;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  color: #d5dae6;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  > li:hover > a{
	background: #2a394f;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  > li.active:hover > a{
	background: #2a394f;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a{
	background: #233146;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme1"]  .scoop-item  > li:hover > a:before{
	 border-left-color:#15a4fa;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu:hover > a:after {
  color: #15a4fa;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-trigger > a {
    background: #2a394f  ;
	border-bottom-color: #3f4f66;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before {
   border-left-color:#15a4fa;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-trigger.active > a {
    background: #2a394f;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu:hover > a:after {
  color: #15a4fa;
} 
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item  .scoop-hasmenu .scoop-submenu li.active > a {
	color:#FFF;
	background: #233146;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a:after {
  color: #15a4fa;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before  {
	border-bottom-color: #b4bcc8;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:before  {
	border-bottom-color: #15a4fa;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:after {
	border-left-color: #b4bcc8;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:after {
	border-left-color: #15a4fa;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-navigatio-lavel {
  color: #919191;
  border-bottom-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme1"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
	border-left-color: transparent; 
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar[navbar-theme="theme1"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme1"] .scoop-item li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
	border-right-color: #364760 ! important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme1"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent ;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme1"] {
	background-color: rgba(0,0,0, 0.9);
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li:hover > a {
    color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme1"] .sidebar_toggle a {
  color: #f1f1f1;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-search {
    border-top-color: #3f4f66;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-search  input[type="text"] {
    border-bottom-color: #3f4f66;
	color:#d5dae6;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-search input[type="text"]:focus, 
.scoop .scoop-navbar[navbar-theme="theme1"] .style-4 input[type="text"].focus {
    border-bottom-color: #5c6c83;
	color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-search .search-icon i {
    color: #d5dae6;
}
.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-search .searchbar-toggle:before {
	color: #d5dae6;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme1"] .scoop-search.open .scoop-search-box {
	background: #2a394f;
}
/* ########### Theme1 Color Combation CSS Style Close Here ##################### */

/* ########### Theme2 Color Combation CSS Style Start Here ##################### */

.scoop .scoop-header[header-theme="theme2"] {
	background:#FFF;
	color:#678098;
}
.scoop .scoop-header[header-theme="theme2"] .sidebar_toggle a {
  background: transparent ;
  color: #678098;
  border-color: #678098;
}
.scoop .scoop-header[header-theme="theme2"] .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop .scoop-header[header-theme="theme2"] .scoop-right-header .scoop-rr-header ul > li > a {
  color: #678098;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme2"]{
  background: transparent ;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme2"]{
  background: #FFF;
}
.scoop  .scoop-header .scoop-left-header[lheader-theme="theme2"] .scoop-logo a {
	color:#678098;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme2"] .scoop-logo .logo-icon {
  color: #f0f0f0;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme2"] .scoop-logo .logo-icon {
  color: #f0f0f0;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme2"] .scoop-logo a {
    color: inherit;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme2"]{
  background: #FFF;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme2"] .scoop-logo .logo-icon {
  color: #f0f0f0;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme2"] .scoop-logo a {
    color: #678098;
}

.scoop .scoop-navbar[navbar-theme="theme2"]{
	background: #ffffff ;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .profile-box {
  border-bottom-color: #f5f5f5;
  border-top:1px solid #f5f5f5;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .profile-box .media-body {
	color:#678098 ;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .profile-box .media-body .user-status b {
    color:#70ca63;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  > li > a {
  color: #678098;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  >  li.active > a {
	background: #f2f6f9 ;
	color: #5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.active > a:before {
  border-left-color:#5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.active > a {
  border-bottom-color: #f2f6f9;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  > li > a {
	border-bottom-color: #f5f5f5;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  li.scoop-hasmenu .scoop-submenu{
  background: #ffffff ;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  li.scoop-hasmenu .scoop-submenu li > a {
	border-bottom-color: #f5f5f5;
	color:#678098;
} 
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu > a:after {
  color:#678098;
} 
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  color:#678098;
} 
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  color:#678098;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  color:#678098;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  > li:hover > a{
	background: #f2f6f9;
    color:#5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  > li.active:hover > a:not(.disabled){
	background: #f2f6f9;
    color:#5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a{
	background: #f2f6f9;
    color:#5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"]  .scoop-item  > li:hover > a:before{
	 border-left-color:#5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu:hover > a:after {
  color: #5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-trigger > a {
    background: #f2f6f9  ;
	border-bottom-color: #f5f5f5;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before {
   border-left-color:#5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-trigger.active > a {
    background: #f2f6f9;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu:hover > a:after {
  color: #5c9acf;
} 
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item  .scoop-hasmenu .scoop-submenu li.active > a {
	color:#5c9acf;
	background: #f2f6f9;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a:after {
  color: #5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before  {
	border-bottom-color: #f5f5f5;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:before  {
	border-bottom-color: #5c9acf;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:after {
	border-left-color: #b4bcc8;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:after {
	border-left-color: #5c9acf;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme2"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
	border-left-color: #f5f5f5;
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar[navbar-theme="theme2"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: #f5f5f5;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-navigatio-lavel {
  color: #aaaaaa;
  border-bottom-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme2"] .scoop-item li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
	border-right-color: #5c9acf !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme2"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: #f5f5f5;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme2"] .scoop-item > li:hover > a {
    color: #414141;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme2"] .sidebar_toggle a {
  color: #000;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme2"]  .scoop-item > li.active > a {
  background: transparent !important;
  color: #414141;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
	color: #414141;
}

.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-search {
    border-top-color: #f5f5f5;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-search  input[type="text"] {
    border-bottom-color: #f5f5f5;
	color:#678098;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-search input[type="text"]:focus, 
.scoop .scoop-navbar[navbar-theme="theme2"] .style-4 input[type="text"].focus {
    border-bottom-color: #f1f1f1;
	color:#333;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-search .search-icon i {
    color: #678098;
}
.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-search .searchbar-toggle:before {
	color: #678098;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme2"] .scoop-search.open .scoop-search-box {
	background: #f2f6f9;
}
/* ########### Theme2 Color Combation CSS Style Close  Here ##################### */


/* ########### Theme3 Color Combation CSS Style Start Here ##################### */
.scoop .scoop-header[header-theme="theme3"] {
	background:#f5f5f5;
	color:#777777;
}
.scoop .scoop-header[header-theme="theme3"] .sidebar_toggle a {
  background: transparent ;
  color: #777777;
  border-color: #777777;
}
.scoop .scoop-header[header-theme="theme3"] .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop .scoop-header[header-theme="theme3"] .scoop-right-header .scoop-rr-header ul > li > a {
  color: #777777;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme3"]{
  background: transparent ;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme3"]{
  background: #f5f5f5;
}
.scoop  .scoop-header .scoop-left-header[lheader-theme="theme3"] .scoop-logo a {
	color:#777777;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme3"] .scoop-logo .logo-icon {
  color: #e9e9e9 ;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme3"] .scoop-logo .logo-icon {
  color: #f5f5f5;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme3"] .scoop-logo a {
    color: inherit;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme3"]{
  background: #f5f5f5;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme3"] .scoop-logo .logo-icon {
  color: #e9e9e9;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme3"] .scoop-logo a {
    color: #777777;
}
.scoop .scoop-navbar[navbar-theme="theme3"]{
	background: #f5f5f5 ;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .profile-box {
  border-bottom-color: #e8ebed;
  background:#e9e9e9;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .profile-box .media-body {
	color:#777777 ;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .profile-box .media-body .user-status b {
    color:#70ca63;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  > li > a {
  color: #777777;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  >  li.active > a:not(.lock-button):not(.disabled) {
	background: #FFF ;
	color: #448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.active > a:before:not(.lock-button):not(.disabled) {
  border-left-color:#448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.active > a {
  border-bottom-color: #dcdee0;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  > li > a {
	border-bottom-color: #e8ebed;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  li.scoop-hasmenu .scoop-submenu{
  background: #e9ebed ;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  li.scoop-hasmenu .scoop-submenu li > a {
	border-bottom-color: #dcdee0;
	color:#777777;
} 
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu > a:after {
  color: #777777;
} 
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  color: #777777;
} 
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  color: #777777;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  color: #777777;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  > li:hover > a:not(.disabled){
	background: #FFF;
    color:#448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  > li.active:hover > a:not(.disabled){
	background: #FFF;
    color:#448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:not(.disabled){
	background: #FFF;
    color:#448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"]  .scoop-item  > li:hover > a:before:not(.lock-button):not(.disabled){
	 border-left-color:#448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu:hover > a:after {
  color: #448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-trigger > a:not(.disabled) {
    background: #FFF  ;
	border-bottom-color: #dcdee0;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before {
   border-left-color:#448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-trigger.active > a:not(.disabled) {
    background: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu:hover > a:after {
  color: #448fba;
} 
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item  .scoop-hasmenu .scoop-submenu li.active > a {
	color:#448fba;
	background: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a:after {
  color:#448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before  {
	border-bottom-color: #cdd2d6;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:before  {
	border-bottom-color: #448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:after {
	border-left-color: #cdd2d6;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:after {
	border-left-color: #448fba;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-navigatio-lavel {
  color: #9d9999;
  border-bottom-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme3"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
	border-left-color: transparent; 
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar[navbar-theme="theme3"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme3"] .scoop-item li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
	border-right-color: #e9ebed !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme3"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme3"] .scoop-item > li:hover > a {
    color: #414141;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme3"] .sidebar_toggle a {
  color: #000;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme3"]  .scoop-item > li.active > a {
  color: #414141;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
 color: #414141;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-search {
    border-top-color: #e8ebed;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-search  input[type="text"] {
    border-bottom-color: #e8ebed;
	color:#777777;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-search input[type="text"]:focus, 
.scoop .scoop-navbar[navbar-theme="theme3"] .style-4 input[type="text"].focus {
    border-bottom-color: #c9ccce;
	color:#323232;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-search .search-icon i {
    color: #777777;
}
.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-search .searchbar-toggle:before {
	color: #777777;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme3"] .scoop-search.open .scoop-search-box {
	background: #FFF;
}
/* ########### Theme3 Color Combation CSS Style Close Here ##################### */
 
/* ########### Theme4 Color Combation CSS Style Start Here ##################### */
.scoop .scoop-header[header-theme="theme4"] {
	background:#354052;
	color:#8493ad;
}
.scoop .scoop-header[header-theme="theme4"] .sidebar_toggle a {
  background: transparent ;
  color: #8493ad;
  border-color: #8493ad;
}
.scoop .scoop-header[header-theme="theme4"] .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop .scoop-header[header-theme="theme4"] .scoop-right-header .scoop-rr-header ul > li > a {
  color: #8493ad;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme4"]{
  background: transparent ;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme4"]{
  background: #354052;
}
.scoop  .scoop-header .scoop-left-header[lheader-theme="theme4"] .scoop-logo a {
	color:#8493ad;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme4"] .scoop-logo .logo-icon {
  color: #3f4c61 ;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme4"] .scoop-logo .logo-icon {
  color: #3f4c61;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme4"] .scoop-logo a {
    color: inherit;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme4"]{
  background: #354052;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme4"] .scoop-logo .logo-icon {
  color: #3f4c61;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme4"] .scoop-logo a {
    color: #8493ad;
}
.scoop .scoop-navbar[navbar-theme="theme4"]{
	background: #354052 ;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .profile-box {
  border-bottom-color: #485468;
 border-top: 1px solid #485468;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .profile-box .media-body {
	color:#8493ad ;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .profile-box .media-body .user-status b {
    color:#70ca63;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  > li > a {
  color: #b4bcc8;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  >  li.active > a {
	background: #3f4c61 ;
	color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.active > a:before {
  border-left-color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.active > a {
  border-bottom-color: #485468;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  > li > a {
	border-bottom-color: #485468;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  li.scoop-hasmenu .scoop-submenu{
  background: #3e495b ;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  li.scoop-hasmenu .scoop-submenu li > a {
	border-bottom-color: #485468;
	color:#b4bcc8;
} 
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu > a:after {
  color: #8493ad;
} 
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  color: #8493ad;
} 
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  > li:hover > a{
	background: #3f4c61;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  > li.active:hover > a{
	background: #3f4c61;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a{
	background: #3f4c61;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"]  .scoop-item  > li:hover > a:before{
	 border-left-color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu:hover > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-trigger > a {
    background: #3f4c61;
	border-bottom-color: #485468;
	color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before {
   border-left-color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-trigger.active > a {
    background: #3f4c61;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu:hover > a:after {
  color: #FFF;
} 
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item  .scoop-hasmenu .scoop-submenu li.active > a {
	color:#FFF;
	background: #3f4c61;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a:after {
  color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before  {
	border-bottom-color: #8493ad;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:before  {
	border-bottom-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:after {
	border-left-color: #8493ad;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:after {
	border-left-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-navigatio-lavel {
  color: #8493ad;
  border-bottom-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme4"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
	border-left-color: transparent; 
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar[navbar-theme="theme4"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme4"] .scoop-item li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
	border-right-color: #354052 !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme4"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a {
    color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme4"] .sidebar_toggle a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme4"]  .scoop-item > li.active > a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
 color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-search {
    border-top-color: #485468;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-search  input[type="text"] {
    border-bottom-color: #485468;
	color:#b4bcc8;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-search input[type="text"]:focus, 
.scoop .scoop-navbar[navbar-theme="theme4"] .style-4 input[type="text"].focus {
    border-bottom-color: #556175;
	color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-search .search-icon i {
    color: #b4bcc8;
}
.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-search .searchbar-toggle:before {
	color: #b4bcc8;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme4"] .scoop-search.open .scoop-search-box {
	background: #3f4c61;
}
/* ########### Theme4 Color Combation CSS Style Close Here ##################### */

/* ########### Theme5 Color Combation CSS Style Start Here ##################### */
.scoop .scoop-header[header-theme="theme5"] {
	background:#3c75b5;
	color:#b9d4f2;
}
.scoop .scoop-header[header-theme="theme5"] .sidebar_toggle a {
  background: transparent ;
  color: #9abde3;
  border-color: #9abde3;
}
.scoop .scoop-header[header-theme="theme5"] .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop .scoop-header[header-theme="theme5"] .scoop-right-header .scoop-rr-header ul > li > a {
  color: #9abde3;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme5"]{
  background: transparent ;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme5"]{
  background: #2b64a4;
}
.scoop  .scoop-header .scoop-left-header[lheader-theme="theme5"] .scoop-logo a {
	color:#9abde3;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme5"] .scoop-logo .logo-icon {
  color: #3c75b5;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme5"] .scoop-logo .logo-icon {
  color: #2b64a4;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme5"] .scoop-logo a {
    color: inherit;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme5"]{
  background: #2b64a4;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme5"] .scoop-logo .logo-icon {
  color: #3c75b5;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme5"] .scoop-logo a {
    color: #9abde3;
}
.scoop .scoop-navbar[navbar-theme="theme5"]{
	background: #3c75b5 ;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .profile-box {
  border-top: 1px solid #4f82bc;
  background:#3c75b5;
  border-bottom-color: transparent;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .profile-box .media-body {
	color:#9abde3 ;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .profile-box .media-body .user-status b {
    color:#70ca63;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  > li > a {
  color: #b9d4f2;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  >  li.active > a {
	background: #4f82bc ;
	color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.active > a:before {
  border-left-color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.active > a {
  border-bottom-color: #3c75b5 ;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  > li > a {
	border-bottom-color: #4f82bc;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  li.scoop-hasmenu .scoop-submenu{
  background: #2b64a4 ;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  li.scoop-hasmenu .scoop-submenu li > a {
	border-bottom-color: #356eae;
	color:#b9d4f2;
} 
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu > a:after {
  color: #b9d4f2;
} 
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  color: #b9d4f2;
} 
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  > li:hover > a{
	background: #4f82bc;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  > li.active:hover > a{
	background: #4f82bc;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a{
	background: #4f82bc;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"]  .scoop-item  > li:hover > a:before{
	 border-left-color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu:hover > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-trigger > a {
    background: #4f82bc  ;
	border-bottom-color: #3c75b5 ;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before {
   border-left-color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-trigger.active > a {
    background: #4f82bc;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu:hover > a:after {
  color: #FFF;
} 
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item  .scoop-hasmenu .scoop-submenu li.active > a {
	color:#FFF;
	background: #4f82bc;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a:after {
  color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before  {
	border-bottom-color: #4f82bc;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:before  {
	border-bottom-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:after {
	border-left-color: #4f82bc;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:after {
	border-left-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-navigatio-lavel {
  color: #9bbde4;
  border-bottom-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme5"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
	border-left-color: transparent; 
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar[navbar-theme="theme5"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme5"] .scoop-item li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
	border-right-color: #2b64a4 !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme5"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme5"] .scoop-item > li:hover > a {
    color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme5"] .sidebar_toggle a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme5"]  .scoop-item > li.active > a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
 color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-search {
    border-top-color: #4f82bc;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-search  input[type="text"] {
    border-bottom-color: #4f82bc;
	color:#b9d4f2;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-search input[type="text"]:focus, 
.scoop .scoop-navbar[navbar-theme="theme5"] .style-4 input[type="text"].focus {
    border-bottom-color: #6699d3;
	color:#effbfb;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-search .search-icon i {
    color: #b9d4f2;
}
.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-search .searchbar-toggle:before {
	color: #b9d4f2;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme5"] .scoop-search.open .scoop-search-box {
	background: #4f82bc;
}
/* ########### Theme5 Color Combation CSS Style Close Here ##################### */
/* ########### Theme6 Color Combation CSS Style Start Here ##################### */
.scoop .scoop-header[header-theme="theme6"] {
	background:#684d72;
	color:#FFF;
}
.scoop .scoop-header[header-theme="theme6"] .sidebar_toggle a {
  background: transparent ;
  color: #FFF;
  border-color: #FFF;
}
.scoop .scoop-header[header-theme="theme6"] .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop .scoop-header[header-theme="theme6"] .scoop-right-header .scoop-rr-header ul > li > a {
  color: #FFF;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme6"]{
  background: transparent ;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme6"]{
  background: #583a63;
}
.scoop  .scoop-header .scoop-left-header[lheader-theme="theme6"] .scoop-logo a {
	color:#FFF;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme6"] .scoop-logo .logo-icon {
  color: #684d72;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme6"] .scoop-logo .logo-icon {
  color: #583a63;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme6"] .scoop-logo a {
    color: inherit;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme6"]{
  background: #583a63;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme6"] .scoop-logo .logo-icon {
  color: #684d72;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme6"] .scoop-logo a {
    color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"]{
	background: #583a63 ;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .profile-box {
  border-top: 1px solid transparent;
  background:#684d72;
  border-bottom-color: transparent;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .profile-box .media-body {
	color:#FFF ;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .profile-box .media-body .user-status b {
    color:#70ca63;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  > li > a {
  color: #ccbad2;
}
.scoop .scoop-navbar[navbar-theme="theme6"]  .scoop-item > li > a > .scoop-micon {
  color: #a492aa;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  >  li.active > a {
	background: #4b3154 ;
	color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"]  .scoop-item > li.active > a > .scoop-micon {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.active > a:before {
  border-left-color:#af64cc;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.active > a {
  border-bottom-color: #684d72 ;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  > li > a {
	border-bottom-color: #684d72;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  li.scoop-hasmenu .scoop-submenu{
  background: #51355b ;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  li.scoop-hasmenu .scoop-submenu li > a {
	border-bottom-color: #5d4865;
	color:#a492aa;
} 
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu > a:after {
  color: #a492aa;
} 
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  color: #a492aa;
} 
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  > li:hover > a{
	background: #4b3154;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"]  .scoop-item > li:hover > a > .scoop-micon {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  > li.active:hover > a{
	background: #4b3154;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a{
	background: #4b3154;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"]  .scoop-item  > li:hover > a:before{
	 border-left-color:#af64cc;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu:hover > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-trigger > a {
    background: #4b3154  ;
	border-bottom-color: #4f3a57 ;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before {
   border-left-color:#af64cc;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-trigger.active > a {
    background: #4b3154;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu:hover > a:after {
  color: #FFF;
} 
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item  .scoop-hasmenu .scoop-submenu li.active > a {
	color:#FFF;
	background: #4b3154;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a:after {
  color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before  {
	border-bottom-color: #684d72;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:before  {
	border-bottom-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:after {
	border-left-color: #684d72;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:after {
	border-left-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-navigatio-lavel {
  color: #a492aa;
  border-bottom-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme6"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
	border-left-color: transparent; 
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar[navbar-theme="theme6"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme6"] .scoop-item li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
	border-right-color: #684d72 !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme6"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme6"] .scoop-item > li:hover > a {
    color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme6"] .sidebar_toggle a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme6"]  .scoop-item > li.active > a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
 color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-search {
    border-top-color: #684d72;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-search  input[type="text"] {
    border-bottom-color: #684d72;
	color:#ccbad2;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-search input[type="text"]:focus, 
.scoop .scoop-navbar[navbar-theme="theme6"] .style-4 input[type="text"].focus {
    border-bottom-color: #7a5f84;
	color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-search .search-icon i {
    color: #ccbad2;
}
.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-search .searchbar-toggle:before {
	color: #a492aa;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme6"] .scoop-search.open .scoop-search-box {
	background: #4b3154;
}
/* ########### Theme6 Color Combation CSS Style Close Here ##################### */
/* ########### Theme7 Color Combation CSS Style Start Here ##################### */
.scoop .scoop-header[header-theme="theme7"] {
	background:#0aa699;
	color:#FFF;
}
.scoop .scoop-header[header-theme="theme7"] .sidebar_toggle a {
  background: transparent ;
  color: #FFF;
  border-color: #FFF;
}
.scoop .scoop-header[header-theme="theme7"] .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop .scoop-header[header-theme="theme7"] .scoop-right-header .scoop-rr-header ul > li > a {
  color: #FFF;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme7"]{
  background: transparent ;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme7"]{
  background: #0b9c8f;
}
.scoop  .scoop-header .scoop-left-header[lheader-theme="theme7"] .scoop-logo a {
	color:#FFF;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme7"] .scoop-logo .logo-icon {
  color: #0aa699;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme7"] .scoop-logo .logo-icon {
  color: #079185;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme7"] .scoop-logo a {
    color: inherit;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme7"]{
  background: #0b9c8f;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme7"] .scoop-logo .logo-icon {
  color: #0aa699;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme7"] .scoop-logo a {
    color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"]{
	background: #0aa699 ;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .profile-box {
  border-top: 1px solid #0aa699;
  background:#0aa699;
  border-bottom-color: transparent;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .profile-box .media-body {
	color:#FFF ;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .profile-box .media-body .user-status b {
    color:#70ca63;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  > li > a {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"]  .scoop-item > li > a > .scoop-micon {
  color: #fff;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  >  li.active > a {
	background: #0b9c8f ;
	color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"]  .scoop-item > li.active > a > .scoop-micon {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.active > a:before {
  border-left-color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.active > a {
  border-bottom-color: #1ab0a3 ;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  > li > a {
	border-bottom-color: #1ab0a3;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  li.scoop-hasmenu .scoop-submenu{
  background: #079185 ;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  li.scoop-hasmenu .scoop-submenu li > a {
	border-bottom-color: #0b9c8f;
	color:#FFF;
} 
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu > a:after {
  color: #FFF;
} 
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  color: #FFF;
} 
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  > li:hover > a{
	background: #0b9c8f;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"]  .scoop-item > li:hover > a > .scoop-micon {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  > li.active:hover > a{
	background: #0b9c8f;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a{
	background: #0b9c8f;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"]  .scoop-item  > li:hover > a:before{
	 border-left-color:#07786f;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu:hover > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-trigger > a {
    background: #0b9c8f  ;
	border-bottom-color: #0b9c8f ;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before {
   border-left-color:#07786f;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-trigger.active > a {
    background: #0b9c8f;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu:hover > a:after {
  color: #FFF;
} 
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item  .scoop-hasmenu .scoop-submenu li.active > a {
	color:#FFF;
	background: #14a598;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a:after {
  color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before  {
	border-bottom-color: #07786f;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:before  {
	border-bottom-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:after {
	border-left-color: #07786f;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:after {
	border-left-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-navigatio-lavel {
  color: #FFF;
  border-bottom-color: transparent;
  text-transform: capitalize;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme7"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
	border-left-color: transparent; 
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar[navbar-theme="theme7"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme7"] .scoop-item li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
	border-right-color: #079185 !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme7"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme7"] .scoop-item > li:hover > a {
    color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme7"] .sidebar_toggle a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme7"]  .scoop-item > li.active > a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
 color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-search {
    border-top-color: #1ab0a3;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-search  input[type="text"] {
    border-bottom-color: #1ab0a3;
	color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-search input[type="text"]:focus, 
.scoop .scoop-navbar[navbar-theme="theme7"] .style-4 input[type="text"].focus {
    border-bottom-color: #2fc5b8;
	color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-search .search-icon i {
    color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-search .searchbar-toggle:before {
	color: #FFF;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme7"] .scoop-search.open .scoop-search-box {
	background: #0b9c8f;
}
/* ########### Theme7 Color Combation CSS Style Close Here ##################### */
/* ########### Theme8 Color Combation CSS Style Start Here ##################### */
.scoop .scoop-header[header-theme="theme8"] {
	background:#4e6ca5;
	color:#FFF;
}
.scoop .scoop-header[header-theme="theme8"] .sidebar_toggle a {
  background: transparent ;
  color: #FFF;
  border-color: #FFF;
}
.scoop .scoop-header[header-theme="theme8"] .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop .scoop-header[header-theme="theme8"] .scoop-right-header .scoop-rr-header ul > li > a {
  color: #FFF;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme8"]{
  background: transparent ;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme8"]{
  background: #3f5485;
}
.scoop .scoop-header .scoop-left-header[lheader-theme="theme8"] .scoop-logo a {
	color:#FFF;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme8"] .scoop-logo .logo-icon {
  color: #4e6ca5 ;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme8"] .scoop-logo .logo-icon {
  color: #3f5485 ;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme8"] .scoop-logo a {
    color: inherit;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme8"]{
  background: #3f5485;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme8"] .scoop-logo .logo-icon {
  color: #4e6ca5;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme8"] .scoop-logo a {
    color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"]{
	background: #3f5485 ;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .profile-box {
  border-top: 1px solid #4e6ca5;
  background:#3f5485;
  border-bottom-color: transparent;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .profile-box .media-body {
	color:#FFF ;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .profile-box .media-body .user-status b {
    color:#70ca63;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  > li > a {
  color: #d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme8"]  .scoop-item > li > a > .scoop-micon {
  color: #a0abc4;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  >  li.active > a {
	background: #4e6ca5 ;
	color: #f8f5f5;
}
.scoop .scoop-navbar[navbar-theme="theme8"]  .scoop-item > li.active > a > .scoop-micon {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.active > a:before {
  border-left-color:#f8f5f5;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.active > a {
  border-bottom-color: #3f5485 ;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  > li > a {
	border-bottom-color: #4a5f90;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  li.scoop-hasmenu .scoop-submenu{
  background: #2f4475;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  li.scoop-hasmenu .scoop-submenu li > a {
	border-bottom-color: #3f5485;
	color:#d8e3fc;
} 
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu > a:after {
  color: #d8e3fc;
} 
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  color: #d8e3fc;
} 
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  > li:hover > a{
	background: #4e6ca5;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"]  .scoop-item > li:hover > a > .scoop-micon {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  > li.active:hover > a{
	background: #4e6ca5;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a{
	background: #3b5081;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"]  .scoop-item  > li:hover > a:before{
	 border-left-color:#d8e0f9;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu:hover > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-trigger > a {
    background: #4e6ca5  ;
	border-bottom-color: #3f5485 ;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before {
   border-left-color:#d8e0f9;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-trigger.active > a {
    background: #4e6ca5;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu:hover > a:after {
  color: #FFF;
} 
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item  .scoop-hasmenu .scoop-submenu li.active > a {
	color:#FFF;
	background: #3b5081;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a:after {
  color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before  {
	border-bottom-color: #07786f;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:before  {
	border-bottom-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:after {
	border-left-color: #07786f;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:after {
	border-left-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-navigatio-lavel {
  color: #c4c6d3;
  border-bottom-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme8"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
	border-left-color: transparent; 
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar[navbar-theme="theme8"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme8"] .scoop-item li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
	border-right-color: #2f4475 !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme8"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme8"] .scoop-item > li:hover > a {
    color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme8"] .sidebar_toggle a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme8"]  .scoop-item > li.active > a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
 color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-search {
    border-top-color: #4a5f90;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-search  input[type="text"] {
    border-bottom-color: #4a5f90;
	color:#d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-search input[type="text"]:focus, 
.scoop .scoop-navbar[navbar-theme="theme8"] .style-4 input[type="text"].focus {
    border-bottom-color: #667bac;
	color:#d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-search .search-icon i {
    color: #d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-search .searchbar-toggle:before {
	color: #a0abc4;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme8"] .scoop-search.open .scoop-search-box {
	background: #4e6ca5;
}
/* ########### Theme8 Color Combation CSS Style Close Here ##################### */
.scoop .scoop-header[header-theme="theme9"] {
	background:#576acc;
	color:#e7e7e0;
}
.scoop .scoop-header[header-theme="theme9"] .sidebar_toggle a {
  background: transparent ;
  color: #FFF;
  border-color: #FFF;
}
.scoop .scoop-header[header-theme="theme9"] .scoop-right-header .scoop-rl-header ul > li > a, 
.scoop .scoop-header[header-theme="theme9"] .scoop-right-header .scoop-rr-header ul > li > a {
  color: #FFF;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme9"]{
  background: transparent ;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme9"]{
  background: #3c4fb1;
}
.scoop .scoop-header .scoop-left-header[lheader-theme="theme9"] .scoop-logo a {
	color:#FFF;
}
.scoop .scoop-header.iscollapsed .scoop-left-header[lheader-theme="theme9"] .scoop-logo .logo-icon {
  color: #576acc ;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme9"] .scoop-logo .logo-icon {
  color: #576acc ;
}
.scoop .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme9"] .scoop-logo a {
    color: inherit;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme9"]{
  background: #3c4fb1;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme9"] .scoop-logo .logo-icon {
  color: #576acc;
}
.scoop[scoop-device-type="phone"] .scoop-header.nocollapsed .scoop-left-header[lheader-theme="theme9"] .scoop-logo a {
    color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"]{
	background: #576acc ;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .profile-box {
  border-top: transparent;
  background:#576acc;
  border-bottom-color:#576acc;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .profile-box .media-body {
	color:#FFF ;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .profile-box .media-body .user-status b {
    color:#70ca63;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  > li > a {
  color: #d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme9"]  .scoop-item > li > a > .scoop-micon {
  color: #d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  >  li.active > a {
	background: #485bbd;
	color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"]  .scoop-item > li.active > a > .scoop-micon {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.active > a:before {
  border-left-color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.active > a {
  border-bottom-color: #6174d6 ;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  > li > a {
	border-bottom-color: #6174d6;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  li.scoop-hasmenu .scoop-submenu{
  background: #485bbd;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  li.scoop-hasmenu .scoop-submenu li > a {
	border-bottom-color: #576acc;
	color:#d8e3fc;
} 
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu > a:after {
  color: #d8e3fc;
} 
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu > a:after {
  color: #d8e3fc;
} 
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  > li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  > li.scoop-hasmenu.scoop-trigger .scoop-submenu li.scoop-hasmenu.scoop-trigger > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  > li:hover > a{
	background: #485bbd;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"]  .scoop-item > li:hover > a > .scoop-micon {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  > li.active:hover > a{
	background: #485bbd;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a{
	background: #3f52b4;
    color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"]  .scoop-item  > li:hover > a:before{
	 border-left-color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu:hover > a:after {
  color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-trigger > a {
    background: #485bbd;
	border-bottom-color: #576acc;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  .scoop-hasmenu .scoop-submenu li:hover > a:before {
   border-left-color:#d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-trigger.active > a {
    background: #485bbd;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  > li.scoop-hasmenu  .scoop-submenu li.scoop-hasmenu:hover > a:after {
  color: #FFF;
} 
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item  .scoop-hasmenu .scoop-submenu li.active > a {
	color:#FFF;
	background: #3f52b4;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a:after {
  color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:before  {
	border-bottom-color: #d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:before  {
	border-bottom-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-mtext:after {
	border-left-color: #d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a .scoop-mtext:after {
	border-left-color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-navigatio-lavel {
  color: #7689ee;
  border-bottom-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme9"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
	border-left-color: transparent; 
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .scoop-navbar[navbar-theme="theme9"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme9"] .scoop-item li.scoop-trigger > a:not(.disabled) > .scoop-mcaret{
	border-right-color: #576acc !important;
}
.scoop[theme-layout="vertical"][vertical-nav-type="ex-popover"] .scoop-navbar[navbar-theme="theme9"]  .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
  border-left-color: transparent;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme9"] .scoop-item > li:hover > a {
    color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme9"] .sidebar_toggle a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme9"]  .scoop-item > li.active > a {
  color: #FFF;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
 color: #FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-search {
    border-top-color: #6174d6;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-search  input[type="text"] {
    border-bottom-color: #6174d6;
	color:#d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-search input[type="text"]:focus, 
.scoop .scoop-navbar[navbar-theme="theme9"] .style-4 input[type="text"].focus {
    border-bottom-color: #7285e7;
	color:#FFF;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-search .search-icon i {
    color: #d8e3fc;
}
.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-search .searchbar-toggle:before {
	color: #d8e3fc;
}
.scoop[vertical-nav-type="collapsed"] .scoop-navbar[navbar-theme="theme9"] .scoop-search.open .scoop-search-box {
	background: #485bbd;
}
/* ########### Theme9 Color Combation CSS Style Close Here ##################### */




/* ########### Theme9 Color Combation CSS Style Start Here ##################### */
 


 
 /*################## Active Theme 1 CSS Style Start Here ################*/
.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-item   li.active > a{
	background: #ff5e3a !important;
}
.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-item  li.active > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-item  li:hover > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-item  li:hover > a {
    background: #ff5e3a !important;
}
.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-item > li.active > a:before {
    border-left-color: #ff5e3a !important;
}
.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-item  li:hover > a:before {
    border-left-color: #ff5e3a !important;
}
.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-item  li.active > a:after {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-item  li.scoop-hasmenu:hover > a:after {
    color: #FFF !important;
}

 /*################## Active Theme 1 CSS Style Close Here ################*/
 /*################## Active Theme 2 CSS Style Start  Here ################*/
.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-item   li.active > a{
	background: #0096b1 !important;
}
.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-item  li.active > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-item  li:hover > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-item  li:hover > a {
    background: #0096b1 !important;
}
.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-item > li.active > a:before {
    border-left-color: #0096b1 !important;
}
.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-item  li:hover > a:before {
    border-left-color: #0096b1 !important;
}
.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-item > li.active > a:after {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-item  li.scoop-hasmenu:hover > a:after {
    color: #FFF !important;
}
 /*################## Active Theme 2 CSS Style Close Here ################*/
 /*################## Active Theme 3 CSS Style Start  Here ################*/

.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-item   li.active > a{
	background: #e64056 !important;
}
.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-item  li:hover > a {
    background: #e64056 !important;
}
.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-item > li.active > a:before {
    border-left-color: #e64056 !important;
}
.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-item  li:hover > a:before {
    border-left-color: #e64056 !important;
}
.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-item  li.active > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-item  li:hover > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-item > li.active > a:after {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-item  li.scoop-hasmenu:hover > a:after {
    color: #FFF !important;
}
 /*################## Active Theme 3 CSS Style Close Here ################*/
 /*################## Active Theme 4 CSS Style Start  Here ################*/
.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-item   li.active > a{
	background: #f39e10 !important;
}
.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-item  li:hover > a {
    background: #f39e10 !important;
}
.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-item > li.active > a:before {
    border-left-color: #f39e10 !important;
}
.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-item  li:hover > a:before {
    border-left-color: #f39e10 !important;
}
.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-item  li.active > a {
    color: #414141 !important;
}
.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-item  li:hover > a {
    color: #414141 !important;
}
.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-item > li.active > a:after {
    color: #414141 !important;
}
.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-item  li.scoop-hasmenu:hover > a:after {
    color: #414141 !important;
}
 /*################## Active Theme 4 CSS Style Close Here ################*/
 /*################## Active Theme 5 CSS Style Start  Here ################*/

.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-item   li.active > a{
	background: #8eb021 !important;
}
.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-item  li:hover > a {
    background: #8eb021 !important;
}
.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-item > li.active > a:before {
    border-left-color: #8eb021 !important;
}
.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-item  li:hover > a:before {
    border-left-color: #8eb021 !important;
}
.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-item  li.active > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-item  li:hover > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-item > li.active > a:after {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-item  li.scoop-hasmenu:hover > a:after {
    color: #FFF !important;
}
 /*################## Active Theme 5 CSS Style Close Here ################*/
 /*################## Active Theme 6 CSS Style Start  Here ################*/
.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-item   li.active > a:not(.lock-button):not(.disabled){
	background: #aaaaaa  !important;
}
.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-item  li:hover > a:not(.lock-button):not(.disabled) {
    background: #4bb89b  !important;
}
.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-item > li.active > a:before:not(.lock-button):not(.disabled) {
    border-left-color: #aaaaaa  !important;
}
.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-item  li:hover > a:before:not(.lock-button):not(.disabled) {
    border-left-color: #aaaaaa  !important;
}
.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-item  li.active > a:not(.lock-button):not(.disabled) {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-item  li:hover > a:not(.lock-button):not(.disabled) {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-item > li.active > a:after {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-item  li.scoop-hasmenu:hover > a:after {
    color: #FFF !important;
}
 /*################## Active Theme 6 CSS Style Close Here ################*/
 /*################## Active Theme 7 CSS Style Start  Here ################*/
.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-item   li.active > a{
	background: #967adc !important;
}
.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-item  li:hover > a {
    background: #967adc !important;
}
.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-item > li.active > a:before {
    border-left-color: #967adc !important;
}
.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-item  li:hover > a:before {
    border-left-color: #967adc !important;
}
.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-item  li.active > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-item  li:hover > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-item > li.active > a:after {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-item  li.scoop-hasmenu:hover > a:after {
    color: #FFF !important;
}
 /*################## Active Theme 7 CSS Style Close Here ################*/
 /*################## Active Theme 8 CSS Style Start  Here ################*/
.scoop .scoop-navbar[active-item-theme="theme8"] .scoop-item   li.active > a{
	background: #fe9375 !important;
}
.scoop .scoop-navbar[active-item-theme="theme8"] .scoop-item  li:hover > a {
    background: #fe9375 !important;
}
.scoop .scoop-navbar[active-item-theme="theme8"] .scoop-item > li.active > a:before {
    border-left-color: #fe9375 !important;
}
.scoop .scoop-navbar[active-item-theme="theme8"] .scoop-item  li:hover > a:before {
    border-left-color: #fe9375 !important;
}
.scoop .scoop-navbar[active-item-theme="theme8"] .scoop-item  li.active > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme8"] .scoop-item  li:hover > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme8"] .scoop-item > li.active > a:after {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme8"] .scoop-item  li.scoop-hasmenu:hover > a:after {
    color: #FFF !important;
}
 /*################## Active Theme 8 CSS Style Close Here ################*/
 /*################## Active Theme 9 CSS Style Start  Here ################*/
.scoop .scoop-navbar[active-item-theme="theme9"] .scoop-item  li.active > a:not(.lock-button):not(.disabled){
	background: #565a90 !important;
}
.scoop .scoop-navbar[active-item-theme="theme9"] .scoop-item  li:hover > a {
    background: #565a90 !important;
}
.scoop .scoop-navbar[active-item-theme="theme9"] .scoop-item > li.active > a:before {
    border-left-color: #565a90 !important;
}
.scoop .scoop-navbar[active-item-theme="theme9"] .scoop-item  li:hover > a:before {
    border-left-color: #565a90 !important;
}
.scoop .scoop-navbar[active-item-theme="theme9"] .scoop-item  li.active > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme9"] .scoop-item  li:hover > a {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme9"] .scoop-item > li.active > a:after {
    color: #FFF !important;
}
.scoop .scoop-navbar[active-item-theme="theme9"] .scoop-item  li.scoop-hasmenu:hover > a:after {
    color: #FFF !important;
}
 /*################## Active Theme 9 CSS Style Close Here ################*/
 
 
 
 
 
 
 
/* ############## Vertical Navigation View2 CSS Style Start Here ################## */

.scoop[theme-layout="vertical"][vnavigation-view="view2"][scoop-device-type="desktop"] .scoop-navbar,
.scoop[theme-layout="vertical"][vnavigation-view="view2"][scoop-device-type="tablet"] .scoop-navbar{
	margin-top:10px;
	border-radius: 4px 4px 0 0;
}
.scoop[theme-layout="vertical"][vnavigation-view="view2"][scoop-device-type="desktop"] .scoop-navbar .profile-box,
.scoop[theme-layout="vertical"][vnavigation-view="view2"][scoop-device-type="tablet"] .scoop-navbar .profile-box{
	border-radius: 4px 4px 0 0;
}
.scoop[theme-layout="vertical"][vnavigation-view="view2"][scoop-device-type="desktop"] .scoop-main-container,
.scoop[theme-layout="vertical"][vnavigation-view="view2"][scoop-device-type="tablet"] .scoop-main-container {
    padding-left: 10px;
}
.scoop[theme-layout="vertical"][vnavigation-view="view2"][scoop-device-type="desktop"] .scoop-header,
.scoop[theme-layout="vertical"][vnavigation-view="view2"][scoop-device-type="tablet"] .scoop-header {
    padding-left: 10px;
}
.scoop[theme-layout="vertical"][vnavigation-view="view2"][vertical-layout="widebox"][scoop-device-type="desktop"] .scoop-header .scoop-wrapper,
.scoop[theme-layout="vertical"][vnavigation-view="view2"][vertical-layout="widebox"][scoop-device-type="tablet"] .scoop-header .scoop-wrapper {
	 padding-left: 5px;
}

/* ############## Vertical Navigation View2 CSS Style Close Here ################## */

/* ############## Vertical Navigation View3 CSS Style Start Here ################## */

.scoop[theme-layout="vertical"][vnavigation-view="view3"] .scoop-navbar{
 top:0;
}
.scoop[theme-layout="vertical"][vnavigation-view="view3"] .scoop-main-container {
    position: unset;
}
.scoop[theme-layout="vertical"][vnavigation-view="view3"] .scoop-header .scoop-left-header {
 display:none;
}
/* ############## Vertical Navigation View3 CSS Style Close Here ################## */

/*################## Style Selector Theme Color Start ###########################*/
.scoop #styleSelector {
  min-height: 500px;
}
.scoop[vertical-placement="left"] #styleSelector  {
    border: 1px solid #e9e9e9;
    background: #FFF;
    position: absolute;
    margin: 0;
    padding: 0 0 10px;
    width: 230px;
    height: auto;
    top: 5px;
    right: -230px;
    z-index: 100;
    height: auto; 
    transition: 0.5s;
	-webkit-transition:0.5s;
	-ms-transition: 0.5s;
	-moz-transition:0.5s;
	-o-transition: 0.5s;
}
.scoop[vertical-placement="left"] #styleSelector.open {
    background: #FFF none repeat scroll 0 0;
    right: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.scoop[vertical-placement="right"] #styleSelector  {
    border: 1px solid #e9e9e9;
    background: #FFF;
    position: absolute;
    margin: 0;
    padding: 0 0 10px;
    width: 230px;
    height: auto;
    top: 5px;
    left: -230px;
    z-index: 100;
    height: auto; 
    transition: 0.5s;
	-webkit-transition:0.5s;
	-ms-transition: 0.5s;
	-moz-transition:0.5s;
	-o-transition: 0.5s;
}
.scoop[vertical-placement="right"] #styleSelector.open {
    background: #FFF none repeat scroll 0 0;
    left: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.selector-toggle {
    position: relative;
}
.scoop[vertical-placement="left"] .selector-toggle > a {
    border: 1px solid #e9e9e9;
    border-right: 0;
    position: absolute;
    top: -1px;
    left: -35px;
    width: 35px;
    height: 36px;
    display: block;
    cursor: pointer;
    text-align: center;
    border-radius: 4px 0 0 4px;
    background: #FFF;
    color: #9c9c9c;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.scoop[vertical-placement="right"] .selector-toggle > a {
    border: 1px solid #e9e9e9;
    border-right: 0;
    position: absolute;
    top: -1px;
    right: -35px;
    width: 35px;
    height: 36px;
    display: block;
    cursor: pointer;
    text-align: center;
    border-radius: 0 4px 4px 0;
    background: #FFF;
    color: #9c9c9c;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.selector-toggle > a:before {
    font-family: FontAwesome;
    content: "\f100";
    font-size: 22px;
    position: relative;
    float: left;
    left: 13px;
    line-height: 35px;
	transition: 0.5s;
	-webkit-transition:0.5s;
	-ms-transition: 0.5s;
	-moz-transition:0.5s;
	-o-transition: 0.5s;
}
.scoop[vertical-placement="right"] .selector-toggle > a:before {
    content: "\f101";
}
.open .selector-toggle > a:before {
    font-family: FontAwesome;
    content: "\f101";
    font-size: 22px;
    position: relative;
    float: left;
    left: 13px;
    line-height: 35px;
	transition: 0.5s;
	-webkit-transition:0.5s;
	-ms-transition: 0.5s;
	-moz-transition:0.5s;
	-o-transition: 0.5s;
}
.scoop[vertical-placement="right"] .open .selector-toggle > a:before {
    content: "\f100";
}
#styleSelector ul {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#styleSelector ul li {
    border-bottom: 0px solid #e9e9e9;
    display: block;
    margin: 0;
    padding: 0px 6px;
    text-align: left;
    width: 100%;
}
#styleSelector ul li p.selector-title {
    border-bottom: 1px solid #e9e9e9;
    color: #9c9c9c;
    font-size: 14px;
    margin: 0;
    padding: 6px;
    text-align: center;
}
#styleSelector > ul > li > .sub-title {
  color: #9c9c9c;
  display: block;
  font-size: 13px;
  margin: 0;
  padding: 5px 0px;
  position: relative;
  text-align: left;
}
#styleSelector li {
    padding: 5px;
}
.theme-option select {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 3px 10px;
}
@-moz-document url-prefix() {
	.theme-option select {
		background-color: #f1f1f1;
		border: 1px solid #ccc;
		border-radius: 2px;
		display: inline-block;
		font: inherit;
		line-height: 1.5em;
		padding: 3px 10px;
		margin: 0;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
    .theme-option select.minimal {
        background-image: -webkit-linear-gradient(45deg, transparent 50%, gray 50%), -webkit-linear-gradient(315deg, gray 50%, transparent 50%), -webkit-linear-gradient(left, #ccc, #ccc);
        background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 18px) calc(1em + -1px), calc(100% - 13px) calc(1em + -1px), calc(100% - 2.5em) 4px;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
    }
    .theme-option select.minimal:focus,
    .theme-option select.minimal:active {
        background-image: -webkit-linear-gradient(45deg, gray 50%, transparent 50%), -webkit-linear-gradient(315deg, transparent 50%, gray 50%), -webkit-linear-gradient(left, gray, gray);
        background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, gray, gray);
        background-position: calc(100% - 15px) 13px, calc(100% - 20px) 13px, calc(100% - 2.5em) 0.3em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        border-color: #66afe9;
        outline: 0;
    }
}



.theme-color {
    padding: 0px;
    width: 100%;
}
/**/

.theme-color a {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.theme-color a:hover,
.theme-color a:focus {
    text-decoration: none;
}
/*Left Header style selector Css start here*/

.theme-color a[lheader-theme="theme1"] {
    background: #2a394f;
}
.theme-color a[lheader-theme="theme2"] {
    background: #FFF;
}
.theme-color a[lheader-theme="theme3"] {
    background: #e9e9e9;
}
.theme-color a[lheader-theme="theme4"] {
    background: #354052;
}
.theme-color a[lheader-theme="theme5"] {
    background: #2b64a4;
}
.theme-color a[lheader-theme="theme6"] {
    background: #624e89;
}
.theme-color a[lheader-theme="theme7"] {
    background: #0b9c8f;
}
.theme-color a[lheader-theme="theme8"] {
    background: #3f5485;
}
.theme-color a[lheader-theme="theme9"] {
    background: #3c4fb1;
}
 
/*Left Header style selector CSS Close here*/
/*Header style selector Css start here*/
.theme-color a[header-theme="theme1"] {
    background: #364760 ;
}
.theme-color a[header-theme="theme2"] {
    background: #FFF;
}
.theme-color a[header-theme="theme3"] {
    background: #f5f5f5 ;
}
.theme-color a[header-theme="theme4"] {
    background: #354052;
}
.theme-color a[header-theme="theme5"] {
    background: #3c75b5;
}
.theme-color a[header-theme="theme6"] {
    background: #624e89;
}
.theme-color a[header-theme="theme7"] {
    background: #0aa699;
}
.theme-color a[header-theme="theme8"] {
    background: #4e6ca5;
}
.theme-color a[header-theme="theme9"] {
    background: #485bbd;
}
 
/*Header style selector CSS Close here*/
/*Navbar style selector Css start here*/
.theme-color a[navbar-theme="theme1"] {
    background: #364760 ;
}
.theme-color a[navbar-theme="theme2"] {
    background: #FFF;
}
.theme-color a[navbar-theme="theme3"] {
    background: #f5f5f5 ;
}
.theme-color a[navbar-theme="theme4"] {
    background: #354052;
}
.theme-color a[navbar-theme="theme5"] {
    background: #3c75b5;
}
.theme-color a[navbar-theme="theme6"] {
    background: #624e89;
}
.theme-color a[navbar-theme="theme7"] {
    background: #0aa699;
}
.theme-color a[navbar-theme="theme8"] {
    background: #3f5485;
}
.theme-color a[navbar-theme="theme9"] {
    background: #485bbd;
}
 
/*Navbar style selector CSS Close here*/

/*Active Item style selector Css start here*/
.theme-color a[active-item-theme="theme1"] {
    background: #ff5e3a;
}
.theme-color a[active-item-theme="theme2"] {
    background: #0096b1;
}
.theme-color a[active-item-theme="theme3"] {
    background: #e64056;
}
.theme-color a[active-item-theme="theme4"] {
    background: #f39e10;
}
.theme-color a[active-item-theme="theme5"] {
    background: #8eb021;
}
.theme-color a[active-item-theme="theme6"] {
    background: #354a5f;
}
.theme-color a[active-item-theme="theme7"] {
    background: #967adc;
}
.theme-color a[active-item-theme="theme8"] {
    background: #fe9375;
}
.theme-color a[active-item-theme="theme9"] {
    background: #565a90;
}
/*Active Item style selector CSS Close here*/
/*Subitem style selector Css start here*/
.theme-color a[sub-item-theme="theme1"] {
    background: #70ca63;
}
.theme-color a[sub-item-theme="theme2"] {
    background: #3498DB;
}
.theme-color a[sub-item-theme="theme3"] {
    background: #485BBD;
}
.theme-color a[sub-item-theme="theme4"] {
    background: #e7604a;
}
.theme-color a[sub-item-theme="theme5"] {
    background: #333843;
}
.theme-color a[sub-item-theme="theme6"] {
    background: #624e89;
}
.theme-color a[sub-item-theme="theme7"] {
    background: #FFF;
}
.theme-color a[sub-item-theme="theme8"] {
    background: #384b5f;
}
.theme-color a[sub-item-theme="theme9"] {
    background: #578ebe;
}
/*Subitem style selector CSS Close here*/


/* Plugin Option Panel Csss Close Here */

/* fixed issue  20170319 */

.scoop[theme-layout="vertical"][vertical-placement="right"] .scoop-navbar .scoop-item > li > a .scoop-micon i {
	float: none;
	padding-right: 17px;
	position: relative;
	z-index: 1051;
	left: 93%;
	top: 1px;
}
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"][vertical-placement="right"] .scoop-navbar .scoop-item > li > a .scoop-micon i {
	left: 0px;
} 
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"][vertical-placement="right"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger > a .scoop-micon i {
	left: 94%;
} 
.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"][vertical-placement="right"] .scoop-navbar .scoop-item > li.scoop-trigger.active > a .scoop-micon i {
	left: 94%;
} 

.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li, .scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li {
	position: static;
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item, .scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item {
	position: static;
}
.scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="desktop"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li, .scoop[theme-layout="vertical"][vertical-nav-type="sub-expanded"][scoop-device-type="tablet"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li {
position: static;
}
.scoop.nocollapsed[theme-layout="vertical"][scoop-device-type="phone"] .scoop-main-container {
    position: static;
}
.scoop[theme-layout="vertical"][vertical-nav-type="fullpage"] .scoop-main-container {
	position: static;
}
.scoop[theme-layout="vertical"][vnavigation-view="view3"] .scoop-main-container {
position: static;
}
.recieved-purchase-order {
  border-left: 1px solid #4ab69c;
  border-right: 1px solid #4ab69c;
}
.recieved-purchase-order-top {
  border-top: 1px solid #4ab69c !important;
}
.recieved-purchase-order-bottom {
  border-bottom: 1px solid #4ab69c;
}
.custum-navbar .navbar-nav>.open>a,
.custum-navbar .navbar-nav>.open>a:hover,
.custum-navbar .navbar-nav>.open>a:focus {
  background-color: #ddd;
  color: #000;
}
.custum-navbar .navbar-nav>li>a {
  box-shadow: 0 0.5px 0px 0px #a2a2a2;
  border-radius: 5px;
}
.custum-navbar .navbar-nav>li>a:hover,
.custum-navbar .navbar-nav>li>a:focus,
.custum-navbar .navbar-nav>li>a.active-filter {
  color: #fff;
  background-color: #ddd;
}
.custum-navbar .nav ul li {
  padding: 0 8px;
  float: left;
  list-style: none;
}
.my-table tr:nth-child(odd) {
  background-color: #eee;
  padding: 10px;
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid #cacaca;
}
.my-table td {
  padding: 10px;
}
.activeList {
  background: #ddd;
}
.shop-timing {
  width: 100px;
}
.form-email {
  position: relative;
}
.star-sign {
  color: #f00;
}
.flex-justify {
  display: flex;
  justify-content: space-between;
}
.flex-justify-vertical {
  align-items: center;
}
.flex-justify .ats-switch {
  max-height: 32px;
}
.well {
  padding: 10px 15px;
}
.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.jsoneditor-mode-code {
  height: 500px !important;
}
.pointer {
  cursor: pointer;
}
.text-transform-initial {
  text-transform: initial;
}
.letter-spacing-initial {
  letter-spacing: initial;
}
.purchase-order-row input[type="text"],
.purchase-order-row input[type="number"] {
  padding: 0.5em;
}
#jspm-version-leftnav li {
  padding: 8px 15px;
  opacity: 40%;
}
input[type="email"]:focus ~ .floating-label,
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
  top: 1px;
  bottom: 10px;
  left: 20px;
  font-size: 8px;
  font-family: inherit;
  opacity: 1;
}
.floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 14px;
  transition: 0.2s ease all;
}
@media (max-width: 1200px) {
  .custom-ipadpro-form .form-control {
    width: 80px;
  }
}
.custom-loader .skeleton {
  background: #fff;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 10px 15px;
}
.custom-loader .skeleton.skeleton--card {
  width: 100%;
  display: inline-block;
  vertical-align: text-top;
}
.custom-loader .skeleton .skeleton--content {
  height: 100%;
  padding: 15px;
  position: relative;
}
.custom-loader .skeleton .skeleton--content .custom-loader {
  background: #f6f7f8;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderSkeleton;
  -webkit-animation-timing-function: linear;
  background-image: -webkit-gradient(linear, left center, right center, from(#f6f7f8), color-stop(0.2, #edeef1), color-stop(0.4, #f6f7f8), to(#f6f7f8));
  background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
.custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr {
  display: flex;
}
.custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--th {
  flex: 1 1 100%;
  height: 15px;
  margin: 5px 10px 15px;
}
.custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td {
  flex: 1 1 100%;
  height: 10px;
  margin: 5px 10px;
}
.custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td__2 {
  flex-basis: 300%;
}
.custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td__3 {
  flex-basis: 500%;
}
.custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td__4 {
  flex-basis: 700%;
}
.custom-loader .skeleton .skeleton--content .skeleton--table .skeleton--tr .skeleton--td__5 {
  flex-basis: 900%;
}
.custom-loader .skeleton .skeleton--content .skeleton--title {
  margin: 5px 10px;
  height: 180px;
  width: 100%;
}
.custom-loader .skeleton .skeleton--content .skeleton--hr {
  height: 2px;
  width: calc(100% - 20px);
  margin: 0 10px 10px;
}
.custom-loader .skeleton .skeleton--content .skeleton--filter {
  height: 40px;
  width: calc(100% - 20px);
  margin: 5px 10px;
}
.custom-loader .skeleton .skeleton--content .skeleton--pagination {
  height: 32px;
  width: calc(100% - 20px);
  margin: 5px 10px;
}
.custom-loader .skeleton .skeleton--content .skeleton--line {
  height: 23px;
  width: 100%;
  margin: 5px 10px;
}
.custom-loader .skeleton .skeleton--content .skeleton--product {
  height: 190px;
  width: 100%;
  margin: 5px 10px;
}
.custom-loader .skeleton .skeleton--content .skeleton--product-image {
  height: 190px;
  width: 90%;
  margin: 5px 10px;
}
.custom-loader .skeleton .skeleton--content .skeleton--line.skeleton--line__short {
  width: 120px;
}
.custom-loader .skeleton .skeleton--content .skeleton--circle {
  margin: 5px 10px 10px;
  height: 60px;
  width: 60px;
  border-radius: 10px;
}
.custom-loader .skeleton .skeleton--content .fl {
  display: inline-block;
  width: auto;
  vertical-align: text-top;
}
@-webkit-keyframes placeholderSkeleton {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}