@font-face {
      font-family: 'ScalaSansWeb';
      src: url("clientlibs-css/fonts/ScalaSansWeb.eot");
      src: url("clientlibs-css/fonts/ScalaSansWeb.eot?#iefix") format("embedded-opentype"), url("clientlibs-css/fonts/ScalaSansWeb.woff") format("woff");
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family: 'ScalaSansWeb-Light';
      src: url("clientlibs-css/fonts/ScalaSansWeb-Light.eot");
      src: url("clientlibs-css/fonts/ScalaSansWeb-Light.eot?#iefix") format("embedded-opentype"), url("clientlibs-css/fonts/ScalaSansWeb-Light.woff") format("woff"), url("../../developer/clientlibs/clientlibs-main/fonts/scala_sans-light.ttf") format("truetype");
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family: 'ScalaSansWeb-Bold';
      src: url("clientlibs-css/fonts/ScalaSansWeb-Bold.eot");
      src: url("clientlibs-css/fonts/ScalaSansWeb-Bold.eot?#iefix") format("embedded-opentype"), url("clientlibs-css/fonts/ScalaSansWeb-Bold.woff") format("woff");
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family: 'ScalaSansWeb-Ita';
      src: url("clientlibs-css/fonts/ScalaSansWeb-Ita.eot");
      src: url("clientlibs-css/fonts/ScalaSansWeb-Ita.eot?#iefix") format("embedded-opentype"), url("clientlibs-css/fonts/ScalaSansWeb-Ita.woff") format("woff");
      font-weight: normal;
      font-style: normal;
  }
  html {
      font-family: sans-serif;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
  }
  body {
      margin: 0;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  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: transparent;
  }
  a:active,
  a:hover {
      outline: 0;
  }
  abbr[title] {
      border-bottom: 1px dotted;
  }
  b,
  strong {
      font-weight: bold;
  }
  dfn {
      font-style: italic;
  }
  h1 {
      font-size: 2em;
      margin: 0.67em 0;
  }
  mark {
      background: #ff0;
      color: #000;
  }
  small {
      font-size: 80%;
  }
  sub,
  span.sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
  }
  span.sup {
      top: -0.5em;
  }
  sub {
      bottom: -0.25em;
  }
  img {
      border: 0;
  }
  svg:not(:root) {
      overflow: hidden;
  }
  figure {
      margin: 1em 40px;
  }
  hr {
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      height: 0;
  }
  pre {
      overflow: auto;
  }
  code,
  kbd,
  pre,
  samp {
      font-family: monospace, monospace;
      font-size: 1em;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
      color: inherit;
      font: inherit;
      margin: 0;
  }
  button {
      overflow: visible;
  }
  button,
  select {
      text-transform: none;
  }
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
      -webkit-appearance: button;
      cursor: pointer;
  }
  button[disabled],
  html input[disabled] {
      cursor: default;
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
      border: 0;
      padding: 0;
  }
  input {
      line-height: normal;
  }
  input[type="checkbox"],
  input[type="radio"] {
      box-sizing: border-box;
      padding: 0;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
      height: auto;
  }
  input[type="search"] {
      -webkit-appearance: textfield;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
  }
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
  }
  fieldset {
      border: 1px solid #c0c0c0;
      margin: 0 2px;
      padding: 0.35em 0.625em 0.75em;
  }
  legend {
      border: 0;
      padding: 0;
  }
  textarea {
      overflow: auto;
  }
  optgroup {
      font-weight: bold;
  }
  table {
      border-collapse: collapse;
      border-spacing: 0;
  }
  td,
  th {
      padding: 0;
  }
  @media print {
      * {
          text-shadow: none !important;
          color: #000 !important;
          background: transparent !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^="javascript:"]:after,
      a[href^="#"]: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;
      }
      select {
          background: #fff !important;
      }
      .navbar {
          display: none;
      }
      .table td,
      .table th {
          background-color: #fff !important;
      }
      .btn > .caret,
      .dropup > .btn > .caret {
          border-top-color: #000 !important;
      }
      .label {
          border: 1px solid #000;
      }
      .table {
          border-collapse: collapse !important;
      }
      .table-bordered th,
      .table-bordered td {
          border: 1px solid #ddd !important;
      }
  }
  .glyphicon {
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  .glyphicon-asterisk:before {
      content: "\2a";
  }
  .glyphicon-plus:before {
      content: "\2b";
  }
  .glyphicon-euro:before {
      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";
  }
  * {
      -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.42857;
      color: #333333;
      background-color: white;
  }
  input,
  button,
  select,
  textarea {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
  }
  a {
      color: #428bca;
      text-decoration: none;
  }
  a:hover,
  a:focus {
      color: #2a6496;
      text-decoration: none;
  }
  a:focus {

      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
  }
  figure {
      margin: 0;
  }
  img {
      vertical-align: middle;
  }
  .img-responsive {
      display: block;
      width: 100% \9;
      max-width: 100%;
      height: auto;
  }
  .img-rounded {
      border-radius: 6px;
  }
  .img-thumbnail {
      padding: 4px;
      line-height: 1.42857;
      background-color: white;
      border: 1px solid #dddddd;
      border-radius: 4px;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: inline-block;
      width: 100% \9;
      max-width: 100%;
      height: auto;
  }
  .img-circle {
      border-radius: 50%;
  }
  hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eeeeee;
  }
  .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      clip: auto;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
      font-family: inherit;
      font-weight: 500;
      line-height: 1.1;
      color: inherit;
  }
  h1 small,
  h1 .small,
  h2 small,
  h2 .small,
  h3 small,
  h3 .small,
  h4 small,
  h4 .small,
  h5 small,
  h5 .small,
  h6 small,
  h6 .small,
  .h1 small,
  .h1 .small,
  .h2 small,
  .h2 .small,
  .h3 small,
  .h3 .small,
  .h4 small,
  .h4 .small,
  .h5 small,
  .h5 .small,
  .h6 small,
  .h6 .small {
      font-weight: normal;
      line-height: 1;
      color: #777777;
  }
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3 {
      margin-top: 20px;
      margin-bottom: 10px;
  }
  h1 small,
  h1 .small,
  .h1 small,
  .h1 .small,
  h2 small,
  h2 .small,
  .h2 small,
  .h2 .small,
  h3 small,
  h3 .small,
  .h3 small,
  .h3 .small {
      font-size: 65%;
  }
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
      margin-top: 10px;
      margin-bottom: 10px;
  }
  h4 small,
  h4 .small,
  .h4 small,
  .h4 .small,
  h5 small,
  h5 .small,
  .h5 small,
  .h5 .small,
  h6 small,
  h6 .small,
  .h6 small,
  .h6 .small {
      font-size: 75%;
  }
  h1,
  .h1 {
      font-size: 36px;
  }
  h2,
  .h2 {
      font-size: 30px;
  }
  h3,
  .h3 {
      font-size: 24px;
  }
  h4,
  .h4 {
      font-size: 18px;
  }
  h5,
  .h5 {
      font-size: 14px;
  }
  h6,
  .h6 {
      font-size: 12px;
  }
  p {
      margin: 0 0 10px;
  }
  .lead {
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 300;
      line-height: 1.4;
  }
  @media (min-width: 0) {
      .lead {
          font-size: 21px;
      }
  }
  small,
  .small {
      font-size: 85%;
  }
  cite {
      font-style: normal;
  }
  mark,
  .mark {
      background-color: #fcf8e3;
      padding: .2em;
  }
  .text-left {
      text-align: left;
  }
  .text-right {
      text-align: right;
  }
  .text-center {
      text-align: center;
  }
  .text-justify {
      text-align: justify;
  }
  .text-nowrap {
      white-space: nowrap;
  }
  .text-lowercase {
      text-transform: lowercase;
  }
  .text-uppercase {
      text-transform: uppercase;
  }
  .text-capitalize {
      text-transform: capitalize;
  }
  .text-muted {
      color: #777777;
  }
  .text-primary {
      color: #428bca;
  }
  a.text-primary:hover {
      color: #3071a9;
  }
  .text-success {
      color: #3c763d;
  }
  a.text-success:hover {
      color: #2b542c;
  }
  .text-info {
      color: #31708f;
  }
  a.text-info:hover {
      color: #245269;
  }
  .text-warning {
      color: #8a6d3b;
  }
  a.text-warning:hover {
      color: #66512c;
  }
  .text-danger {
      color: #a94442;
  }
  a.text-danger:hover {
      color: #843534;
  }
  .bg-primary {
      color: #fff;
  }
  .bg-primary {
      background-color: #428bca;
  }
  a.bg-primary:hover {
      background-color: #3071a9;
  }
  .bg-success {
      background-color: #dff0d8;
  }
  a.bg-success:hover {
      background-color: #c1e2b3;
  }
  .bg-info {
      background-color: #d9edf7;
  }
  a.bg-info:hover {
      background-color: #afd9ee;
  }
  .bg-warning {
      background-color: #fcf8e3;
  }
  a.bg-warning:hover {
      background-color: #f7ecb5;
  }
  .bg-danger {
      background-color: #f2dede;
  }
  a.bg-danger:hover {
      background-color: #e4b9b9;
  }
  .page-header {
      padding-bottom: 9px;
      margin: 40px 0 20px;
      border-bottom: 1px solid #eeeeee;
  }
  ul,
  ol {
      margin-top: 0;
      margin-bottom: 10px;
  }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
      margin-bottom: 0;
  }
  .list-unstyled,
  .list-inline {
      padding-left: 0;
      list-style: none;
  }
  .list-inline {
      margin-left: -5px;
  }
  .list-inline > li {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px;
  }
  dl {
      margin-top: 0;
      margin-bottom: 20px;
  }
  dt,
  dd {
      line-height: 1.42857;
  }
  dt {
      font-weight: bold;
  }
  dd {
      margin-left: 0;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
      content: " ";
      display: table;
  }
  .dl-horizontal dd:after {
      clear: both;
  }
  @media (min-width: 0) {
      .dl-horizontal dt {
          float: left;
          width: 160px;
          clear: left;
          text-align: right;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
      }
      .dl-horizontal dd {
          margin-left: 180px;
      }
  }
  abbr[title],
  abbr[data-original-title] {
      cursor: help;
      border-bottom: 1px dotted #777777;
  }
  .initialism {
      font-size: 90%;
      text-transform: uppercase;
  }
  blockquote {
      padding: 10px 20px;
      margin: 0 0 20px;
      font-size: 17.5px;
      border-left: 5px solid #eeeeee;
  }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
      margin-bottom: 0;
  }
  blockquote footer,
  blockquote small,
  blockquote .small {
      display: block;
      font-size: 80%;
      line-height: 1.42857;
      color: #777777;
  }
  blockquote footer:before,
  blockquote small:before,
  blockquote .small:before {
      content: '\2014 \00A0';
  }
  .blockquote-reverse,
  blockquote.pull-right {
      padding-right: 15px;
      padding-left: 0;
      border-right: 5px solid #eeeeee;
      border-left: 0;
      text-align: right;
  }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
      content: '';
  }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
      content: '\00A0 \2014';
  }
  blockquote:before,
  blockquote:after {
      content: "";
  }
  address {
      margin-bottom: 20px;
      font-style: normal;
      line-height: 1.42857;
  }
  code,
  kbd,
  pre,
  samp {
      font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  }
  code {
      padding: 2px 4px;
      font-size: 90%;
      color: #c7254e;
      background-color: #f9f2f4;
      border-radius: 4px;
  }
  kbd {
      padding: 2px 4px;
      font-size: 90%;
      color: white;
      background-color: #333333;
      border-radius: 3px;
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  kbd kbd {
      padding: 0;
      font-size: 100%;
      box-shadow: none;
  }
  pre {
      display: block;
      padding: 9.5px;
      margin: 0 0 10px;
      font-size: 13px;
      line-height: 1.42857;
      word-break: break-all;
      word-wrap: break-word;
      color: #333333;
      background-color: whitesmoke;
      border: 1px solid #cccccc;
      border-radius: 4px;
  }
  pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      white-space: pre-wrap;
      background-color: transparent;
      border-radius: 0;
  }
  .pre-scrollable {
      max-height: 340px;
      overflow-y: scroll;
  }
  .container {
      margin-right: auto;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 15px;
  }
  .container:before,
  .container:after {
      content: " ";
      display: table;
  }
  .container:after {
      clear: both;
  }
  @media (min-width: 0) {
      .container {
          width: 750px;
      }
  }
  @media (min-width: 0) {
      .container {
          width: 970px;
      }
  }
  @media (min-width: 1200px) {
      .container {
          width: 1170px;
      }
  }
  .container-fluid {
      margin-right: auto;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 15px;
  }
  .container-fluid:before,
  .container-fluid:after {
      content: " ";
      display: table;
  }
  .container-fluid:after {
      clear: both;
  }
  .row {
      margin-left: -15px;
      margin-right: -15px;
  }
  .row:before,
  .row:after {
      content: " ";
      display: table;
  }
  .row:after {
      clear: both;
  }
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
  }
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12 {
      float: left;
  }
  .col-xs-1 {
      width: 8.33333%;
  }
  .col-xs-2 {
      width: 16.66667%;
  }
  .col-xs-3 {
      width: 25%;
  }
  .col-xs-4 {
      width: 33.33333%;
  }
  .col-xs-5 {
      width: 41.66667%;
  }
  .col-xs-6 {
      width: 50%;
  }
  .col-xs-7 {
      width: 58.33333%;
  }
  .col-xs-8 {
      width: 66.66667%;
  }
  .col-xs-9 {
      width: 75%;
  }
  .col-xs-10 {
      width: 83.33333%;
  }
  .col-xs-11 {
      width: 91.66667%;
  }
  .col-xs-12 {
      width: 100%;
  }
  .col-xs-pull-0 {
      right: auto;
  }
  .col-xs-pull-1 {
      right: 8.33333%;
  }
  .col-xs-pull-2 {
      right: 16.66667%;
  }
  .col-xs-pull-3 {
      right: 25%;
  }
  .col-xs-pull-4 {
      right: 33.33333%;
  }
  .col-xs-pull-5 {
      right: 41.66667%;
  }
  .col-xs-pull-6 {
      right: 50%;
  }
  .col-xs-pull-7 {
      right: 58.33333%;
  }
  .col-xs-pull-8 {
      right: 66.66667%;
  }
  .col-xs-pull-9 {
      right: 75%;
  }
  .col-xs-pull-10 {
      right: 83.33333%;
  }
  .col-xs-pull-11 {
      right: 91.66667%;
  }
  .col-xs-pull-12 {
      right: 100%;
  }
  .col-xs-push-0 {
      left: auto;
  }
  .col-xs-push-1 {
      left: 8.33333%;
  }
  .col-xs-push-2 {
      left: 16.66667%;
  }
  .col-xs-push-3 {
      left: 25%;
  }
  .col-xs-push-4 {
      left: 33.33333%;
  }
  .col-xs-push-5 {
      left: 41.66667%;
  }
  .col-xs-push-6 {
      left: 50%;
  }
  .col-xs-push-7 {
      left: 58.33333%;
  }
  .col-xs-push-8 {
      left: 66.66667%;
  }
  .col-xs-push-9 {
      left: 75%;
  }
  .col-xs-push-10 {
      left: 83.33333%;
  }
  .col-xs-push-11 {
      left: 91.66667%;
  }
  .col-xs-push-12 {
      left: 100%;
  }
  .col-xs-offset-0 {
      margin-left: 0%;
  }
  .col-xs-offset-1 {
      margin-left: 8.33333%;
  }
  .col-xs-offset-2 {
      margin-left: 16.66667%;
  }
  .col-xs-offset-3 {
      margin-left: 25%;
  }
  .col-xs-offset-4 {
      margin-left: 33.33333%;
  }
  .col-xs-offset-5 {
      margin-left: 41.66667%;
  }
  .col-xs-offset-6 {
      margin-left: 50%;
  }
  .col-xs-offset-7 {
      margin-left: 58.33333%;
  }
  .col-xs-offset-8 {
      margin-left: 66.66667%;
  }
  .col-xs-offset-9 {
      margin-left: 75%;
  }
  .col-xs-offset-10 {
      margin-left: 83.33333%;
  }
  .col-xs-offset-11 {
      margin-left: 91.66667%;
  }
  .col-xs-offset-12 {
      margin-left: 100%;
  }
  @media (min-width: 0) {
      .col-sm-1,
      .col-sm-2,
      .col-sm-3,
      .col-sm-4,
      .col-sm-5,
      .col-sm-6,
      .col-sm-7,
      .col-sm-8,
      .col-sm-9,
      .col-sm-10,
      .col-sm-11,
      .col-sm-12 {
          float: left;
      }
      .col-sm-1 {
          width: 8.33333%;
      }
      .col-sm-2 {
          width: 16.66667%;
      }
      .col-sm-3 {
          width: 25%;
      }
      .col-sm-4 {
          width: 33.33333%;
      }
      .col-sm-5 {
          width: 41.66667%;
      }
      .col-sm-6 {
          width: 50%;
      }
      .col-sm-7 {
          width: 58.33333%;
      }
      .col-sm-8 {
          width: 66.66667%;
      }
      .col-sm-9 {
          width: 75%;
      }
      .col-sm-10 {
          width: 83.33333%;
      }
      .col-sm-11 {
          width: 91.66667%;
      }
      .col-sm-12 {
          width: 100%;
      }
      .col-sm-pull-0 {
          right: auto;
      }
      .col-sm-pull-1 {
          right: 8.33333%;
      }
      .col-sm-pull-2 {
          right: 16.66667%;
      }
      .col-sm-pull-3 {
          right: 25%;
      }
      .col-sm-pull-4 {
          right: 33.33333%;
      }
      .col-sm-pull-5 {
          right: 41.66667%;
      }
      .col-sm-pull-6 {
          right: 50%;
      }
      .col-sm-pull-7 {
          right: 58.33333%;
      }
      .col-sm-pull-8 {
          right: 66.66667%;
      }
      .col-sm-pull-9 {
          right: 75%;
      }
      .col-sm-pull-10 {
          right: 83.33333%;
      }
      .col-sm-pull-11 {
          right: 91.66667%;
      }
      .col-sm-pull-12 {
          right: 100%;
      }
      .col-sm-push-0 {
          left: auto;
      }
      .col-sm-push-1 {
          left: 8.33333%;
      }
      .col-sm-push-2 {
          left: 16.66667%;
      }
      .col-sm-push-3 {
          left: 25%;
      }
      .col-sm-push-4 {
          left: 33.33333%;
      }
      .col-sm-push-5 {
          left: 41.66667%;
      }
      .col-sm-push-6 {
          left: 50%;
      }
      .col-sm-push-7 {
          left: 58.33333%;
      }
      .col-sm-push-8 {
          left: 66.66667%;
      }
      .col-sm-push-9 {
          left: 75%;
      }
      .col-sm-push-10 {
          left: 83.33333%;
      }
      .col-sm-push-11 {
          left: 91.66667%;
      }
      .col-sm-push-12 {
          left: 100%;
      }
      .col-sm-offset-0 {
          margin-left: 0%;
      }
      .col-sm-offset-1 {
          margin-left: 8.33333%;
      }
      .col-sm-offset-2 {
          margin-left: 16.66667%;
      }
      .col-sm-offset-3 {
          margin-left: 25%;
      }
      .col-sm-offset-4 {
          margin-left: 33.33333%;
      }
      .col-sm-offset-5 {
          margin-left: 41.66667%;
      }
      .col-sm-offset-6 {
          margin-left: 50%;
      }
      .col-sm-offset-7 {
          margin-left: 58.33333%;
      }
      .col-sm-offset-8 {
          margin-left: 66.66667%;
      }
      .col-sm-offset-9 {
          margin-left: 75%;
      }
      .col-sm-offset-10 {
          margin-left: 83.33333%;
      }
      .col-sm-offset-11 {
          margin-left: 91.66667%;
      }
      .col-sm-offset-12 {
          margin-left: 100%;
      }
  }
  @media (min-width: 0) {
      .col-md-1,
      .col-md-2,
      .col-md-3,
      .col-md-4,
      .col-md-5,
      .col-md-6,
      .col-md-7,
      .col-md-8,
      .col-md-9,
      .col-md-10,
      .col-md-11,
      .col-md-12 {
          float: left;
      }
      .col-md-1 {
          width: 8.33333%;
      }
      .col-md-2 {
          width: 16.66667%;
      }
      .col-md-3 {
          width: 25%;
      }
      .col-md-4 {
          width: 33.33333%;
      }
      .col-md-5 {
          width: 41.66667%;
      }
      .col-md-6 {
          width: 50%;
      }
      .col-md-7 {
          width: 58.33333%;
      }
      .col-md-8 {
          width: 66.66667%;
      }
      .col-md-9 {
          width: 75%;
      }
      .col-md-10 {
          width: 83.33333%;
      }
      .col-md-11 {
          width: 91.66667%;
      }
      .col-md-12 {
          width: 100%;
      }
      .col-md-pull-0 {
          right: auto;
      }
      .col-md-pull-1 {
          right: 8.33333%;
      }
      .col-md-pull-2 {
          right: 16.66667%;
      }
      .col-md-pull-3 {
          right: 25%;
      }
      .col-md-pull-4 {
          right: 33.33333%;
      }
      .col-md-pull-5 {
          right: 41.66667%;
      }
      .col-md-pull-6 {
          right: 50%;
      }
      .col-md-pull-7 {
          right: 58.33333%;
      }
      .col-md-pull-8 {
          right: 66.66667%;
      }
      .col-md-pull-9 {
          right: 75%;
      }
      .col-md-pull-10 {
          right: 83.33333%;
      }
      .col-md-pull-11 {
          right: 91.66667%;
      }
      .col-md-pull-12 {
          right: 100%;
      }
      .col-md-push-0 {
          left: auto;
      }
      .col-md-push-1 {
          left: 8.33333%;
      }
      .col-md-push-2 {
          left: 16.66667%;
      }
      .col-md-push-3 {
          left: 25%;
      }
      .col-md-push-4 {
          left: 33.33333%;
      }
      .col-md-push-5 {
          left: 41.66667%;
      }
      .col-md-push-6 {
          left: 50%;
      }
      .col-md-push-7 {
          left: 58.33333%;
      }
      .col-md-push-8 {
          left: 66.66667%;
      }
      .col-md-push-9 {
          left: 75%;
      }
      .col-md-push-10 {
          left: 83.33333%;
      }
      .col-md-push-11 {
          left: 91.66667%;
      }
      .col-md-push-12 {
          left: 100%;
      }
      .col-md-offset-0 {
          margin-left: 0%;
      }
      .col-md-offset-1 {
          margin-left: 8.33333%;
      }
      .col-md-offset-2 {
          margin-left: 16.66667%;
      }
      .col-md-offset-3 {
          margin-left: 25%;
      }
      .col-md-offset-4 {
          margin-left: 33.33333%;
      }
      .col-md-offset-5 {
          margin-left: 41.66667%;
      }
      .col-md-offset-6 {
          margin-left: 50%;
      }
      .col-md-offset-7 {
          margin-left: 58.33333%;
      }
      .col-md-offset-8 {
          margin-left: 66.66667%;
      }
      .col-md-offset-9 {
          margin-left: 75%;
      }
      .col-md-offset-10 {
          margin-left: 83.33333%;
      }
      .col-md-offset-11 {
          margin-left: 91.66667%;
      }
      .col-md-offset-12 {
          margin-left: 100%;
      }
  }
  @media (min-width: 1200px) {
      .col-lg-1,
      .col-lg-2,
      .col-lg-3,
      .col-lg-4,
      .col-lg-5,
      .col-lg-6,
      .col-lg-7,
      .col-lg-8,
      .col-lg-9,
      .col-lg-10,
      .col-lg-11,
      .col-lg-12 {
          float: left;
      }
      .col-lg-1 {
          width: 8.33333%;
      }
      .col-lg-2 {
          width: 16.66667%;
      }
      .col-lg-3 {
          width: 25%;
      }
      .col-lg-4 {
          width: 33.33333%;
      }
      .col-lg-5 {
          width: 41.66667%;
      }
      .col-lg-6 {
          width: 50%;
      }
      .col-lg-7 {
          width: 58.33333%;
      }
      .col-lg-8 {
          width: 66.66667%;
      }
      .col-lg-9 {
          width: 75%;
      }
      .col-lg-10 {
          width: 83.33333%;
      }
      .col-lg-11 {
          width: 91.66667%;
      }
      .col-lg-12 {
          width: 100%;
      }
      .col-lg-pull-0 {
          right: auto;
      }
      .col-lg-pull-1 {
          right: 8.33333%;
      }
      .col-lg-pull-2 {
          right: 16.66667%;
      }
      .col-lg-pull-3 {
          right: 25%;
      }
      .col-lg-pull-4 {
          right: 33.33333%;
      }
      .col-lg-pull-5 {
          right: 41.66667%;
      }
      .col-lg-pull-6 {
          right: 50%;
      }
      .col-lg-pull-7 {
          right: 58.33333%;
      }
      .col-lg-pull-8 {
          right: 66.66667%;
      }
      .col-lg-pull-9 {
          right: 75%;
      }
      .col-lg-pull-10 {
          right: 83.33333%;
      }
      .col-lg-pull-11 {
          right: 91.66667%;
      }
      .col-lg-pull-12 {
          right: 100%;
      }
      .col-lg-push-0 {
          left: auto;
      }
      .col-lg-push-1 {
          left: 8.33333%;
      }
      .col-lg-push-2 {
          left: 16.66667%;
      }
      .col-lg-push-3 {
          left: 25%;
      }
      .col-lg-push-4 {
          left: 33.33333%;
      }
      .col-lg-push-5 {
          left: 41.66667%;
      }
      .col-lg-push-6 {
          left: 50%;
      }
      .col-lg-push-7 {
          left: 58.33333%;
      }
      .col-lg-push-8 {
          left: 66.66667%;
      }
      .col-lg-push-9 {
          left: 75%;
      }
      .col-lg-push-10 {
          left: 83.33333%;
      }
      .col-lg-push-11 {
          left: 91.66667%;
      }
      .col-lg-push-12 {
          left: 100%;
      }
      .col-lg-offset-0 {
          margin-left: 0%;
      }
      .col-lg-offset-1 {
          margin-left: 8.33333%;
      }
      .col-lg-offset-2 {
          margin-left: 16.66667%;
      }
      .col-lg-offset-3 {
          margin-left: 25%;
      }
      .col-lg-offset-4 {
          margin-left: 33.33333%;
      }
      .col-lg-offset-5 {
          margin-left: 41.66667%;
      }
      .col-lg-offset-6 {
          margin-left: 50%;
      }
      .col-lg-offset-7 {
          margin-left: 58.33333%;
      }
      .col-lg-offset-8 {
          margin-left: 66.66667%;
      }
      .col-lg-offset-9 {
          margin-left: 75%;
      }
      .col-lg-offset-10 {
          margin-left: 83.33333%;
      }
      .col-lg-offset-11 {
          margin-left: 91.66667%;
      }
      .col-lg-offset-12 {
          margin-left: 100%;
      }
  }
  table {
      background-color: transparent;
  }
  th {
      text-align: left;
  }
  .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px;
  }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
      padding: 8px;
      line-height: 1.42857;
      vertical-align: top;
      border-top: 1px solid #dddddd;
  }
  .table > thead > tr > th {
      vertical-align: bottom;
      border-bottom: 2px solid #dddddd;
  }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
      border-top: 0;
  }
  .table > tbody + tbody {
      border-top: 2px solid #dddddd;
  }
  .table .table {
      background-color: white;
  }
  .table-condensed > thead > tr > th,
  .table-condensed > thead > tr > td,
  .table-condensed > tbody > tr > th,
  .table-condensed > tbody > tr > td,
  .table-condensed > tfoot > tr > th,
  .table-condensed > tfoot > tr > td {
      padding: 5px;
  }
  .table-bordered {
      border: 1px solid #dddddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
      border: 1px solid #dddddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
      border-bottom-width: 2px;
  }
  .table-striped > tbody > tr:nth-child(odd) > td,
  .table-striped > tbody > tr:nth-child(odd) > th {
      background-color: #f9f9f9;
  }
  .table-hover > tbody > tr:hover > td,
  .table-hover > tbody > tr:hover > th {
      background-color: whitesmoke;
  }
  table col[class*="col-"] {
      position: static;
      float: none;
      display: table-column;
  }
  table td[class*="col-"],
  table th[class*="col-"] {
      position: static;
      float: none;
      display: table-cell;
  }
  .table > thead > tr > td.active,
  .table > thead > tr > th.active,
  .table > thead > tr.active > td,
  .table > thead > tr.active > th,
  .table > tbody > tr > td.active,
  .table > tbody > tr > th.active,
  .table > tbody > tr.active > td,
  .table > tbody > tr.active > th,
  .table > tfoot > tr > td.active,
  .table > tfoot > tr > th.active,
  .table > tfoot > tr.active > td,
  .table > tfoot > tr.active > th {
      background-color: whitesmoke;
  }
  .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 > thead > tr > th.success,
  .table > thead > tr.success > td,
  .table > thead > tr.success > th,
  .table > tbody > tr > td.success,
  .table > tbody > tr > th.success,
  .table > tbody > tr.success > td,
  .table > tbody > tr.success > th,
  .table > tfoot > tr > td.success,
  .table > tfoot > tr > th.success,
  .table > tfoot > tr.success > td,
  .table > tfoot > tr.success > th {
      background-color: #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 > thead > tr > th.info,
  .table > thead > tr.info > td,
  .table > thead > tr.info > th,
  .table > tbody > tr > td.info,
  .table > tbody > tr > th.info,
  .table > tbody > tr.info > td,
  .table > tbody > tr.info > th,
  .table > tfoot > tr > td.info,
  .table > tfoot > tr > th.info,
  .table > tfoot > tr.info > td,
  .table > tfoot > tr.info > th {
      background-color: #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 > thead > tr > th.warning,
  .table > thead > tr.warning > td,
  .table > thead > tr.warning > th,
  .table > tbody > tr > td.warning,
  .table > tbody > tr > th.warning,
  .table > tbody > tr.warning > td,
  .table > tbody > tr.warning > th,
  .table > tfoot > tr > td.warning,
  .table > tfoot > tr > th.warning,
  .table > tfoot > tr.warning > td,
  .table > tfoot > tr.warning > th {
      background-color: #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 > thead > tr > th.danger,
  .table > thead > tr.danger > td,
  .table > thead > tr.danger > th,
  .table > tbody > tr > td.danger,
  .table > tbody > tr > th.danger,
  .table > tbody > tr.danger > td,
  .table > tbody > tr.danger > th,
  .table > tfoot > tr > td.danger,
  .table > tfoot > tr > th.danger,
  .table > tfoot > tr.danger > td,
  .table > tfoot > tr.danger > th {
      background-color: #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;
  }
  @media screen and (max-width: -1) {
      .table-responsive {
          width: 100%;
          margin-bottom: 15px;
          overflow-y: hidden;
          overflow-x: auto;
          -ms-overflow-style: -ms-autohiding-scrollbar;
          border: 1px solid #dddddd;
          -webkit-overflow-scrolling: touch;
      }
      .table-responsive > .table {
          margin-bottom: 0;
      }
      .table-responsive > .table > thead > tr > th,
      .table-responsive > .table > thead > tr > td,
      .table-responsive > .table > tbody > tr > th,
      .table-responsive > .table > tbody > tr > td,
      .table-responsive > .table > tfoot > tr > th,
      .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap;
      }
      .table-responsive > .table-bordered {
          border: 0;
      }
      .table-responsive > .table-bordered > thead > tr > th:first-child,
      .table-responsive > .table-bordered > thead > tr > td:first-child,
      .table-responsive > .table-bordered > tbody > tr > th:first-child,
      .table-responsive > .table-bordered > tbody > tr > td:first-child,
      .table-responsive > .table-bordered > tfoot > tr > th:first-child,
      .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0;
      }
      .table-responsive > .table-bordered > thead > tr > th:last-child,
      .table-responsive > .table-bordered > thead > tr > td:last-child,
      .table-responsive > .table-bordered > tbody > tr > th:last-child,
      .table-responsive > .table-bordered > tbody > tr > td:last-child,
      .table-responsive > .table-bordered > tfoot > tr > th:last-child,
      .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0;
      }
      .table-responsive > .table-bordered > tbody > tr:last-child > th,
      .table-responsive > .table-bordered > tbody > tr:last-child > td,
      .table-responsive > .table-bordered > tfoot > tr:last-child > th,
      .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0;
      }
  }
  fieldset {
      padding: 0;
      margin: 0;
      border: 0;
      min-width: 0;
  }
  legend {
      display: block;
      width: 100%;
      padding: 0;
      G margin-bottom: 20px;
      font-size: 21px;
      line-height: inherit;
      color: #333333;
      border: 0;
      border-bottom: 1px solid #e5e5e5;
  }
  label {
      display: inline-block;
      max-width: 100%;
      margin-bottom: 5px;
      font-weight: bold;
  }
  input[type="search"] {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  input[type="radio"],
  input[type="checkbox"] {
      margin: 4px 0 0;
      margin-top: 1px \9;
      line-height: normal;
  }
  input[type="file"] {
      display: block;
  }
  input[type="range"] {
      display: block;
      width: 100%;
  }
  select[multiple],
  select[size] {
      height: auto;
  }
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
  }
  output {
      display: block;
      padding-top: 7px;
      font-size: 14px;
      line-height: 1.42857;
      color: #555555;
  }
  .form-control {
      display: block;
      width: 100%;
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857;
      color: #555555;
      background-color: white;
      background-image: none;
      border: 1px solid #cccccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  .form-control:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  .form-control::-moz-placeholder {
      color: #777777;
      opacity: 1;
  }
  .form-control:-ms-input-placeholder {
      color: #777777;
  }
  .form-control::-webkit-input-placeholder {
      color: #777777;
  }
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
      cursor: not-allowed;
      background-color: #eeeeee;
      opacity: 1;
  }
  textarea.form-control {
      height: auto;
  }
  input[type="search"] {
      -webkit-appearance: none;
  }
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
      line-height: 34px;
      line-height: 1.42857;
  }
  input[type="date"].input-sm,
  .form-horizontal .form-group-sm input[type="date"].form-control,
  input[type="time"].input-sm,
  .form-horizontal .form-group-sm input[type="time"].form-control,
  input[type="datetime-local"].input-sm,
  .form-horizontal .form-group-sm input[type="datetime-local"].form-control,
  input[type="month"].input-sm,
  .form-horizontal .form-group-sm input[type="month"].form-control {
      line-height: 30px;
  }
  input[type="date"].input-lg,
  .form-horizontal .form-group-lg input[type="date"].form-control,
  input[type="time"].input-lg,
  .form-horizontal .form-group-lg input[type="time"].form-control,
  input[type="datetime-local"].input-lg,
  .form-horizontal .form-group-lg input[type="datetime-local"].form-control,
  input[type="month"].input-lg,
  .form-horizontal .form-group-lg input[type="month"].form-control {
      line-height: 46px;
  }
  .form-group {
      margin-bottom: 15px;
  }
  .radio,
  .checkbox {
      position: relative;
      display: block;
      min-height: 20px;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .radio label,
  .checkbox label {
      padding-left: 20px;
      margin-bottom: 0;
      font-weight: normal;
      cursor: pointer;
  }
  .radio input[type="radio"],
  .radio-inline input[type="radio"],
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
      position: absolute;
      margin-left: -20px;
      margin-top: 4px \9;
  }
  .radio + .radio,
  .checkbox + .checkbox {
      margin-top: -5px;
  }
  .radio-inline,
  .checkbox-inline {
      display: inline-block;
      padding-left: 20px;
      margin-bottom: 0;
      vertical-align: middle;
      font-weight: normal;
      cursor: pointer;
  }
  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
      margin-top: 0;
      margin-left: 10px;
  }
  input[type="radio"][disabled],
  input[type="radio"].disabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].disabled,
  fieldset[disabled] input[type="checkbox"] {
      cursor: not-allowed;
  }
  .radio-inline.disabled,
  fieldset[disabled] .radio-inline,
  .checkbox-inline.disabled,
  fieldset[disabled] .checkbox-inline {
      cursor: not-allowed;
  }
  .radio.disabled label,
  fieldset[disabled] .radio label,
  .checkbox.disabled label,
  fieldset[disabled] .checkbox label {
      cursor: not-allowed;
  }
  .form-control-static {
      padding-top: 7px;
      padding-bottom: 7px;
      margin-bottom: 0;
  }
  .form-control-static.input-lg,
  .form-horizontal .form-group-lg .form-control-static.form-control,
  .form-control-static.input-sm,
  .form-horizontal .form-group-sm .form-control-static.form-control {
      padding-left: 0;
      padding-right: 0;
  }
  .input-sm,
  .form-horizontal .form-group-sm .form-control {
      height: 30px;
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px;
  }
  select.input-sm,
  .form-horizontal .form-group-sm select.form-control {
      height: 30px;
      line-height: 30px;
  }
  textarea.input-sm,
  .form-horizontal .form-group-sm textarea.form-control,
  select[multiple].input-sm,
  .form-horizontal .form-group-sm select[multiple].form-control {
      height: auto;
  }
  .input-lg,
  .form-horizontal .form-group-lg .form-control {
      height: 46px;
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.33;
      border-radius: 6px;
  }
  select.input-lg,
  .form-horizontal .form-group-lg select.form-control {
      height: 46px;
      line-height: 46px;
  }
  textarea.input-lg,
  .form-horizontal .form-group-lg textarea.form-control,
  select[multiple].input-lg,
  .form-horizontal .form-group-lg select[multiple].form-control {
      height: auto;
  }
  .has-feedback {
      position: relative;
  }
  .has-feedback .form-control {
      padding-right: 42.5px;
  }
  .form-control-feedback {
      position: absolute;
      top: 25px;
      right: 0;
      z-index: 2;
      display: block;
      width: 34px;
      height: 34px;
      line-height: 34px;
      text-align: center;
  }
  .input-lg + .form-control-feedback,
  .form-horizontal .form-group-lg .form-control + .form-control-feedback {
      width: 46px;
      height: 46px;
      line-height: 46px;
  }
  .input-sm + .form-control-feedback,
  .form-horizontal .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 {
      color: #3c763d;
  }
  .has-success .form-control {
      border-color: #3c763d;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-success .form-control:focus {
      border-color: #2b542c;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  }
  .has-success .input-group-addon {
      color: #3c763d;
      border-color: #3c763d;
      background-color: #dff0d8;
  }
  .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 {
      color: #8a6d3b;
  }
  .has-warning .form-control {
      border-color: #8a6d3b;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-warning .form-control:focus {
      border-color: #66512c;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  }
  .has-warning .input-group-addon {
      color: #8a6d3b;
      border-color: #8a6d3b;
      background-color: #fcf8e3;
  }
  .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 {
      color: #a94442;
  }
  .has-error .form-control {
      border-color: #a94442;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-error .form-control:focus {
      border-color: #843534;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  }
  .has-error .input-group-addon {
      color: #a94442;
      border-color: #a94442;
      background-color: #f2dede;
  }
  .has-error .form-control-feedback {
      color: #a94442;
  }
  .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: 0) {
      .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 .input-group {
          display: inline-table;
          vertical-align: middle;
      }
      .form-inline .input-group .input-group-addon,
      .form-inline .input-group .input-group-btn,
      .form-inline .input-group .form-control {
          width: auto;
      }
      .form-inline .input-group > .form-control {
          width: 100%;
      }
      .form-inline .control-label {
          margin-bottom: 0;
          vertical-align: middle;
      }
      .form-inline .radio,
      .form-inline .checkbox {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          vertical-align: middle;
      }
      .form-inline .radio label,
      .form-inline .checkbox label {
          padding-left: 0;
      }
      .form-inline .radio input[type="radio"],
      .form-inline .checkbox input[type="checkbox"] {
          position: relative;
          margin-left: 0;
      }
      .form-inline .has-feedback .form-control-feedback {
          top: 0;
      }
  }
  .form-horizontal .radio,
  .form-horizontal .checkbox,
  .form-horizontal .radio-inline,
  .form-horizontal .checkbox-inline {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 7px;
  }
  .form-horizontal .radio,
  .form-horizontal .checkbox {
      min-height: 27px;
  }
  .form-horizontal .form-group {
      margin-left: -15px;
      margin-right: -15px;
  }
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after {
      content: " ";
      display: table;
  }
  .form-horizontal .form-group:after {
      clear: both;
  }
  @media (min-width: 0) {
      .form-horizontal .control-label {
          text-align: right;
          margin-bottom: 0;
          padding-top: 7px;
      }
  }
  .form-horizontal .has-feedback .form-control-feedback {
      top: 0;
      right: 15px;
  }
  @media (min-width: 0) {
      .form-horizontal .form-group-lg .control-label {
          padding-top: 14.3px;
      }
  }
  @media (min-width: 0) {
      .form-horizontal .form-group-sm .control-label {
          padding-top: 6px;
      }
  }
  .btn {
      display: inline-block;
      margin-bottom: 0;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857;
      border-radius: 4px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
  }
  .btn:hover,
  .btn:focus {
      color: #333333;
      text-decoration: none;
  }
  .btn:active,
  .btn.active {
      outline: 0;
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
      cursor: not-allowed;
      pointer-events: none;
      opacity: 0.65;
      filter: alpha(opacity=65);
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .btn-default {
      color: #333333;
      background-color: white;
      border-color: #cccccc;
  }
  .btn-default:hover,
  .btn-default:focus,
  .btn-default:active,
  .btn-default.active,
  .open > .btn-default.dropdown-toggle {
      color: #333333;
      background-color: #e6e6e6;
      border-color: #adadad;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .btn-default.dropdown-toggle {
      background-image: none;
  }
  .btn-default.disabled,
  .btn-default.disabled:hover,
  .btn-default.disabled:focus,
  .btn-default.disabled:active,
  .btn-default.disabled.active,
  .btn-default[disabled],
  .btn-default[disabled]:hover,
  .btn-default[disabled]:focus,
  .btn-default[disabled]:active,
  .btn-default[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-default.active {
      background-color: white;
      border-color: #cccccc;
  }
  .btn-default .badge {
      color: white;
      background-color: #333333;
  }
  .btn-primary {
      color: white;
      background-color: #428bca;
      border-color: #357ebd;
  }
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
      color: white;
      background-color: #3071a9;
      border-color: #285e8e;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
      background-image: none;
  }
  .btn-primary.disabled,
  .btn-primary.disabled:hover,
  .btn-primary.disabled:focus,
  .btn-primary.disabled:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled],
  .btn-primary[disabled]:hover,
  .btn-primary[disabled]:focus,
  .btn-primary[disabled]:active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
      background-color: #428bca;
      border-color: #357ebd;
  }
  .btn-primary .badge {
      color: #428bca;
      background-color: white;
  }
  .btn-success {
      color: white;
      background-color: #5cb85c;
      border-color: #4cae4c;
  }
  .btn-success:hover,
  .btn-success:focus,
  .btn-success:active,
  .btn-success.active,
  .open > .btn-success.dropdown-toggle {
      color: white;
      background-color: #449d44;
      border-color: #398439;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .btn-success.dropdown-toggle {
      background-image: none;
  }
  .btn-success.disabled,
  .btn-success.disabled:hover,
  .btn-success.disabled:focus,
  .btn-success.disabled:active,
  .btn-success.disabled.active,
  .btn-success[disabled],
  .btn-success[disabled]:hover,
  .btn-success[disabled]:focus,
  .btn-success[disabled]:active,
  .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
      background-color: #5cb85c;
      border-color: #4cae4c;
  }
  .btn-success .badge {
      color: #5cb85c;
      background-color: white;
  }
  .btn-info {
      color: white;
      background-color: #5bc0de;
      border-color: #46b8da;
  }
  .btn-info:hover,
  .btn-info:focus,
  .btn-info:active,
  .btn-info.active,
  .open > .btn-info.dropdown-toggle {
      color: white;
      background-color: #31b0d5;
      border-color: #269abc;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .btn-info.dropdown-toggle {
      background-image: none;
  }
  .btn-info.disabled,
  .btn-info.disabled:hover,
  .btn-info.disabled:focus,
  .btn-info.disabled:active,
  .btn-info.disabled.active,
  .btn-info[disabled],
  .btn-info[disabled]:hover,
  .btn-info[disabled]:focus,
  .btn-info[disabled]:active,
  .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
      background-color: #5bc0de;
      border-color: #46b8da;
  }
  .btn-info .badge {
      color: #5bc0de;
      background-color: white;
  }
  .btn-warning {
      color: white;
      background-color: #f0ad4e;
      border-color: #eea236;
  }
  .btn-warning:hover,
  .btn-warning:focus,
  .btn-warning:active,
  .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
      color: white;
      background-color: #ec971f;
      border-color: #d58512;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
      background-image: none;
  }
  .btn-warning.disabled,
  .btn-warning.disabled:hover,
  .btn-warning.disabled:focus,
  .btn-warning.disabled:active,
  .btn-warning.disabled.active,
  .btn-warning[disabled],
  .btn-warning[disabled]:hover,
  .btn-warning[disabled]:focus,
  .btn-warning[disabled]:active,
  .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
      background-color: #f0ad4e;
      border-color: #eea236;
  }
  .btn-warning .badge {
      color: #f0ad4e;
      background-color: white;
  }
  .btn-danger {
      color: white;
      background-color: #d9534f;
      border-color: #d43f3a;
  }
  .btn-danger:hover,
  .btn-danger:focus,
  .btn-danger:active,
  .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
      color: white;
      background-color: #c9302c;
      border-color: #ac2925;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
      background-image: none;
  }
  .btn-danger.disabled,
  .btn-danger.disabled:hover,
  .btn-danger.disabled:focus,
  .btn-danger.disabled:active,
  .btn-danger.disabled.active,
  .btn-danger[disabled],
  .btn-danger[disabled]:hover,
  .btn-danger[disabled]:focus,
  .btn-danger[disabled]:active,
  .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
      background-color: #d9534f;
      border-color: #d43f3a;
  }
  .btn-danger .badge {
      color: #d9534f;
      background-color: white;
  }
  .btn-link {
      color: #428bca;
      font-weight: normal;
      cursor: pointer;
      border-radius: 0;
  }
  .btn-link,
  .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: #2a6496;
      text-decoration: underline;
      background-color: transparent;
  }
  .btn-link[disabled]:hover,
  .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
      color: #777777;
      text-decoration: none;
  }
  .btn-lg {
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.33;
      border-radius: 6px;
  }
  .btn-sm {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px;
  }
  .btn-xs {
      padding: 1px 5px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px;
  }
  .btn-block {
      display: block;
      width: 100%;
  }
  .btn-block + .btn-block {
      margin-top: 5px;
  }
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
      width: 100%;
  }
  .fade {
      opacity: 0;
      -webkit-transition: opacity 0.15s linear;
      -o-transition: opacity 0.15s linear;
      transition: opacity 0.15s linear;
  }
  .fade.in {
      opacity: 1;
  }
  .collapse {
      display: none;
  }
  .collapse.in {
      display: block;
  }
  tr.collapse.in {
      display: table-row;
  }
  tbody.collapse.in {
      display: table-row-group;
  }
  .collapsing {
      position: relative;
      height: 0;
      overflow: hidden;
      -webkit-transition: height 0.35s ease;
      -o-transition: height 0.35s ease;
      transition: height 0.35s ease;
  }
  .modal-open {
      overflow: hidden;
  }
  .modal {
      display: none;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1050;
      -webkit-overflow-scrolling: touch;
      outline: 0;
  }
  .modal.fade .modal-dialog {
      -webkit-transform: translate3d(0, -25%, 0);
      transform: translate3d(0, -25%, 0);
      -webkit-transition: -webkit-transform 0.3s ease-out;
      -moz-transition: -moz-transform 0.3s ease-out;
      -o-transition: -o-transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
  }
  .modal.in .modal-dialog {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 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: white;
      border: 1px solid #999999;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      background-clip: padding-box;
      outline: 0;
  }
  .modal-backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1040;
      background-color: black;
  }
  .modal-backdrop.fade {
      opacity: 0;
      filter: alpha(opacity=0);
  }
  .modal-backdrop.in {
      opacity: 0.5;
      filter: alpha(opacity=50);
  }
  .modal-header {
      padding: 15px;
      border-bottom: 1px solid #e5e5e5;
      min-height: 16.42857px;
  }
  .modal-header .close {
      margin-top: -2px;
  }
  .modal-title {
      margin: 0;
      line-height: 1.42857;
  }
  .modal-body {
      position: relative;
      padding: 15px;
  }
  .modal-footer {
      padding: 15px;
      text-align: right;
      border-top: 1px solid #e5e5e5;
  }
  .modal-footer:before,
  .modal-footer:after {
      content: " ";
      display: table;
  }
  .modal-footer:after {
      clear: both;
  }
  .modal-footer .btn + .btn {
      margin-left: 5px;
      margin-bottom: 0;
  }
  .modal-footer .btn-group .btn + .btn {
      margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
      margin-left: 0;
  }
  .modal-scrollbar-measure {
      position: absolute;
      top: -9999px;
      width: 50px;
      height: 50px;
      overflow: scroll;
  }
  @media (min-width: 0) {
      .modal-dialog {
          width: 600px;
          margin: 30px auto;
      }
      .modal-content {
          -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      }
      .modal-sm {
          width: 300px;
      }
  }
  @media (min-width: 0) {
      .modal-lg {
          width: 900px;
      }
  }
  .tooltip {
      position: absolute;
      z-index: 1070;
      display: block;
      visibility: visible;
      font-size: 12px;
      line-height: 1.4;
      opacity: 0;
      filter: alpha(opacity=0);
  }
  .tooltip.in {
      opacity: 0.9;
      filter: alpha(opacity=90);
  }
  .tooltip.top {
      margin-top: -3px;
      padding: 5px 0;
  }
  .tooltip.right {
      margin-left: 3px;
      padding: 0 5px;
  }
  .tooltip.bottom {
      margin-top: 3px;
      padding: 5px 0;
  }
  .tooltip.left {
      margin-left: -3px;
      padding: 0 5px;
  }
  .tooltip-inner {
      max-width: 200px;
      padding: 3px 8px;
      color: white;
      text-align: center;
      text-decoration: none;
      background-color: black;
      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: black;
  }
  .tooltip.top-left .tooltip-arrow {
      bottom: 0;
      left: 5px;
      border-width: 5px 5px 0;
      border-top-color: black;
  }
  .tooltip.top-right .tooltip-arrow {
      bottom: 0;
      right: 5px;
      border-width: 5px 5px 0;
      border-top-color: black;
  }
  .tooltip.right .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: black;
  }
  .tooltip.left .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: black;
  }
  .tooltip.bottom .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: black;
  }
  .tooltip.bottom-left .tooltip-arrow {
      top: 0;
      left: 5px;
      border-width: 0 5px 5px;
      border-bottom-color: black;
  }
  .tooltip.bottom-right .tooltip-arrow {
      top: 0;
      right: 5px;
      border-width: 0 5px 5px;
      border-bottom-color: black;
  }
  .popover {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1060;
      display: none;
      max-width: 276px;
      padding: 1px;
      text-align: left;
      background-color: white;
      background-clip: padding-box;
      border: 1px solid #cccccc;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      white-space: normal;
  }
  .popover.top {
      margin-top: -10px;
  }
  .popover.right {
      margin-left: 10px;
  }
  .popover.bottom {
      margin-top: 10px;
  }
  .popover.left {
      margin-left: -10px;
  }
  .popover-title {
      margin: 0;
      padding: 8px 14px;
      font-size: 14px;
      font-weight: normal;
      line-height: 18px;
      background-color: #f7f7f7;
      border-bottom: 1px solid #ebebeb;
      border-radius: 5px 5px 0 0;
  }
  .popover-content {
      padding: 9px 14px;
  }
  .popover > .arrow,
  .popover > .arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
  }
  .popover > .arrow {
      border-width: 11px;
  }
  .popover > .arrow:after {
      border-width: 10px;
      content: "";
  }
  .popover.top > .arrow {
      left: 50%;
      margin-left: -11px;
      border-bottom-width: 0;
      border-top-color: #999999;
      border-top-color: rgba(0, 0, 0, 0.25);
      bottom: -11px;
  }
  .popover.top > .arrow:after {
      content: " ";
      bottom: 1px;
      margin-left: -10px;
      border-bottom-width: 0;
      border-top-color: white;
  }
  .popover.right > .arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-left-width: 0;
      border-right-color: #999999;
      border-right-color: rgba(0, 0, 0, 0.25);
  }
  .popover.right > .arrow:after {
      content: " ";
      left: 1px;
      bottom: -10px;
      border-left-width: 0;
      border-right-color: white;
  }
  .popover.bottom > .arrow {
      left: 50%;
      margin-left: -11px;
      border-top-width: 0;
      border-bottom-color: #999999;
      border-bottom-color: rgba(0, 0, 0, 0.25);
      top: -11px;
  }
  .popover.bottom > .arrow:after {
      content: " ";
      top: 1px;
      margin-left: -10px;
      border-top-width: 0;
      border-bottom-color: white;
  }
  .popover.left > .arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-right-width: 0;
      border-left-color: #999999;
      border-left-color: rgba(0, 0, 0, 0.25);
  }
  .popover.left > .arrow:after {
      content: " ";
      right: 1px;
      border-right-width: 0;
      border-left-color: white;
      bottom: -10px;
  }
  .carousel {
      position: relative;
  }
  .carousel-inner {
      position: relative;
      overflow: hidden;
      width: 100%;
  }
  .carousel-inner > .item {
      display: none;
      position: relative;
      -webkit-transition: 0.6s ease-in-out left;
      -o-transition: 0.6s ease-in-out left;
      transition: 0.6s ease-in-out left;
  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      display: block;
      width: 100% \9;
      max-width: 100%;
      height: auto;
      line-height: 1;
  }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
      display: block;
  }
  .carousel-inner > .active {
      left: 0;
  }
  .carousel-inner > .next,
  .carousel-inner > .prev {
      position: absolute;
      top: 0;
      width: 100%;
  }
  .carousel-inner > .next {
      left: 100%;
  }
  .carousel-inner > .prev {
      left: -100%;
  }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
      left: 0;
  }
  .carousel-inner > .active.left {
      left: -100%;
  }
  .carousel-inner > .active.right {
      left: 100%;
  }
  .carousel-control {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 15%;
      opacity: 0.5;
      filter: alpha(opacity=50);
      font-size: 20px;
      color: white;
      text-align: center;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  .carousel-control.right {
      left: auto;
      right: 0;
  }
  .carousel-control:hover,
  .carousel-control:focus {
      outline: 0;
      color: white;
      text-decoration: none;
      opacity: 0.9;
      filter: alpha(opacity=90);
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block;
  }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
      left: 50%;
      margin-left: -10px;
  }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
      right: 50%;
      margin-right: -10px;
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
      width: 20px;
      height: 20px;
      margin-top: -10px;
      font-family: serif;
  }
  .carousel-control .icon-prev:before {
      content: '\2039';
  }
  .carousel-control .icon-next:before {
      content: '\203a';
  }
  .carousel-indicators {
      position: absolute;
      bottom: 10px;
      left: 50%;
      z-index: 15;
      width: 60%;
      margin-left: -30%;
      padding-left: 0;
      list-style: none;
      text-align: center;
  }
  .carousel-indicators li {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 1px;
      text-indent: -999px;
      border: 1px solid white;
      border-radius: 10px;
      cursor: pointer;
      background-color: #000 \9;
      background-color: rgba(0, 0, 0, 0);
  }
  .carousel-indicators .active {
      margin: 0;
      width: 12px;
      height: 12px;
      background-color: white;
  }
  .carousel-caption {
      position: absolute;
      left: 15%;
      right: 15%;
      bottom: 20px;
      z-index: 10;
      padding-top: 20px;
      padding-bottom: 20px;
      color: white;
      text-align: center;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  .carousel-caption .btn {
      text-shadow: none;
  }
  @media screen and (min-width: 0) {
      .carousel-control .glyphicon-chevron-left,
      .carousel-control .glyphicon-chevron-right,
      .carousel-control .icon-prev,
      .carousel-control .icon-next {
          width: 30px;
          height: 30px;
          margin-top: -15px;
          font-size: 30px;
      }
      .carousel-control .glyphicon-chevron-left,
      .carousel-control .icon-prev {
          margin-left: -15px;
      }
      .carousel-control .glyphicon-chevron-right,
      .carousel-control .icon-next {
          margin-right: -15px;
      }
      .carousel-caption {
          left: 20%;
          right: 20%;
          padding-bottom: 30px;
      }
      .carousel-indicators {
          bottom: 20px;
      }
  }
  .clearfix:before,
  .clearfix:after {
      content: " ";
      display: table;
  }
  .clearfix:after {
      clear: both;
  }
  .center-block {
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
  .pull-right {
      float: right !important;
  }
  .pull-left {
      float: left !important;
  }
  .hide {
      display: none !important;
  }
  .show {
      display: block !important;
  }
  .invisible {
      visibility: hidden;
  }
  .text-hide {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0;
  }
  .hidden {
      display: none !important;
      visibility: hidden !important;
  }
  .affix {
      position: fixed;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  @-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: -1) {
      .visible-xs {
          display: block !important;
      }
      table.visible-xs {
          display: table;
      }
      tr.visible-xs {
          display: table-row !important;
      }
      th.visible-xs,
      td.visible-xs {
          display: table-cell !important;
      }
  }
  @media (max-width: -1) {
      .visible-xs-block {
          display: block !important;
      }
  }
  @media (max-width: -1) {
      .visible-xs-inline {
          display: inline !important;
      }
  }
  @media (max-width: -1) {
      .visible-xs-inline-block {
          display: inline-block !important;
      }
  }
  @media (min-width: 0) and (max-width: -1) {
      .visible-sm {
          display: block !important;
      }
      table.visible-sm {
          display: table;
      }
      tr.visible-sm {
          display: table-row !important;
      }
      th.visible-sm,
      td.visible-sm {
          display: table-cell !important;
      }
  }
  @media (min-width: 0) and (max-width: -1) {
      .visible-sm-block {
          display: block !important;
      }
  }
  @media (min-width: 0) and (max-width: -1) {
      .visible-sm-inline {
          display: inline !important;
      }
  }
  @media (min-width: 0) and (max-width: -1) {
      .visible-sm-inline-block {
          display: inline-block !important;
      }
  }
  @media (min-width: 0) and (max-width: 1199px) {
      .visible-md {
          display: block !important;
      }
      table.visible-md {
          display: table;
      }
      tr.visible-md {
          display: table-row !important;
      }
      th.visible-md,
      td.visible-md {
          display: table-cell !important;
      }
  }
  @media (min-width: 0) and (max-width: 1199px) {
      .visible-md-block {
          display: block !important;
      }
  }
  @media (min-width: 0) and (max-width: 1199px) {
      .visible-md-inline {
          display: inline !important;
      }
  }
  @media (min-width: 0) 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;
      }
      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: -1) {
      .hidden-xs {
          display: none !important;
      }
  }
  @media (min-width: 0) and (max-width: -1) {
      .hidden-sm {
          display: none !important;
      }
  }
  @media (min-width: 0) 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;
      }
      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;
      }
  }
  body {
      margin: 0;
      padding: 0;
  }
  button {
      background: none;
      border: 0;
      padding: 0;
      min-width: 0;
  }
  button:hover,
  button:active {
      background: none;
  }
  body {
      color: #000;
      font-family: "ScalaSansWeb", Arial, sans-serif;
      font-size: 16px;
      line-height: 1em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  ul {
      padding: 0;
  }
  li {
      list-style: none;
  }
  p {
      line-height: 1.4em;
  }
  a:hover {
      text-decoration: none;
  }
  .container {
      width: 100%;
      min-width: 960px;
      padding-left: 0px;
      padding-right: 0px;
  }
  .container .wrap {
      margin: 0 auto;
      width: 960px;
      padding: 0 10px;
  }
  .container .wrap .row {
      margin-left: 0px;
      margin-right: 0px;
  }
  .no-padding {
      padding: 0 !important;
  }
  .no-padding-top {
      padding-top: 0 !important;
  }
  .no-padding-right {
      padding-right: 0 !important;
  }
  .no-padding-bottom {
      padding-bottom: 0 !important;
  }
  .no-padding-left {
      padding-left: 0 !important;
  }
  .no-margin {
      margin: 0 !important;
  }
  .no-margin-top {
      margin-top: 0 !important;
  }
  .no-margin-right {
      margin-right: 0 !important;
  }
  .no-margin-bottom {
      margin-bottom: 0 !important;
  }
  .no-margin-left {
      margin-left: 0 !important;
  }
  .no-border {
      border: 0 !important;
  }
  .no-border-top {
      border-top: 0 !important;
  }
  .no-border-right {
      border-right: 0 !important;
  }
  .no-border-bottom {
      border-bottom: 0 !important;
  }
  .no-border-left {
      border-left: 0 !important;
  }
  .align-center {
      text-align: center !important;
  }
  .align-left {
      text-align: left !important;
  }
  .align-right {
      text-align: right !important;
  }
  .full-width {
      width: 100% !important;
  }
  .text-black {
      color: black;
  }
  .text-blue-dark {
      color: #2f5571;
  }
  .text-blue-darkest {
      color: #1c3141;
  }
  .text-blue-light {
      color: #4f90bd;
  }
  .text-grey {
      color: #ababab;
  }
  .text-orange {
      color: #fdad37;
  }
  .text-white {
      color: white;
  }
  [class*="texture-"] {
      background-position: top left;
      background-repeat: repeat;
  }
  .texture-blue-dark {
      background-image: url("clientlibs-css/images/bg-blue-dark.png");
  }
  .texture-blue-light {
      background-image: url("clientlibs-css/images/bg-blue-light.png");
  }
}
.small-text {
    font-size: 12px;
}
.large-text {
    font-size: 20px;
}
[class*="btn-"] {
    border-style: solid;
    border-width: 3px;
    font-size: 16px;
    font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
    line-height: 38px;
    margin: 10px 0;
    padding: 10px 5px 6px 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 66%;
    max-width: 300px;
}
[class*="btn-"].border-black {
    border-color: black;
}
[class*="btn-"].border-blue-dark {
    border-color: #2f5571;
}
[class*="btn-"].border-blue-darkest {
    border-color: #1c3141;
}
[class*="btn-"].border-blue-light {
    border-color: #4f90bd;
}
[class*="btn-"].border-orange {
    border-color: #fdad37;
}
[class*="btn-"].border-white {
    border-color: white;
}
[class*="btn-"].text-black {
    color: black;
}
[class*="btn-"].text-blue-dark {
    color: #2f5571;
}
[class*="btn-"].text-blue-darkest {
    color: #1c3141;
}
[class*="btn-"].text-blue-light {
    color: #4f90bd;
}
[class*="btn-"].text-orange {
    color: #fdad37;
}
[class*="btn-"].text-white {
    color: white;
}
[class*="btn-"].caret-left:before {
    top: 20px;
    left: 35px;
}
[class*="btn-"].caret-right:after {
    top: 20px;
    right: 35px;
}
.btn-black {
    background-color: black;
}
.btn-blue-dark {
    background-color: #2f5571;
}
.btn-blue-darkest {
    background-color: #1c3141;
}
.btn-blue-light {
    background-color: #4f90bd;
}
.btn-blue-light:hover {
    background-color: #3f79a1;
}
.btn-orange {
    background-color: #fdad37;
}
.btn-orange:hover {
    background-color: #ea9a24;
}
.btn-white {
    background-color: white;
}
.caret-right {
    padding-right: 20px;
    position: relative;
}
.caret-right.small-caret {
    padding-right: 15px;
}
.caret-right.small-caret:after {
    width: 10px;
}
.caret-right:after {
    content: "";
    background-position: 2px 1px;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
}
.caret-right.caret-blue:after {
    background-image: url("clientlibs-css/images/caret-blue.png");
}
.caret-right.caret-orange:after {
    background-image: url("clientlibs-css/images/caret-orange.png");
}
.caret-right.caret-white:after {
    background-image: url("clientlibs-css/images/caret-white.png");
}
.caret-right.caret-white.small-caret:after {
    background-image: url("clientlibs-css/images/caret-white-small.png");
}
.caret-left {
    padding-left: 20px;
    position: relative;
}
.caret-left.small-caret {
    padding-left: 15px;
}
.caret-left.small-caret:before {
    width: 10px;
}
.caret-left:before {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    height: 1em;
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
}
.caret-left.caret-blue:before {
    background-image: url("clientlibs-css/images/caret-blue.png");
}
.caret-left.caret-orange:before {
    background-image: url("clientlibs-css/images/caret-orange.png");
}
.caret-left.caret-white:before {
    background-image: url("clientlibs-css/images/caret-white.png");
}
.caret-left.caret-white.small-caret:before {
    background-image: url("clientlibs-css/images/caret-white-small.png");
}
.controls {
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.controls .carousel-indicators {
    display: inline-block;
    margin: 0 auto;
    position: static;
    text-align: center;
    vertical-align: middle;
    width: auto;
    z-index: 1;
}
.controls .carousel-indicators li {
    background: none;
    background-color: #2f5571;
    border: none;
    border-radius: 0;
    height: 3px;
    vertical-align: middle;
    width: 20px;
}
.controls .carousel-indicators li.active {
    background-color: white;
}
.controls .carousel-control {
    background-image: url("clientlibs-css/images/dir-arrows.png");
    display: inline-block;
    height: 20px;
    padding: 0;
    margin: 0 20px;
    opacity: 1;
    position: static;
    vertical-align: middle;
    width: 12px;
    z-index: 1;
}
.controls .carousel-control.left {
    background-position: center top;
}
.controls .carousel-control.right {
    background-position: center -20px;
}
#video-overlay-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}
#youtube-video {
    display: none;
    position: fixed;
    z-index: 101;
    top: 95px;
}
#video-close-btn {
    position: fixed;
    z-index: 101;
    display: none;
    top: 30px;
    right: 30px;
    background: url("clientlibs-css/images/video-player-close-btn-sprite.png") 0 0 no-repeat;
    width: 13px;
    height: 13px;
}
#video-close-btn:hover {
    background-position: -18px 0;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    float: left;
}
.col-md-1 {
    width: 8.33333%;
}
.col-md-2 {
    width: 16.66667%;
}
.col-md-3 {
    width: 25%;
}
.col-md-4 {
    width: 33.33333%;
}
.col-md-5 {
    width: 41.66667%;
}
.col-md-6 {
    width: 50%;
}
.col-md-7 {
    width: 58.33333%;
}
.col-md-8 {
    width: 66.66667%;
}
.col-md-9 {
    width: 75%;
}
.col-md-10 {
    width: 83.33333%;
}
.col-md-11 {
    width: 91.66667%;
}
.col-md-12 {
    width: 100%;
}
.col-md-offset-0 {
    margin-left: 0%;
}
.col-md-offset-1 {
    margin-left: 8.33333%;
}
.col-md-offset-2 {
    margin-left: 16.66667%;
}
.col-md-offset-3 {
    margin-left: 25%;
}
.col-md-offset-4 {
    margin-left: 33.33333%;
}
.col-md-offset-5 {
    margin-left: 41.66667%;
}
.col-md-offset-6 {
    margin-left: 50%;
}
.col-md-offset-7 {
    margin-left: 58.33333%;
}
.col-md-offset-8 {
    margin-left: 66.66667%;
}
.col-md-offset-9 {
    margin-left: 75%;
}
.col-md-offset-10 {
    margin-left: 83.33333%;
}
.col-md-offset-11 {
    margin-left: 91.66667%;
}
.col-md-offset-12 {
    margin-left: 100%;
}
/**
 * Partials
 */

#logo {
    display: table-cell;
    vertical-align: middle;
    height: 65px;
}
.utility-bar {
    background-color: #2f5571;
    font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
    font-size: 14px;
    height: 65px;
    position: relative;
    -webkit-box-shadow: 0 4px 0 rgba(50, 50, 50, 0.4);
    box-shadow: 0 4px 0 rgba(50, 50, 50, 0.4);
    z-index:30;
}
.utility-bar .main-menu {
    position: relative;
    text-align: right;
}
.utility-bar .main-menu > .dropdown {
    cursor: pointer;
    position: relative;
}
.utility-bar .main-menu > .dropdown:hover > .submenu,
.utility-bar .main-menu > .dropdown.selected > .submenu {
    display: block;
}
.utility-bar .main-menu > .dropdown > .submenu {
    display: none;
    z-index: 20;
}
.utility-bar .main-menu > .dropdown > .submenu.cols-1 {
    left: 0;
    width: 283px;
}
.utility-bar .main-menu > .dropdown > .submenu.cols-2 {
    left: 0;
    width: 502px;
}
.utility-bar .main-menu > .dropdown > .submenu.cols-3 {
    left: 0;
    width: 721px;
}
.utility-bar .main-menu > .dropdown > .submenu.cols-4 {
    left: 0;
    width: 940px;
}
.utility-bar .main-menu > .dropdown > .submenu > div {
    margin-left: 64px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 155px;
}
.utility-bar .main-menu > .dropdown > .submenu .dropdown:hover > .submenu,
.utility-bar .main-menu > .dropdown > .submenu .dropdown.selected > .submenu {
    display: block;
}
.utility-bar .main-menu > .dropdown > .submenu .dropdown > .submenu {
    display: none;
    left: 99%;
    top: 0;
    width: 190px;
    z-index: 30;
}
.utility-bar .main-menu .header-placeholder {
    display: block;
    height: 3em;
}
.utility-bar .main-menu .header-placeholder h3 {
    font-size: 14px;
    line-height: 1.5em;
    text-transform: uppercase;
}
.utility-bar .main-menu li {
    display: inline-block;
    color: white;
    height: auto;
    line-height: 65px;
    padding: 0 5px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top;
}
.utility-bar .main-menu li:hover,
.utility-bar .main-menu li.selected {
    color: #fdad37;
}
.utility-bar .main-menu li:hover > a,
.utility-bar .main-menu li.selected > a {
    color: #fdad37;
}
.utility-bar .main-menu li.border-bottom {
    border-bottom: solid 1px white;
}
.utility-bar .main-menu li a {
    color: white;
    text-transform: uppercase;
    text-align: left;
}
.utility-bar .main-menu li .submenu {
    background-color: #2f5571;
    padding: 30px 0 27px 0;
    position: absolute;
    -webkit-box-shadow: inset 0 4px 4px rgba(50, 50, 50, 0.4);
    box-shadow: inset 0 4px 4px rgba(50, 50, 50, 0.4);
}
.utility-bar .main-menu li .submenu li {
    display: block;
    line-height: 1.5em;
    padding: 0.5em 0;
    text-transform: none;
}
.utility-bar .main-menu li .submenu li a {
    text-transform: none;
}
.utility-bar .main-menu li .submenu li .submenu {
    padding: 20px;
    -webkit-box-shadow: 0 0 1px 1px rgba(50, 50, 50, 0.4);
    box-shadow: 0 0 1px 1px rgba(50, 50, 50, 0.4);
}
.utility-bar .main-menu li [class*="caret-"]:before,
.utility-bar .main-menu li [class*="caret-"]:after {
    top: 0.7em;
}
.utility-bar .sign-in:hover span,
.utility-bar .sign-in.selected span {
    border-color: #fdad37;
    color: #fdad37;
}
.utility-bar .sign-in:hover .submenu,
.utility-bar .sign-in.selected .submenu {
    display: block;
}
.utility-bar .sign-in span {
    width: auto;
    padding: 0 5px;
}
.utility-bar .sign-in span a {
    color: white;
}
.utility-bar .sign-in .submenu {
    background-color: #2f5571;
    display: none;
    color: white;
    padding: 20px 40px;
    position: absolute;
    right: 0;
    width: 200px;
    -webkit-box-shadow: inset 0 4px 4px rgba(50, 50, 50, 0.4);
    box-shadow: inset 0 4px 4px rgba(50, 50, 50, 0.4);
}
.utility-bar .sign-in .submenu li {
    border-top: solid 1px white;
    padding: 5px 0;
}
.utility-bar .sign-in .submenu li:first-child {
    border: none;
}
.utility-bar .sign-in .submenu li.caret-white:after {
    top: 4px;
}
.utility-bar .sign-in .submenu a {
    color: white;
    display: inline-block;
}
.utility-bar .sign-in .submenu a:hover {
    color: #fdad37;
}
.auth-carousel {
    position: relative;
    height: 620px;
}
.auth-carousel .item {
    height: 620px;
    top: 0;
    width: 100%;
}
.accept-payments {
    background-color: #4f90bd;
    color: white;
}
.accept-payments .wrap {
    padding: 140px 0;
}
.accept-payments h1 {
    font-family: "ScalaSansWeb-Light", Arial, sans-serif;
    font-size: 50px;
    margin: 80px auto 30px;
}
.photo-marquee {
    background-color: #C7D6D7;
    background-image: url("../../developer/clientlibs/clientlibs-html/imgs/carousel/bg-photo.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    color: #2f5571;
}
.photo-marquee .verified-logo {
    margin-top: 120px;
}
.photo-marquee h2 {
    font-size: 50px;
}
.text-bar {
    background: #2f5571;
    font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
    font-size: 18px;
    color: white;
    padding: 18px 0;
    position: relative;
    line-height: 30px;
    -webkit-box-shadow: 0 0 4px 4px rgba(50, 50, 50, 0.4);
    box-shadow: 0 0 4px 4px rgba(50, 50, 50, 0.4);
}
.text-bar a {
    margin-left: 30px;
    text-transform: uppercase;
    white-space: nowrap;
}
.text-bar a:hover {
    color: #ff9933;
}
.three-col-bar {
    background-color: white;
    color: #2f5571;
    padding: 190px 0;
    text-align: center;
}
.three-col-bar h2 {
    font-family: "ScalaSansWeb-Light", Arial, sans-serif;
    font-size: 35px;
}
.three-col-bar p {
    margin: 0 auto;
    width: 80%;
}
.three-col-bar a {
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
}
.big-promo {
    background-color: #2f5571;
    color: white;
    padding-top: 50px;
}
.big-promo > div {
    padding-top: 30px;
}
.big-promo > div p {
    margin: 20px 0;
    width: 80%;
}
.big-promo .media {
    text-align: right;
}
.big-promo .media img {
    margin: 30px auto 0;
}
.support-bar {
    background-color: white;
    padding: 165px 0;
}
.support-bar .support-left h2 {
    font-size: 60px;
    font-family: "ScalaSansWeb-Light", Arial, sans-serif;
    margin-top: -15px;
}
.support-bar .support-left p {
    width: 80%;
    color: #2f5571;
}
.support-bar .support-left a {
    margin-top: 40px;
}
.support-bar .support-items {
    border-left: solid 3px #fdad37;
    display: table;
}
.support-bar .support-items li {
    font-size: 30px;
    font-family: "ScalaSansWeb-Light", Arial, sans-serif;
    display: table-row;
}
.support-bar .support-items li.last img {
    padding-bottom: 0px;
}
.support-bar .support-items li.last span {
    padding-bottom: 0px;
}
.support-bar .support-items li img {
    margin-right: 10px;
    display: table-cell;
    padding: 7px 6px 47px 47px;
}
.support-bar .support-items li span {
    display: table-cell;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 47px;
    line-height: 28px;
}
.logo-carousel {
    background-color: #4f90bd;
    padding: 70px 0;
}
.logo-carousel .large-text {
    font-size: 32px;
    margin-top: 25px;
    font-family: "ScalaSansWeb-Light", Arial, sans-serif;
}
.logo-carousel .header-logos {
    height: 0.5em;
    margin-bottom: 5px;
}
.logo-carousel .header-logos .hr {
    border-top: solid 2px #fdad37;
    height: 0.5em;
}
.logo-carousel .header-logos h3 {
    font-size: 16px;
    margin: -0.5em 0 0;
    text-transform: uppercase;
    font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
}
.logo-carousel .carousel {
    margin: 31px 0 45px 0;
}
.logo-carousel .carousel .controls {
    bottom: -60px;
}
.logo-carousel .carousel .item {
    height: 100px;
}
.button-bar {
    background-color: #2f5571;
    padding: 10px 0 30px 0;
    -webkit-box-shadow: inset 0 0 20px 0px rgba(50, 50, 50, 0.4);
    box-shadow: inset 0 0 20px 0px rgba(50, 50, 50, 0.4);
}
.button-bar ul {
    margin-bottom: 0;
    padding: 0 5px;
}
.button-bar ul li {
    padding: 0 10px;
}
.button-bar a {
    border-color: #4f90bd;
    color: white;
    padding: 15.5px 5px;
}
footer {
    background-color: #1c3141;
    margin: 0 10px;
    padding-top: 52px;
    padding-bottom: 165px;
}
footer h3 {
    color: white;
    margin-bottom: 2px;
    font-weight: normal;
    font-size: 23px;
}
footer .header-underline {
    background-color: #5fabe4;
    width: 60px;
    height: 3px;
}
footer .header-underline.long {
    width: 70px;
}
footer ul {
    margin-top: 32px;
}
footer ul li {
    color: white;
    margin-top: 9px;
}
footer ul li a {
    color: white;
}
footer ul li input {
    color: white;
    background-color: #1c3141;
    width: 100%;
    border: solid 3px #4f90bd;
    padding: 7px 12px;
}
footer ul li.country-selector {
    cursor: pointer;
    margin-bottom: 25px;
    margin-left: -10px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
}
footer ul li.country-selector:hover,
footer ul li.country-selector.selected {
    background-color: #2f5571;
}
footer ul li.country-selector:hover .selection-list,
footer ul li.country-selector.selected .selection-list {
    display: block;
}
footer ul li.country-selector img {
    margin-right: 10px;
}
footer ul li.country-selector .selection-list {
    background-color: #2f5571;
    bottom: 100%;
    border-bottom: solid 1px #1c3141;
    display: none;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 100%;
    left: 0px;
}
footer ul li.country-selector .selection-list li {
    margin: 10px 0;
    line-height: 21px;
}
footer ul li.country-selector .selection-list li:hover a,
footer ul li.country-selector .selection-list li.current a {
    color: #fdad37;
}
/* ES */
/* Common */

@font-face {
    font-family: 'ScalaSansWeb-BoldIta';
    src: url("clientlibs-css/fonts/ScalaSansWeb-BoldIta.eot");
    src: url("clientlibs-css/fonts/ScalaSansWeb-BoldIta.eot?#iefix") format("embedded-opentype"),
    url("clientlibs-css/fonts/ScalaSansWeb-BoldIta.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ScalaSansWeb-Ita';
    src: url("clientlibs-css/fonts/ScalaSansWeb-Ita.eot");
    src: url("clientlibs-css/fonts/ScalaSansWeb-Ita.eot?#iefix") format("embedded-opentype"),
    url("clientlibs-css/fonts/ScalaSansWeb-Ita.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
body {
    color: #2f5571;
}
h1 {
    font-size: 60px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-size: 30px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
h5 {
    font-family: "ScalaSansWeb-Light", Arial, sans-serif;
    margin-top: 0;
}
p {
    margin: 0 0 20px 0;
}
/*a.ext_link {
  background: url("../../../../resources/images/ext_link.png") no-repeat center right;
  padding-right: 18px;
}*/

.clear-both {
    clear: both;
}
.hr-orange {
    border-top: 2px solid #fdad37;
    height: 0.5em;
}
.hr-grey {
    border-top: 2px solid #d7d7d7;
    height: 0.5em;
}
.hr-white {
    border-top: 2px solid white;
    height: 0.5em;
}
.hr-orange,
.hr-grey,
.hr-white {
    margin-bottom: 35px;
    margin-top: 10px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.margin-left-30 {
    margin-left: 30px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-80 {
    margin-top: 80px;
}
.margin-top-95 {
    margin-top: 95px;
}
.padding-bottom-0 {
    padding-bottom: 0px !important;
}
.padding-top-0 {
    padding-top: 0px !important;
}
ol.roman li {
    list-style-type: upper-roman;
}
.text-bold {
    font-weight: bold;
}
.width-66 {
    width: 66%;
}
/* Big Promo */

.big-promo ul {
    margin: 0;
    padding: 20px 0 0 25px;
}
.big-promo ul li {
    list-style-type: disc;
    padding-bottom: 20px;
}
/* Blog */

.blogs {
    padding-bottom: 40px;
    padding-top: 60px;
}
.blog-article {
    padding-bottom: 60px;
}
.blog-article h2 {
    margin-bottom: 0;
    padding-bottom: 20px;
}
.blog-article .hr-grey {
    margin-top: 60px;
}
.blog-date {
    padding-bottom: 20px;
}
.blog-rss a {
    background: url("clientlibs-css/images/rss.gif") no-repeat;
    display: inline-block;
    line-height: 16px;
    padding-left: 20px;
}
.blog-topics {
    padding-bottom: 30px;
    padding-top: 30px;
}
/* Case Studies */

.case-study {
    padding-bottom: 60px;
}
/* Certified Developer Directory */

#fixedContainer {
    float: left;
    height: 36px;
    width: 100%;
}
#fixedDisclaimer {
    width: 100%;
    position: relative;
}
#fixedDisclaimer.fixed {
    bottom: 0;
    position: fixed;
    z-index: 9999;
}
.disclaimer_open {
    width: 960px;
    margin: 0 auto;
}
.disclaimer_open img {
    left: 480px;
    position: relative;
}
.disclaimer {
    background: none repeat scroll 0 0 #528AB2;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
.disclaimer a {
    color: #FFFFFF;
    text-decoration: underline;
}
.disclaimer p {
    line-height: 16px;
}
.disclaimer table td {
    vertical-align: top;
}
/* Certified Solution Directory */

.csdir-listings {
    clear: both;
    float: left;
}
.csdir-listing,
.csdir-listingalt {
    border-bottom: 1px solid #c0c0c0;
    padding: 50px 0 50px 85px;
}
.csdir-listing p,
.csdir-listingalt p {
    margin: 0;
    padding: 5px 0 0 0;
}
.csdir-pci {
    background-image: url("clientlibs-css/images/pci_logo.png");
    background-repeat: no-repeat;
    background-position: 20px 50px;
}
.csdir-steps {
    float: left;
    padding: 10px 0;
}
.csdir-steps ul li {
    line-height: 20px;
    margin-bottom: 14px;
    padding: 0 0 0 27px;
}
.csdir-spacer {
    width: 60px;
}
.csdir-spacer-remaining {
    width: 327px;
}
.csdir-tab-content {
    float: left;
}
.csdir-tabs {
    float: left;
    margin: 50px 0px 50px 0px;
    width: 100%;
}
.csdir-tabs ul li {
    border-bottom: 4px solid #d7d7d7;
    cursor: pointer;
    float: left;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.csdir-tabs ul li:hover:not(.csdir-spacer),
.csdir-tabs ul li.active:not(.csdir-spacer) {
    border-bottom: 4px solid #FDAD37;
    cursor: default;
    position: relative;
}
.csdir-tabs ul li a {
    color: #ababab;
    font-weight: bold;
}
.csdir-tabs ul li:hover:not(.csdir-spacer) a,
.csdir-tabs ul li.active:not(.csdir-spacer) a {
    color: #2f5571;
}
.csdir-tabs ul li a:hover {
    text-decoration: none;
}
.csdir-tabs li img.arrow_down {
    display: none;
}
.csdir-tabs ul li.active img.arrow_down {
    display: block;
    left: 50%;
    margin-left: -6px;
    margin-top: 1px;
    position: absolute;
    top: 100%;
}
#csdir .dd {
    border: 3px solid #d7d7d7;
    float: left;
    margin: 0 12px 0 0;
}
#csdir button {
    background-color: #4f90bd;
    border: 1px solid #d7d7d7;
    color: white;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
    font-size: 16px;
    line-height: 31px;
    margin: 0;
    padding: 10px 5px 6px;
    text-align: center;
    width: 50px;
}
#csdir label {
    color: #ababab;
    display: inline-block;
    float: left;
    padding: 18px 12px 0 0;
}
#csdir .ddlabel {
    color: #ababab;
}
#csdir #msdrpdd20_msdd,
#csdir #msdrpdd21_msdd {
    margin: 0 12px 0 0;
}
.external-certified-solution {
    font-size: 18px;
}
/* EU Cookie Notice */

#euCookieNotice {
    background-color: #DDEEFF;
    margin: 10px auto;
    position: relative;
    width: 960px;
}
#euCookieNotice p {
    line-height: normal;
    margin: 0;
    padding: 10px 35px 10px 10px;
}
#euCookieClose {
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: 10px;
}
/* FAQ */

.faqheader {
    padding-bottom: 20px;
}
.faqheader,
.faqitem,
.faqitemcenter {
    clear: both;
    float: left;
}
.faqheader a {
    color: #2f5571;
    font-size: 24px;
    line-height: 1.8em;
}
/* Footer */

footer ul li {
    line-height: 21px;
}
.footer-copyright {
    color: white;
}
ul.footer-links {
    list-style-type: none;
    margin: 0;
    padding: 60px 0 20px 0;
}
ul.footer-links li {
    display: inline;
}
ul.footer-links li a:after {
    color: white;
    content: "\00a0\00a0|\00a0\00a0";
}
ul.footer-links li:last-child a:after {
    content: " ";
}
/* Glossary */

.glbacktotop {
    border-bottom: 1px solid #ababab;
    clear: both;
    float: left;
    margin-bottom: 20px;
    padding: 20px 10px 5px 0;
    text-align: right;
    width: 100%;
}
.gljumplinks {
    padding-top: 60px;
    padding-bottom: 35px;
    text-align: center;
}
.glheader {
    clear: both;
    margin: 0;
    padding: 30px 0 0 0;
    text-align: center;
}
.glheader a {
    color: #2f5571;
    font-size: 40px;
    font-weight: normal;
}
.glitem {
    padding: 40px 0 20px 0;
}
.glitem span {
    font-size: 18px;
    font-weight: bold;
}
/* Header */

.sign-in span a {
    font-size: 14px;
}
.utility-bar .main-menu li {
    padding: 0 18px;
}
/* Home */

.accept-payments h1 {
    font-size: 50px;
    margin: 80px auto 30px;
}
.controls .carousel-indicators li.active {
    background-color: #e8e8e8;
}
.mobile-payments h2 {
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: 130px;
}
.mobile-payments p {
    margin-bottom: 40px;
}
.ragnar-case-study {
    color: #2f5571;
    background-position: center top !important;
}
.ragnar-case-study .verified-logo {
    margin-top: 120px;
}
.ragnar-case-study h2 {
    font-size: 50px;
    margin-top: 120px;
}
.support-right {
    border-left: solid 3px #fdad37;
    padding: 95px 0 95px 50px;
}
.three-col-bar {
    padding: 150px 0;
}
.accept-payments p,
.mobile-payments p,
.ragnar-case-study p {
    font-size: 18px;
}
.big-promo h2,
.support-bar h2 {
    font-size: 50px;
}
/* How It Works */

h2.hiw-title {
    font-size: 40px;
    padding-bottom: 15px;
    text-align: center;
}
.diagram,
.navigation {
    float: left;
}
.diagram {
    background: #e9e7e4;
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline;
    padding: 10px 40px 10px 30px;
}
.diagram ul {
    list-style-type: none;
}
.diagram ul li {
    display: none;
}
.page-content .diagram ul {
    margin: 0;
    padding: 0;
}
.page-content .diagram ul li {
    line-height: normal;
    list-style-type: none;
}
#prev,
#next {
    margin-bottom: 20px;
    background: #f2f2f2;
    text-transform: uppercase;
    width: 120px;
    padding: 10px 5px 4px 5px;
    display: block;
    float: left;
    text-decoration: none;
    color: #666666;
    cursor: pointer;
    outline: none;
}
#prev.disabled,
#next.disabled {
    color: #cccccc;
    cursor: default;
}
#prev {
    border-radius: 5px 0 0 5px;
}
#next {
    text-align: right;
    border-radius: 0 5px 5px 0;
}
.navigation {
    width: 260px;
    background: #e9e7e4;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.navigation h2 {
    background-color: #999999;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 5px 5px 10px;
    border-top: 1px solid #666666;
    outline: none;
}
.navigation h2 a {
    font-size: 14px;
    color: white;
    text-decoration: none;
}
.navigation h2.ui-state-active {
    background: #b4a82f;
    border-top: 0;
}
.acrdOrange.navigation h2.ui-state-active {
    background: #fdad37;
    border-top: 0;
}
.acrdGreen.navigation h2.ui-state-active {
    background: #b4a82f;
    border-top: 0; 
}
.acrdOrange.navigation {
    text-align: center;
}
#accordion {
    clear: both;
}
#accordion h2 {
    line-height: 1em;
    padding-bottom: 0;
    margin-bottom: 0;
}
#accordion div {
    background: white;
    color: #333333;
    padding: 10px 10px;
    margin: 0;
}
/* Merchant Feature */

.merchant-feature {
    padding: 95px 0 0 0;
}
.merchant-feature h2 {
    margin-top: 0;
}
.merchant-feature ul {
    padding: 5px 0 0 17px;
}
.merchant-feature .hr-grey {
    margin-top: 10px;
}
/* Merchant Toolbox */

.comodo {
    margin-top: 60px;
    padding: 30px;
}
.comodo .pull-left,
.comodo .pull-right {
    width: 50%;
}
.comodo h3 {
    padding-bottom: 30px;
}
.comodo-footer {
    clear: both;
    padding: 30px 30px 0 45px;
}
.comodo,
.comodo-footer {
    float: left;
    width: 100%;
}
.comodo:nth-child(even) {
    background-color: #f9f9f9;
}
.comodo-table table > tbody > tr > td {
    border-bottom: 1px solid #dddddd;
    padding: 30px;
}
.comodo-table table > tbody > tr > td:first-child {
    border-left: 1px solid #dddddd;
}
.comodo-table table > tbody > tr > td:last-child {
    border-right: 1px solid #dddddd;
}
.merchant-toolbox h3 {
    font-size: 21px;
}
.merchant-toolbox .table > tbody >tr td:nth-child(1) {
    vertical-align: middle;
}
.merchant-toolbox .table > tbody >tr td:nth-child(2) {
    padding: 60px 60px 35px 60px;
}
/* International */

.table.international > tbody > tr > td {
    vertical-align: middle;
}
.table.international > tbody > tr > th {
    font-size: 20px;
}
.table.international > tbody > tr > th img {
    margin-bottom: 20px;
}
.table.international p {
    margin: 0;
    padding: 0 0 20px 0;
}
.table.international > tbody > tr:first-child th {
    border-top: none;
}
.table.international > tbody > tr > td:nth-child(2),
.table.international > tbody > tr > td:nth-child(3) {
    padding-bottom: 10px;
    padding-top: 30px;
}
.table.international > tbody > tr > th,
.table.international > tbody > tr > td:nth-child(2),
.table.international > tbody > tr > td:nth-child(3) {
    text-align: center;
}
/* Page */

.page-content {
    padding-bottom: 100px;
    padding-top: 60px;
}
.page-content h2 {
    padding-bottom: 20px;
}
.page-header {
    border-bottom: none;
    margin: 0;
    padding: 50px 0;
}
.page-header p {
    width: 400px;
}
.page-header p a {
    color: #fdad37;
}
/* PDF List */

.pdflist {
    float: left;
    margin-top: 20px;
}
.pdflist h3 {
    color: #448cb5;
    margin: 0;
    padding: 0;
}
.pdflist img {
    float: left;
    margin: 0;
    padding-right: 17px;
}
.pdflist p {
    margin: 0 0 20px 0;
    padding: 0;
}
.pdflist-clear {
    clear: both;
    margin-top: 30px;
}
/* Pricing */

.table.pricing {
    font-size: 18px;
}
.table.pricing td,
.table.pricing th {
    border-top: none;
}
.table.pricing > tbody > tr > td:nth-child(2) {
    text-align: right;
}
ul.pricing-nofees {
    list-style-type: none;
    margin: 0;
    padding: 20px 0 1px 30px;
}
.pricing-footnote {
    font-size: 14px;
}
/* Processor Connections */

.processor-connections span.headerFlag {
    background-image: url("clientlibs-css/images/flagsprite.png");
    display: inline-block;
    float: left;
    height: 13px;
    margin: 0;
    width: 24px;
}
.processor-connections span.headerFlag {
    background-position: 0 0;
    margin: 3px 0 0 10px;
}
.processor-connections span.headerFlag.uscanada {
    width: 52px;
}
/* Products */

.blue-circle-326 {
    background: transparent url("clientlibs-css/images/circle-326px.png") 0 0 no-repeat;
    height: 326px;
    margin: 0 auto;
    position: relative;
    width: 326px;
}
.blue-circle-326 div {
    bottom: 0;
    height: 55%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
}
.product-case-study {
    background-color: #2f5571;
    background-image: url("clientlibs-css/images/bg-blue-dark.png");
}
.product-case-study h2 {
    padding-bottom: 30px;
}
.product-case-study h2,
.product-features h2 {
    font-size: 57px;
    margin-top: 0;
}
.product-features h3 {
    margin-bottom: 20px;
}
.product-features .hr-orange {
    margin-bottom: 30px;
    margin-top: 10px;
}
.product-features .hr-grey {
    margin-bottom: 50px;
    margin-top: 50px;
}
.product-header h1 {
    margin-bottom: 20px;
}
.product-header p {
    margin: 0 0 15px 0;
}
.product-questions {
    background: none repeat scroll 0 0 #2f5571;
    box-shadow: 0 0 4px 4px rgba(50, 50, 50, 0.4);
    color: white;
    font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
    font-size: 18px;
    line-height: 30px;
    padding: 18px 0;
    position: relative;
}
.product-questions a {
    color: #fdad37;
}
.product-testimonial {
    font-family: "ScalaSansWeb-Ita", Arial, sans-serif;
    font-size: 30px;
    line-height: 1.5em;
}
.product-testimonial p {
    font-size: 16px;
    padding-top: 35px;
}
.product-testimonial span.left-quote {
    padding-right: 10px;
}
.product-testimonial span.right-quote {
    padding-left: 10px;
}
.product-testimonial span.left-quote,
.product-testimonial span.right-quote {
    font-family: "ScalaSansWeb-BoldIta", Arial, sans-serif;
    font-size: 40px;
}
.product-videos .video h3 {
    padding-top: 30px;
}
/* Reseller Directory */

.reseller-directory {
    padding-bottom: 50px;
    padding-top: 50px;
}
.reseller-directory h3 {
    font-size: 21px;
}
#reseller-directory.table p {
    margin: 0 0 10px 0;
}
#reseller-directory.table > tbody > tr:first-child > td {
    border: none;
}
#reseller-directory.table > tbody > tr > td {
    padding: 60px 60px 40px 60px;
}
.reseller-directory-signupnow {
    margin: 0;
}
.reseller-directory-signupnow ul {
    border-left: 2px solid white;
    list-style-type: none;
    margin: 0;
    padding: 30px 0 0 30px;
}
.reseller-directory-signupnow ul li {
    margin: 0;
    padding: 0 0 30px 0;
}
.reseller-directory-signupnow ul li span.caret-right:after {
    background-position: 4px 4px;
}
#state-reseller-directory.table > tbody > tr > td {
    padding: 30px;
}
/* Sitemap */

#sitemap ul {
    padding-top: 0;
}
#sitemap ul li {
    padding: 20px 0 0 0;
}
/* Tooltips */

span.question {
    background: url("clientlibs-css/images/question_mark.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    line-height: 13px;
}
.tooltip.in {
    opacity: 1;
}
.tooltip-inner {
    background-color: #e2f0fa;
    font-size: 16px;
    color: #2f5571;
    max-width: 500px;
}
.tooltip-inner p {
    margin: 0;
    padding: 5px 0;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #e2f0fa;
    left: 275px !important;
}
/* Videos */

.video-row-spacing {
    margin-top: 80px;
}
/* Shared */

.blog-article .hr-grey,
.merchant-feature .hr-grey {
    height: 0;
    margin-bottom: 0;
}
.merchant-feature ol li,
.page-content ol li,
.product-features ol li {
    list-style: decimal;
    line-height: 1.4em;
}
.page-content ul,
.product-case-study ul,
.product-features ul,
.reseller-directory ul {
    list-style-position: outside;
    margin: 0;
    padding: 5px 0 0 40px;
}
.merchant-feature ul li,
.product-case-study ul li,
.product-features ul li,
.page-content ul li,
.reseller-directory ul li {
    list-style-type: disc;
    line-height: 20px;
}
ul.pricing-nofees li {
    list-style-type: none;
}
.merchant-feature ul li,
.page-content ol li,
.page-content ul li,
.product-case-study ul li,
.reseller-directory ul li {
    padding-bottom: 30px;
}
.page-header,
.product-case-study,
.product-header,
.product-signupnow,
.product-testimonial,
.reseller-directory-signupnow {
    color: white;
}
.page-header a,
.product-case-study a,
.product-header a,
.product-signupnow a,
.product-testimonial a,
.reseller-directory-signupnow a {
    color: white;
}
.reseller-directory-signupnow a {
    text-decoration: none;
    text-transform: uppercase;
}
.reseller-directory-signupnow ul li {
    font-size: 25px;
}
.merchant-feature,
.product-case-study-white,
.product-features,
.product-videos {
    background-color: white;
    background-image: url("clientlibs-css/images/bg-white.png");
}
.page-header,
.product-header,
.product-signupnow,
.product-testimonial,
.reseller-directory-signupnow {
    background-color: #4f90bd;
    background-image: url("clientlibs-css/images/bg-blue-light.png");
}
.product-case-study-white,
.product-header,
.product-image-feature,
.product-signupnow,
.product-testimonial,
.product-videos,
.reseller-directory-signupnow {
    padding: 95px 0;
}
.glheader a,
.product-questions span {
    font-family: "ScalaSansWeb-Light", Arial, sans-serif;
}
ul.support-list li {
    line-height: 40px;
}
table.scr_devices {
    width: 100%;
}
table.scr_devices tr th {
    font-weight: normal;
}
table.scr_devices tr td,
table.scr_devices tr th {
    border-bottom: 1px solid #ffffff;
    padding: 10px 0;
}
.rights {
    border-left: 3px solid #fdad37;
    height: 425px;
}
.rtimg {
    padding-top: 85px;
    margin-left: -57px;
}
.button-blue {
    background-color: #4f90bd;
    font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
    font-size: 16px;
    line-height: 38px;
    margin: 10px 0;
    max-width: 300px;
    padding: 10px 5px 6px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 66%;
    border-style: solid;
    border-width: 3px;
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
    display: inline-block;
    color: white;
}
.button-blue:hover {
    background-color: #3f79a1;
}
.bld[class*="button-"] {
    color: white !important;
}
.support {
    background-image: url("clientlibs-css/images/bg-white.png");
    padding: 165px 0 165px 0px;
    margin: 0 auto;
    width: 960px;
}
.support h2 {
    font-size: 60px;
}
.support p {
    width: 340px;
}
.support a {
    margin-top: 40px;
}
.spt {
    width: 1060px;
}
.rtimg img {
    margin-top: 30px;
}
.rtimgs {
    margin: -4px 0 0 -15px;
}
.rightline {
    border-left-width: 2px;
    height: 145px;
    left: 155px;
    margin-left: -70px;
}
.lefttxt p {
    width: 418px;
}
.cleardiv {
    clear: both;
}
.product-case-study {
    padding: 0 0 90px 0;
}
.padding-top90 {
    padding-top: 90px;
}
.right-line {
    border-left: 2px solid #fdad37;
}
.icon-image {
    width: 82px;
    height: 81px;
}
.prd-features {
    padding-bottom: 95px;
}
.sslbg {
    background-color: #f9f9f9;
}
.text-center p {
    margin: 0 auto 30px auto;
    width: 630px;
}
.btm-line {
    border-bottom: 1px solid #dddddd;
}
.case-study img {
    height: 82;
    width: 140;
}
.texture-white {
    background-image: url("clientlibs-css/images/bg-white.png");
}
.submenu{
z-index:30;
    }
/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
}
/* Small devices (tablets, up to 768px) */

@media (max-width: 768px) {}
/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(clientlibs-css/images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(clientlibs-css/css/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(clientlibs-css/css/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(clientlibs-css/css/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(clientlibs-css/css/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(clientlibs-css/css/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(clientlibs-css/css/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(clientlibs-css/css/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(clientlibs-css/css/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url("clientlibs-css/css/colorbox/loading_background.png") no-repeat center center;}
        #cboxLoadingGraphic{background:url("clientlibs-css/images/loading.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(clientlibs-css/css/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(clientlibs-css/css/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(clientlibs-css/css/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50001;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500002;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.ctmbtn
{
  display: inline-block;
  -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
  box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
  }
.width400 {
    width:400px;
    line-height: 1.4em;
}
.rteComponent ul li {
    list-style:outside none disc !important;
    padding:5px 0 30px 0;
}
.rteComponent ol li {
    list-style-type: decimal;
    padding:5px 0 30px 0;
}
.txtbtm{
display: inline;
}
.firstpasr p{
    margin-left:auto;
    margin-right:auto;
    width:700px;
}
.firstpasr img{
    width:700;
    height:425; 
}
.secondpar a{
   margin-top: 50px;   
}
.thirdpar p{
    margin-top:15px;  
}
.fourthpar p{
    margin-bottom: 0;
    margin-top: 80px;
}
.orangebutton{
    background-color: #fdad37;
    border-color: white;
    color: white;
    border-style: solid;
    border-width: 3px;
    display: inline-block;
    font-size: 16px;
    font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
    line-height: 38px;
    margin: 10px 0;
    padding: 10px 5px 6px 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 66%;
    max-width: 300px;
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
}
.orangebutton:hover {
    background-color: #ea9a24;
}
.whitelnk{
    padding-right: 20px;
    position: relative;
}
.whitelnk::after {
    background-color: transparent;
    background-position: 2px 1px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    background-image: url("clientlibs-css/images/caret-white.png");
}
.bluelnk{
    padding-right: 20px;
    position: relative;
}

.subheading {
padding-bottom: 20px;
font-size: 40px;
margin-bottom: 10px;
font-weight: 500;
line-height: 1.1;
color: #2f5571;
font-family:"ScalaSansWeb-Light",Arial,sans-serif        
  }

.bluelnk::after{
    background-color: transparent;
    background-position: 2px 1px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    background-image: url("clientlibs-css/images/caret-blue.png");
}
.lightblue{
    background-color: #4f90bd;
    border-color: white;
    color: white;
    border-style: solid;
    border-width: 3px;
    display: inline-block;
    font-size: 16px;
    font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
    line-height: 38px;
    margin: 10px 0;
    padding: 10px 5px 6px 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 66%;
    max-width: 300px;
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
 
}
.lightblue:hover {
    background-color: #3f79a1;
}
.fontsize{
    font-size: 20px;
    padding-top: 20px;
}
.headermargin{
    margin-left: 200px;
}
.contentmargin{
    margin-left: 200px;
    float:left;
}
.pullright{
    margin-right: 5px;
    margin-top: 0px;
    padding-left: 14px;
    margin-left: 0px;
    float: right;
}
.product-testimonial h1 {
  font-family: "ScalaSansWeb-Ita",Arial,sans-serif;
  font-size: 30px;
  line-height: 1.5em;
}
.faq-content {
       padding-top:40px;
}
.merchantfeature {
       padding-left: 35px;
}
.sptlght{
       left:-165px;
       float:right;
}
.txtlght{
    font-family:"ScalaSansWeb-Light",Arial,sans-serif;
}
.sitemap {
                float: left;
                margin: 0;
                padding: 0 0 10px 0;
                width: 100%;
}
.sitemap ul, .sitemap ul li ul, .sitemap ul li ul li ul {
                margin: 0;
 
                padding: 0 0 0 30px;
}
.sitemap ul li, .sitemap ul li ul li, .sitemap ul li ul li ul li {
                line-height: 20px;
                padding :0.1em 0.1em 0.1em 1em;
                      list-style-type: disc;
}
.ornglnk a{
       color: #fdad37;
       font-weight:bold;
}
.ornglnk{
       color: #fdad37;
       font-weight:bold;
}
.ornglinkbold a{
       color: #fdad37;
}
.ornglinkbold {
       font-weight:bold;
    position: relative;
    padding:0 20px 0 0;
 
}
.ornglinkbold::after{
       background-color: transparent;
    background-position: 2px 1px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    background-image: url("clientlibs-css/images/caret-orange.png");
        }
.ornglink{
color: #fdad37;
    position: relative;
    padding:0 20px 0 0;
    font-family: "ScalaSansWeb-Light",Arial,sans-serif;
    font-weight: bold;
}
.ornglink::after{
       background-color: transparent;
    background-position: 2px 1px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    background-image: url("clientlibs-css/images/caret-orange.png");
        }
.orngelink{
       color: #fdad37;      
}
.scr_devices tr td {
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}
.scr_devices tr th {
       font-weight: normal;
}
.btm_topics a:after {
    content: ",";
}
.btm_topics a:last-child:after {
    content: "";
}

.accrdn p {
       margin: 0 auto;
        line-height:1em;
}
.spot-bar {
  background: #2f5571;
  font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
  font-size: 18px;
  color: white;
  padding-top: 18px;
  position: relative;
  line-height: 30px;
  -webkit-box-shadow: 0 0 4px 4px rgba(50, 50, 50, 0.4);
  box-shadow: 0 0 4px 4px rgba(50, 50, 50, 0.4);
    z-index:30;
}
.spot-bar a:hover {
      color: #ff9933;
}
/*
.x-form-text{
width:70% !important;
border:1px solid blue;
}
.x-form-field{
width:70% !important;
border:1px solid blue;
}
*/
.x-form-text{ 
	height:22px !important;
}
 
.x-trigger-noedit{
       width:90% !important; 
}
 
/*
.x-form-focus{
width:70% !important; 
      border:1px solid blue !important;
}
.x-form-field-wrap{
width:70% !important;  
border:1px solid blue;
}
*/
.x-form-field-trigger-wrap{
width:90% !important; 
}
 
.x-trigger-wrap-focus{
width:90% !important;
}

.rtc_table table{
border:1px solid #dddddd;
}
.rtc_table table td{
padding:30px;
}
.faqitem table{
max-width:900px;
width:900px;
margin-bottom:20px;
}
 
.faqitem table tr:nth-child(odd){
background-color: #f9f9f9;
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #dddddd;
}
 
.faqitem table tr th, .faqitem table thead tr td,
.faqitem table tbody tr th, .faqitem table tbody tr td,
.faqitem table tfoot tr th, .faqitem table tfoot tr td{
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.faqitemcenter table{
max-width:640px;
width:640px;
margin-bottom:20px;
}
 
.faqitemcenter table tr:nth-child(odd){
background-color: #f9f9f9;
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #dddddd;
}
 
.faqitemcenter table tr th, .faqitemcenter table thead tr td,
.faqitemcenter table tbody tr th, .faqitemcenter table tbody tr td,
.faqitemcenter table tfoot tr th, .faqitemcenter table tfoot tr td{
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.font{
  padding-left: 51px;
  padding-right: 51px;
  font-size: 14px;
  }

.processor-connections p{
	margin-bottom: 0;
}
.processor-connections td{
     padding-bottom: 0;
}
.rtc_table ul li{

    list-style-type:disc;

}
.pricing-features h3{
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  width: 250px;
  margin-bottom: 20px;
}
.pricing-features{
        background-color: white;
  background-image: url("clientlibs-css/images/bg-white.png");
    }
.pricing-features h2{
	font-size: 57px;
  	margin-top: 0;
}
.rtepage-content{
	padding-bottom:0;
}
.rtepage-content ul{
	padding-left: 30px !important;
}
.commodo-content ul{
     list-style-position: outside;
  margin: 0;
  padding: 5px 0 0 30px;
}
.commodo-content ul li{
    padding-bottom: 30px;
  list-style-type: disc;
  line-height: 20px;
}
.scountry p{
  margin-bottom:17px !important;
}
.evnt p{ 
  font-size:16px;
    }
.redcolor{
color: #ff0000;
}
.orngtxt a{
color: #fdad37;
}
.headbcknd{
background-image: url("../../../../content/dam/authorize/images/bg-blue-light.png");
}
.headerallg{
margin-right: 40px;
}
.rtc_table{
  padding-right: 42px;
}
.grayline {
  background: none repeat-x scroll 0 0 #d7d7d7;
  float: left;
  height: 2px;
  margin-bottom: 30px;
  width: 68%;
  margin-top: 23px;
  margin-left: 240px;
}

.bulletspc ul li{
list-style-type: disc;
    line-height: 20px;
}
.pciborder{
  background: none repeat-x scroll 0 0 #d7d7d7;
  float: left;
  height: 1px;
  margin-bottom: 10px;
  width: 100%;
  margin-top: 10px;
}

.bulltlft{
  padding-left:35px !important;
    }
.disclaimer p{
padding: 4px 10px 0 20px;
    }

 .spacer {
            width: 95px;
        }
      .tab li:last-child {
            width: 190px;
            padding-right: 50px;
        }

        .adrev {
            margin-top: 40px;
            margin-bottom: 60px;
        }
        .imgcomision {
            text-align: center;
            padding-top: 25px;
            padding-bottom: 25px;
        }
        .margbtm {
            text-align: right;
        }
        .btnlnk {
            margin-top: 50px;
            margin-bottom: 50px;
        }
        .paraspc {
            margin-bottom: 50px;
            margin-top: 40px;
        }
        .txttop h1 {
            margin-bottom: 0 !important;
        }
        .linkmore {
            margin-top: 30px;
        }
        .orangeline {
            background-color: rgb(253, 173, 55);
            height: 2px;
            width: 85%;
            margin-top: 0;
        }
        .disclaimer_left p{
			width: 132px;
		}
.sitetop{
        padding-top:60px;
    }
    .caret-video:before {
  background-image: url("clientlibs-css/images/caret-white.png");
}
.orangelinkbtn {
  background-color: #fdad37;
  border-color: white;
  color: white;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  font-size: 16px;
  font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
  line-height: 38px;
  margin: 10px 0;
  padding: 10px 5px 6px 5px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 66%;
  max-width: 300px;
  -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
  box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
}
.orangelinkbtn a{
color:#fff;
text-decoration:none;
}

.faqheader a{
outline:0;
}
.caret-left:before {
	  content: "";
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-color: transparent;
	  display: block;
	  height: 1em;
	  position: absolute;
	  left: 0px;
	  top: 0px;
	  width: 15px;
}
.videobtn{
  color: white;
  background-color: #4f90bd;
  display: inline-block;
  font-size: 16px;
  font-family: "ScalaSansWeb-Bold", Arial, sans-serif;
  line-height: 38px;
  margin: 10px 0;
  padding: 10px 5px 6px 5px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 66%;
  max-width: 300px;
  padding-left: 20px;
  position: relative;
}

.videobtn:before{
background-image: url("clientlibs-css/images/caret-white.png");
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  display: block;
  height: 1em;
  position: absolute;
  left: 85px;
  top: 20px;
  width: 15px;
}
.vdobtn{
    border: 3px solid #fff;
    padding: 22px 0px 20px 0px;
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.4);
}

.videobtn:hover{
background-color: #3f79a1;
}
.leftpadding{
padding-left:80px;
    }

.formcontent {
    padding-bottom: 100px;
    padding-top: 60px;
}
.included-features{
        padding-top: 95px;
    }
  span.caret-left:active,span.caret-left:visited{
    text-decoration: underline;
 
}
a:active,a:focus{
  text-decoration: underline;
}
.slide1top{
	padding-top:85px !important;
}
.mailchimpcontent{
	padding-bottom:0px !important;
}

.imageleft{
        margin-left: -50px !important;
    }
.pricingbtn{
            margin-top:10px !important;
    }
 #included-features div.wrap:nth-child(even) div.row div.col-md-4 {
      margin-bottom: 85px;
    }
    .txtorng a{
color: #fdad37 !important;
    }
.txtorng a:hover{
    color: #ff9933 !important;
        }
        .bluebackground{
background-color:#2f5571;
    }
    .whitebackground{
            background-image: url("clientlibs-css/images/bg-white.png");
        }
        .bg-position{
	background-position:center;
}
.gold_button{
    color: white;
	font-size: 12px;
  padding: 5px 15px 5px 15px;
    display: block;
    float: left;
	text-align: center;
    cursor: pointer;
    background-color: #b4a82f;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5cd66), to(#9c962d));
    border: 1px solid #807931;
    font-weight: bold;
-webkit-border-radius: 3px;
    font-family: verdana,sans-serif;
}
ul.footer-links a{
text-decoration:none !important;
}
.rttxtspc{
    line-height: 20px;
    }
ul li.spacer:hover {
    border-bottom: 4px solid #d7d7d7 !important;
}
sup {
    top: -0.5em;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
input[type="checkbox"] {
  margin-top: -1px;	
}

.form-control {
  border-radius: 0;
  font-size: 18px;
  height: 40px;
}

/* Dropdowns */
.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{opacity: .5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-khtml-opacity:.5;-moz-opacity:.5;color:#999999;}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .arrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .arrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}
.dd{border:1px solid #00a8e6}
.dd .divider{border-left:1px solid #fff; border-right:1px solid #fff;; right:24px;}
.dd .arrow{width:21px;height:21px; margin-top:-11px; background:url('clientlibs-css/images/dropdown_arrow_v2.png') no-repeat;}
.dd .arrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;background-color:#ffffff;}
.dd .ddTitle .ddTitleText{padding:0 20px 2px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}
.dd, input[type="text"] {padding: 10px 5px 10px 5px;}
.ddlabel {display:inline-block;padding-left:5px;padding-top: 5px;}
.flags{float:left;padding:0 !important;margin:0 5px 0 0;width:24px;height:17px;background:url('clientlibs-css/images/flagsprite.png') no-repeat 0 1px;}
.flags.anz{background-position: -128px 1px;width: 24px;}
.flags.ca{background-position: -28px 1px;}
.flags.other{background-position: -104px 1px;}
.flags.us{background-position: 0 1px;width: 24px;}
.flags.uk{background-position: -52px 1px;width: 52px;}
.flags.usca{background-position: 0 1px;width: 52px;}

/* Validator */
.bv-form .help-block {
    margin-bottom: 0;
}
.bv-form .tooltip-inner {
    text-align: left;
}
.nav-tabs li.bv-tab-success > a {
    color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
    color: #a94442;
}

/* Recaptcha */
.captcha-speaker {
  margin: 0 0 13px 5px;
}
#recaptcha_help {
  margin-bottom: 15px;
}
#recaptcha_widget #recaptcha_image {
  padding-bottom: 8px;
}
#recaptcha_widget #recaptcha_help {
  padding-top: 3px;
}