/* Minification failed. Returning unminified contents.
(10360,1): run-time error CSS1019: Unexpected token, found '@import'
(10360,9): run-time error CSS1019: Unexpected token, found 'url('Colours.css')'
(10376,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10499,25): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10662,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10697,32): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10774,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11305,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11313,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11347,24): run-time error CSS1039: Token not allowed after unary operator: '-inputBorder'
(11494,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11695,32): run-time error CSS1039: Token not allowed after unary operator: '-faqGrey'
(11793,28): run-time error CSS1039: Token not allowed after unary operator: '-footerBG'
(11816,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(11848,40): run-time error CSS1039: Token not allowed after unary operator: '-footerLinkGrey'
(12035,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12244,16): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12273,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12274,27): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12315,28): run-time error CSS1039: Token not allowed after unary operator: '-inputBorderGrey'
(12321,27): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12325,32): run-time error CSS1039: Token not allowed after unary operator: '-ghostButton'
(12326,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12346,25): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12399,28): run-time error CSS1039: Token not allowed after unary operator: '-faqGrey'
(12406,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12536,28): run-time error CSS1039: Token not allowed after unary operator: '-inputBorder'
(12994,32): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13163,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13317,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13478,28): run-time error CSS1039: Token not allowed after unary operator: '-inputBorder'
(13682,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13686,25): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13833,1): run-time error CSS1019: Unexpected token, found '@import'
(13833,9): run-time error CSS1019: Unexpected token, found 'url('Colours.css')'
(13844,30): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13973,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13975,35): run-time error CSS1039: Token not allowed after unary operator: '-faqGrey'
(13991,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13996,32): run-time error CSS1039: Token not allowed after unary operator: '-faqGrey'
(13997,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14108,22): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14157,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14212,1): run-time error CSS1019: Unexpected token, found '}'
(14221,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14227,28): run-time error CSS1039: Token not allowed after unary operator: '-subMenuBG'
(14267,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14280,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14288,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14295,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14309,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14344,22): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14351,31): run-time error CSS1039: Token not allowed after unary operator: '-menuHover'
(14484,32): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14485,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14486,34): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14495,36): run-time error CSS1039: Token not allowed after unary operator: '-buttonHover'
(14496,32): run-time error CSS1039: Token not allowed after unary operator: '-buttonHover'
(14497,25): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14503,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14504,32): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14513,36): run-time error CSS1039: Token not allowed after unary operator: '-ghostButton'
(14514,32): run-time error CSS1039: Token not allowed after unary operator: '-ghostButtonBorder'
(14519,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14520,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14531,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14532,20): run-time error CSS1039: Token not allowed after unary operator: '-darkGrey'
(14546,22): run-time error CSS1039: Token not allowed after unary operator: '-row-count'
(14546,41): run-time error CSS1039: Token not allowed after unary operator: '-infoGridElementHeight'
(14549,15): run-time error CSS1039: Token not allowed after unary operator: '-grid-gap'
(14555,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14556,23): run-time error CSS1039: Token not allowed after unary operator: '-row-count'
(14556,42): run-time error CSS1039: Token not allowed after unary operator: '-infoGridElementHeight'
(14564,17): run-time error CSS1039: Token not allowed after unary operator: '-infoGridElementHeight'
(14591,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14688,27): run-time error CSS1039: Token not allowed after unary operator: '-rowCount'
(14688,45): run-time error CSS1039: Token not allowed after unary operator: '-infoGridElementHeight'
(14689,41): run-time error CSS1039: Token not allowed after unary operator: '-row-count'
(14689,59): run-time error CSS1039: Token not allowed after unary operator: '-infoGridElementHeight'
(14737,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14744,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14756,32): run-time error CSS1039: Token not allowed after unary operator: '-darkGrey'
(14758,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14797,35): run-time error CSS1039: Token not allowed after unary operator: '-faqGrey'
(14813,40): run-time error CSS1039: Token not allowed after unary operator: '-faqGrey'
(14886,25): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15036,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15042,36): run-time error CSS1039: Token not allowed after unary operator: '-headerHover'
(15075,32): run-time error CSS1039: Token not allowed after unary operator: '-inputBorder'
(15084,36): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15129,18): run-time error CSS1039: Token not allowed after unary operator: '-spinnerDims'
(15130,17): run-time error CSS1039: Token not allowed after unary operator: '-spinnerDims'
(15131,26): run-time error CSS1039: Token not allowed after unary operator: '-spinnerDims'
(15131,61): run-time error CSS1039: Token not allowed after unary operator: '-spinnerDims'
(15180,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15181,14): run-time error CSS1035: Expected colon, found '{'
(15190,5): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15191,14): run-time error CSS1035: Expected colon, found '{'
(15210,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(15211,14): run-time error CSS1035: Expected colon, found '{'
(15268,44): run-time error CSS1039: Token not allowed after unary operator: '-contact-us-row-height'
(15341,44): run-time error CSS1039: Token not allowed after unary operator: '-contact-us-row-height'
(15428,32): run-time error CSS1039: Token not allowed after unary operator: '-darkGrey'
(15429,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15486,29): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15497,44): run-time error CSS1039: Token not allowed after unary operator: '-radioGrey'
(15504,44): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15508,36): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15509,34): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15520,34): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15530,21): run-time error CSS1039: Token not allowed after unary operator: '-select-width'
(15531,21): run-time error CSS1039: Token not allowed after unary operator: '-select-text-color'
(15548,36): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15549,36): run-time error CSS1039: Token not allowed after unary operator: '-inputBorder'
(15550,33): run-time error CSS1039: Token not allowed after unary operator: '-select-border-radius'
(15557,43): run-time error CSS1039: Token not allowed after unary operator: '-select-transition-duration'
(15557,99): run-time error CSS1039: Token not allowed after unary operator: '-select-transition-duration'
(15564,36): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15569,36): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15597,35): run-time error CSS1039: Token not allowed after unary operator: '-inputBorder'
(15607,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15628,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15629,32): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15631,33): run-time error CSS1039: Token not allowed after unary operator: '-select-border-radius'
(15631,66): run-time error CSS1039: Token not allowed after unary operator: '-select-border-radius'
(15635,26): run-time error CSS1039: Token not allowed after unary operator: '-select-max-height'
(15637,23): run-time error CSS1039: Token not allowed after unary operator: '-select-z-index'
(15638,37): run-time error CSS1039: Token not allowed after unary operator: '-select-transition-duration'
(15638,94): run-time error CSS1039: Token not allowed after unary operator: '-select-transition-duration'
(15638,154): run-time error CSS1039: Token not allowed after unary operator: '-select-transition-duration'
(15644,22): run-time error CSS1039: Token not allowed after unary operator: '-select-listbox-max-height'
(15662,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15663,35): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15673,19): run-time error CSS1039: Token not allowed after unary operator: '-select-padding'
(15676,39): run-time error CSS1039: Token not allowed after unary operator: '-select-transition-duration'
(15676,90): run-time error CSS1039: Token not allowed after unary operator: '-select-transition-duration'
(15682,32): run-time error CSS1039: Token not allowed after unary operator: '-select-hover-bg-color'
(15683,21): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15693,32): run-time error CSS1039: Token not allowed after unary operator: '-select-disabled-bg-color'
(15694,21): run-time error CSS1039: Token not allowed after unary operator: '-select-disabled-text-color'
(15707,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(15708,14): run-time error CSS1035: Expected colon, found '{'
(15765,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap.css.map */

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default.disabled,
.btn-primary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled,
.btn-default[disabled],
.btn-primary[disabled],
.btn-success[disabled],
.btn-info[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-danger {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-default .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
  text-shadow: none;
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #e0e0e0;
  background-image: none;
}
.btn-primary {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #265a88;
  border-color: #245580;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #265a88;
  background-image: none;
}
.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #419641;
  background-image: none;
}
.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #2aabd2;
  background-image: none;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #eb9316;
  background-image: none;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #c12e2a;
  background-image: none;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #2e6da4;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image:      -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
  background-image:         linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
  }
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #286090 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat: repeat-x;
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  background-repeat: repeat-x;
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  background-repeat: repeat-x;
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
/*# sourceMappingURL=bootstrap-theme.css.map */

/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1459px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
    display: none !important;
}



@media (min-width: 1460px) {
    .container {
        width: 1430px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
    font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

    .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em;
    }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0; /* support: IE7 */
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        /* Support: IE7 */
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

    .ui-selectmenu-button span.ui-icon {
        right: 0.5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: 0.4em 2.1em 0.4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url("/Content/themes/base/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
    color: #222222;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url("/Content/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url("/Content/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #555555;
            text-decoration: none;
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #999999;
        background: #dadada url("/Content/themes/base/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited,
        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited {
            color: #212121;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #aaaaaa;
        background: #ffffff url("/Content/themes/base/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #212121;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee url("/Content/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
        color: #363636;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url("/Content/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
        color: #cd0a0a;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #cd0a0a;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #cd0a0a;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70); /* support: IE8 */
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35); /* support: IE8 */
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
        }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/Content/themes/base/images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("/Content/themes/base/images/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
    background-image: url("/Content/themes/base/images/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("/Content/themes/base/images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("/Content/themes/base/images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
    background-image: url("/Content/themes/base/images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/Content/themes/base/images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url("/Content/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url("/Content/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
    border-radius: 8px;
}

/* iCheck plugin Minimal skin, red
----------------------------------- */
.icheckbox_minimal-red,
.iradio_minimal-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
   /* margin: 0 10px 0 0;*/
    padding: 0;
    width: 18px;
    height: 18px;
    background: url('/Content/iCheck/minimal/porsche.png') no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-red {
    background-position: 0 0;
}
    .icheckbox_minimal-red:hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal-red.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal-red.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_minimal-red.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-red {
    background-position: -100px 0;
}
    .iradio_minimal-red:hover {
        background-position: -120px 0;
    }
    .iradio_minimal-red.checked {
        background-position: -140px 0;
    }
    .iradio_minimal-red.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal-red.checked.disabled {
        background-position: -180px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-red,
    .iradio_minimal-red {
        background-image: url('/Content/iCheck/minimal/porsche.png');
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}




.icheckbox_big_minimal-red,
.iradio_big_minimal-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
   /* margin: 0 10px 0 0;*/
    padding: 0;
    width: 36px;
    height: 36px;
    background: url('/Content/iCheck/minimal/porsche_big.png') no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_big_minimal-red {
    background-position: 0 0;
}

    .icheckbox_big_minimal-red:hover {
        background-position: -40px 0;
    }

    .icheckbox_big_minimal-red.checked {
        background-position: -80px 0;
    }

    .icheckbox_big_minimal-red.disabled {
        background-position: -120px 0;
        cursor: default;
    }

    .icheckbox_big_minimal-red.checked.disabled {
        background-position: -160px 0;
    }

.iradio_big_minimal-red {
    background-position: -200px 0;
}

    .iradio_big_minimal-red:hover {
        background-position: -240px 0;
    }

    .iradio_big_minimal-red.checked {
        background-position: -280px 0;
    }

    .iradio_big_minimal-red.disabled {
        background-position: -320px 0;
        cursor: default;
    }

    .iradio_big_minimal-red.checked.disabled {
        background-position: -360px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_big_minimal-red,
    .iradio_big_minimal-red {
        background-image: url('/Content/iCheck/minimal/porsche_big.png');
        -webkit-background-size: 400x 40px;
        background-size: 400px 40px;
    }
}
@font-face {
  font-family: 'pag-iconfont';
  src:  url('/Content/Fonts/pag-iconfont/pag-iconfont.eot?qpwpiq');
  src:  url('/Content/Fonts/pag-iconfont/pag-iconfont.eot?qpwpiq#iefix') format('embedded-opentype'),
    url('/Content/Fonts/pag-iconfont/pag-iconfont.ttf?qpwpiq') format('truetype'),
    url('/Content/Fonts/pag-iconfont/pag-iconfont.woff?qpwpiq') format('woff'),
    url('/Content/Fonts/pag-iconfont/pag-iconfont.svg?qpwpiq#pag-iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="porsche-icon-"], [class*=" porsche-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'pag-iconfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: none !important;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.porsche-icon-climate_next:before {
  content: "\e95b";
}
.porsche-icon-heater_next:before {
  content: "\e95c";
}
.porsche-icon-home_next:before {
  content: "\e95d";
}
.porsche-icon-work_next:before {
  content: "\e95e";
}
.porsche-icon-all-day_next:before {
  content: "\e954";
}
.porsche-icon-early-afternoon_next:before {
  content: "\e955";
}
.porsche-icon-early-morning_next:before {
  content: "\e956";
}
.porsche-icon-electricity-consumption_next:before {
  content: "\e957";
}
.porsche-icon-emission_next:before {
  content: "\e958";
}
.porsche-icon-evening_next:before {
  content: "\e959";
}
.porsche-icon-morning-afternoon_next:before {
  content: "\e95a";
}
.porsche-icon-arrow-slider-left_next:before {
  content: "\e951";
}
.porsche-icon-arrow-slider-right_next:before {
  content: "\e952";
}
.porsche-icon-details_next:before {
  content: "\e953";
}
.porsche-icon-telegram:before {
  content: "\e94f";
}
.porsche-icon-viber:before {
  content: "\e950";
}
.porsche-icon-duration_next:before {
  content: "\e94b";
}
.porsche-icon-e-fuel_next:before {
  content: "\e94c";
}
.porsche-icon-route_next:before {
  content: "\e94d";
}
.porsche-icon-speed_next:before {
  content: "\e94e";
}
.porsche-icon-door_left2_next:before {
  content: "\e943";
}
.porsche-icon-door_left1_next:before {
  content: "\e944";
}
.porsche-icon-door_right2_next:before {
  content: "\e945";
}
.porsche-icon-door_right1_next:before {
  content: "\e946";
}
.porsche-icon-hood_next:before {
  content: "\e947";
}
.porsche-icon-sunroof_next:before {
  content: "\e948";
}
.porsche-icon-trunk_next:before {
  content: "\e949";
}
.porsche-icon-window_next:before {
  content: "\e94a";
}
.porsche-icon-battery_next:before {
  content: "\e939";
}
.porsche-icon-flash_next:before {
  content: "\e93a";
}
.porsche-icon-fuel_next:before {
  content: "\e93b";
}
.porsche-icon-horn_next:before {
  content: "\e93c";
}
.porsche-icon-lock_next:before {
  content: "\e93d";
}
.porsche-icon-mileage_next:before {
  content: "\e93e";
}
.porsche-icon-oil_next:before {
  content: "\e93f";
}
.porsche-icon-park_next:before {
  content: "\e940";
}
.porsche-icon-parklight_next:before {
  content: "\e941";
}
.porsche-icon-unlock_next:before {
  content: "\e942";
}
.porsche-icon-crosshair:before {
  content: "\e937";
}
.porsche-icon-wrench:before {
  content: "\e938";
}
.porsche-icon-xing:before {
  content: "\e936";
}
.porsche-icon-timer_pcm:before {
  content: "\e935";
}
.porsche-icon-energy:before {
  content: "\e932";
}
.porsche-icon-error:before {
  content: "\e933";
}
.porsche-icon-plug_pcm:before {
  content: "\e934";
}
.porsche-icon-settings:before {
  content: "\e931";
}
.porsche-icon-double-arrow-down-thin:before {
  content: "\e92e";
}
.porsche-icon-gebrauchtwagensuche:before {
  content: "\e92f";
}
.porsche-icon-porsche-driving-experience:before {
  content: "\e930";
}
.porsche-icon-desktop:before {
  content: "\e92c";
}
.porsche-icon-tablet:before {
  content: "\e92d";
}
.porsche-icon-whatsapp:before {
  content: "\e92b";
}
.porsche-icon-add-user:before {
  content: "\e92a";
}
.porsche-icon-vertical-line:before {
  content: "\e929";
}
.porsche-icon-consumption:before {
  content: "\e921";
}
.porsche-icon-cubic-capacity:before {
  content: "\e922";
}
.porsche-icon-cw-value:before {
  content: "\e923";
}
.porsche-icon-pcm:before {
  content: "\e924";
}
.porsche-icon-photo:before {
  content: "\e925";
}
.porsche-icon-picture:before {
  content: "\e926";
}
.porsche-icon-weight-2:before {
  content: "\e927";
}
.porsche-icon-wind-tunnel:before {
  content: "\e928";
}
.porsche-icon-afternoon:before {
  content: "\e90f";
}
.porsche-icon-callback:before {
  content: "\e910";
}
.porsche-icon-code-active:before {
  content: "\e911";
}
.porsche-icon-code-inactive:before {
  content: "\e912";
}
.porsche-icon-customer-administration:before {
  content: "\e913";
}
.porsche-icon-document:before {
  content: "\e914";
}
.porsche-icon-evening:before {
  content: "\e915";
}
.porsche-icon-list-view:before {
  content: "\e916";
}
.porsche-icon-mail-request:before {
  content: "\e917";
}
.porsche-icon-mailbox:before {
  content: "\e918";
}
.porsche-icon-map-view:before {
  content: "\e919";
}
.porsche-icon-mark-as-read:before {
  content: "\e91a";
}
.porsche-icon-morning:before {
  content: "\e91b";
}
.porsche-icon-reset:before {
  content: "\e91c";
}
.porsche-icon-smartphone:before {
  content: "\e91d";
}
.porsche-icon-tutorial:before {
  content: "\e91e";
}
.porsche-icon-update-in-car:before {
  content: "\e91f";
}
.porsche-icon-upload:before {
  content: "\e920";
}
.porsche-icon-max-efficiency:before {
  content: "\e90e";
}
.porsche-icon-acceleration:before {
  content: "\e904";
}
.porsche-icon-car-connect:before {
  content: "\e905";
}
.porsche-icon-concept:before {
  content: "\e906";
}
.porsche-icon-e-power:before {
  content: "\e907";
}
.porsche-icon-e-performance:before {
  content: "\e908";
}
.porsche-icon-highspeed:before {
  content: "\e909";
}
.porsche-icon-idea:before {
  content: "\e90a";
}
.porsche-icon-performance:before {
  content: "\e90b";
}
.porsche-icon-sound-of-porsche:before {
  content: "\e90c";
}
.porsche-icon-weight:before {
  content: "\e90d";
}
.icon-icon-locked:before {
  content: "\e903";
}
.porsche-icon-info:before {
  content: "\e902";
}
.porsche-icon-teq_finder_01:before {
  content: "\e900";
}
.porsche-icon-teq_finder_02:before {
  content: "\e901";
}
.porsche-icon-logout:before {
  content: "\e647";
}
.porsche-icon-move_inbox:before {
  content: "\e646";
}
.porsche-icon-archive:before {
  content: "\e645";
}
.porsche-icon-send:before {
  content: "\e644";
}
.porsche-icon-sort:before {
  content: "\e640";
}
.porsche-icon-deactivate:before {
  content: "\e641";
}
.porsche-icon-menu_dots:before {
  content: "\e642";
}
.porsche-icon-extend_duration:before {
  content: "\e643";
}
.porsche-icon-exclamation_mark:before {
  content: "\e63f";
}
.icon-iconhelp_and_contact:before {
  content: "\e637";
}
.porsche-icon-closed_eye:before {
  content: "\e638";
}
.porsche-icon-eye:before {
  content: "\e639";
}
.porsche-icon-forgot_password:before {
  content: "\e63a";
}
.porsche-icon-question_mark:before {
  content: "\e63c";
}
.porsche-icon-registration:before {
  content: "\e63d";
}
.porsche-icon-standard-features:before {
  content: "\e63e";
}
.porsche-icon-expire:before {
  content: "\e636";
}
.porsche-icon-payment:before {
  content: "\e634";
}
.porsche-icon-home:before {
  content: "\e635";
}
.porsche-icon-arrow-left-thin-first:before {
  content: "\e632";
}
.porsche-icon-arrow-right-thin-last:before {
  content: "\e633";
}
.porsche-icon-double-arrow-left-thin:before {
  content: "\e62a";
}
.porsche-icon-double-arrow-right-thin:before {
  content: "\e62b";
}
.porsche-icon-giftbox:before {
  content: "\e631";
}
.porsche-icon-basket:before {
  content: "\e629";
}
.porsche-icon-article:before {
  content: "\e62f";
}
.porsche-icon-slideshow:before {
  content: "\e630";
}
.porsche-icon-corporate_sales:before {
  content: "\e62e";
}
.porsche-icon-check_small:before {
  content: "\e62d";
}
.porsche-icon-menu2:before {
  content: "\e62c";
}
.porsche-icon-car:before {
  content: "\e628";
}
.porsche-icon-foursquare:before {
  content: "\e623";
}
.porsche-icon-contact:before {
  content: "\e621";
}
.porsche-icon-radio_button:before {
  content: "\e622";
}
.porsche-icon-check:before {
  content: "\e615";
}
.porsche-icon-list_view:before {
  content: "\e616";
}
.porsche-icon-grid_view:before {
  content: "\e617";
}
.porsche-icon-print:before {
  content: "\e618";
}
.porsche-icon-testdrive:before {
  content: "\e619";
}
.porsche-icon-fax:before {
  content: "\e61a";
}
.porsche-icon-email:before {
  content: "\e61b";
}
.porsche-icon-ownerservice:before {
  content: "\e61c";
}
.porsche-icon-twitter_favorite:before {
  content: "\e612";
}
.porsche-icon-twitter_reply:before {
  content: "\e613";
}
.porsche-icon-twitter_retweet:before {
  content: "\e614";
}
.porsche-icon-delicious:before {
  content: "\e60e";
}
.porsche-icon-gmail:before {
  content: "\e60f";
}
.porsche-icon-igoogle:before {
  content: "\e610";
}
.porsche-icon-tumblr:before {
  content: "\e611";
}
.porsche-icon-hatena-bookmark:before {
  content: "\e608";
}
.porsche-icon-qq-share:before {
  content: "\e609";
}
.porsche-icon-skyrock:before {
  content: "\e60a";
}
.porsche-icon-tecent:before {
  content: "\e60b";
}
.porsche-icon-vk:before {
  content: "\e60c";
}
.porsche-icon-wechat:before {
  content: "\e60d";
}
.porsche-icon-baidu:before {
  content: "\e605";
}
.porsche-icon-kaixin:before {
  content: "\e606";
}
.porsche-icon-sohu:before {
  content: "\e607";
}
.porsche-icon-yahoo:before {
  content: "\e603";
}
.porsche-icon-digg:before {
  content: "\e604";
}
.porsche-icon-twitter:before {
  content: "\e001";
}
.porsche-icon-linkedin:before {
  content: "\e602";
}
.porsche-icon-pinterest:before {
  content: "\e006";
}
.porsche-icon-youku:before {
  content: "\e600";
}
.porsche-icon-google:before {
  content: "\e008";
}
.porsche-icon-facebook:before {
  content: "\e009";
}
.porsche-icon-search:before {
  content: "\e003";
}
.porsche-icon-plus:before {
  content: "\e004";
}
.porsche-icon-overview:before {
  content: "\e007";
}
.porsche-icon-download:before {
  content: "\e00a";
}
.porsche-icon-close:before {
  content: "\e00b";
}
.porsche-icon-pin:before {
  content: "\e010";
}
.porsche-icon-locate:before {
  content: "\e012";
}
.porsche-icon-play:before {
  content: "\e005";
}
.porsche-icon-video-quali:before {
  content: "\e018";
}
.porsche-icon-sound:before {
  content: "\e019";
}
.porsche-icon-zoom-out:before {
  content: "\e01a";
}
.porsche-icon-zoom-in:before {
  content: "\e01b";
}
.porsche-icon-next-modul:before {
  content: "\e017";
}
.porsche-icon-pref-modul:before {
  content: "\e01c";
}
.porsche-icon-sub-menue:before {
  content: "\e01d";
}
.porsche-icon-pause:before {
  content: "\e013";
}
.porsche-icon-replay:before {
  content: "\e014";
}
.porsche-icon-share:before {
  content: "\e002";
}
.porsche-icon-mute:before {
  content: "\e016";
}
.porsche-icon-arrow-up:before {
  content: "\e00c";
}
.porsche-icon-arrow-right:before {
  content: "\e00d";
}
.porsche-icon-arrow-left:before {
  content: "\e00e";
}
.porsche-icon-arrow-down:before {
  content: "\e00f";
}
.porsche-icon-arrow-up-hair:before {
  content: "\e022";
}
.porsche-icon-arrow-right-hair:before {
  content: "\e024";
}
.porsche-icon-arrow-left-hair:before {
  content: "\e025";
}
.porsche-icon-arrow-down-hair:before {
  content: "\e026";
}
.porsche-icon-weibo:before {
  content: "\e027";
}
.porsche-icon-qq:before {
  content: "\e028";
}
.porsche-icon-renren:before {
  content: "\e029";
}
.porsche-icon-video:before {
  content: "\e02a";
}
.porsche-icon-save:before {
  content: "\e02b";
}
.porsche-icon-minus:before {
  content: "\e02d";
}
.porsche-icon-configurator:before {
  content: "\e02e";
}
.porsche-icon-arrow-up-thin:before {
  content: "\e01e";
}
.porsche-icon-arrow-left-thin:before {
  content: "\e020";
}
.porsche-icon-arrow-right-thin:before {
  content: "\e01f";
}
.porsche-icon-arrow-down-thin:before {
  content: "\e021";
}
.porsche-icon-download_02:before {
  content: "\e023";
}
.porsche-icon-read-more:before {
  content: "\e02f";
}
.porsche-icon-phone:before {
  content: "\e031";
}
.porsche-icon-globe:before {
  content: "\e032";
}
.porsche-icon-information:before {
  content: "\e033";
}
.porsche-icon-dealer:before {
  content: "\e034";
}
.porsche-icon-compare:before {
  content: "\e035";
}
.porsche-icon-youtube:before {
  content: "\f000";
}
.porsche-icon-scrollbar:before {
  content: "\e050";
}
.porsche-icon-menue:before {
  content: "\e011";
}
.porsche-icon-breadcrumb:before {
  content: "\e015";
}
.porsche-icon-highlight:before {
  content: "\e037";
}
.porsche-icon-loader:before {
  content: "\e036";
}
.porsche-icon-payment-calculator:before {
  content: "\e02c";
}
.porsche-icon-instagram:before {
  content: "\e601";
}
.porsche-icon-timer:before {
  content: "\e61d";
}
.porsche-icon-gps:before {
  content: "\e61e";
}
.porsche-icon-microphone:before {
  content: "\e61f";
}
.porsche-icon-play2:before {
  content: "\e620";
}
.porsche-icon-delete:before {
  content: "\e624";
}
.porsche-icon-edit:before {
  content: "\e625";
}
.porsche-icon-filter:before {
  content: "\e626";
}
.porsche-icon-rss:before {
  content: "\e627";
}


@import url('Colours.css');

@font-face {
    font-family: PorscheNextWLa;
    src: url(/Content/Fonts/porsche-next/PorscheNextWLa-Regular.woff);
}

@font-face {
    font-family: PorscheNextWLa-Thin;
    src: url(/Content/Fonts/porsche-next/PorscheNextWLa-Thin.woff);
}

/* base body styling (including backgroud gradient image) */
body {
    font-family: PorscheNextWLa, Arial, sans-serif;
    font-size: 16px;
    color: var(--black);
    top: 0px;
    /*position: fixed;
    inline-size: 100%;*/
    overflow-y: scroll;
/*    min-width: 370px !important;*/
    width: 100%;
}

.p-0 {
    padding: 0!important;

}

/* --- BOOTSTRAP OVERRIDES --- */
h1, h2, h3, h4, h5, h6 {
    font-family: PorscheNextWLa;
}

#page-header {
    box-sizing: border-box;
    display: block;
   /* background-color: #eff0f1;*/
    margin: 0 0 10px;
}

h1 {
    font-size: 24px;
    margin: 0;
    padding: 15px 0;
}

    h1.with-icon {
        line-height: 32px;
    }

/*Make page header text smaller on mobile*/
@media (max-width:480px) {
    #page-header h1 {
        font-size: 20px;
    }
}

/*h2 {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 1px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    vertical-align: top;
    z-index: 1;
    zoom: 1;
    color: var(--black);
}

    h2 span {
        background-color: #ffffff;
        box-sizing: border-box;
        display: inline-block;
        padding: 0 26px;
        text-align: center;
        text-size-adjust: 100%;
    }*/



 

/* Styling for a ul taken from the Porsche main site */
ul {
    list-style-type: square;
    margin-left: 1em;
    padding-left: 16px;
}

    ul li {
        padding-left: 0;
    }

/* ensure body content follows requirements */
.body-content {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #ffffff;
}

/* override 'less' styling for .row margins */
.main-container .row {
    margin: 0;
}

/* custom container class for advanced content pages and the main navigation */
.nav-container {
    padding: 0;
    padding-bottom: 3px !important;
    margin: 0;
}

    /* navbar-nav in main navigation should have no margin on mobile devices */
    .nav-container .navbar-nav {
        margin: 0;
        padding: 0;
    }

    /* nav li in main navigation has less padding and a top border on mobile devices */
    .nav-container .nav > li {
        padding: 0 !important;
        border-top: solid 1px #eff0f1;
    }

        .nav-container .nav > li.separator {
            display: none;
        }

        /* nav li a in main navigation should fill screen width on mobile devices */
        .nav-container .nav > li > a {
            margin: 0;
            display: block !important;
            width: 100%;
            color: var(--black);
            text-decoration: none;
        }

            /* nav li a in main navigation should turn red on hover/active */
            .nav-container .nav > li > a:hover, .nav-container .nav > li > a:active {
               /* color: #d5001c !important;*/
            }

/*  apply a margin to the continue button on the before-you-begin-annual partial  */
.margin-top-xs-only {
    margin-top: 0px;
    float: right;
}

@media (max-width: 576px) {
    .margin-top-xs-only {
        margin-top: 40px !important;
        float: right;
    }
}

@media (min-width: 576px ) and (max-width: 767px ) {
    .margin-top-xs-only {
        margin-top: 40px !important;
        float: right;
    }
}

@media (min-width: 768px ) and (max-width: 991px ) {
    .margin-top-xs-only {
        margin-top: 40px !important;
        float: right !important;
    }
}

@media (min-width: 992px ) and (max-width: 1453px ) {
    .margin-top-xs-only {
        float: right;
    }
}

/* container media queries */
@media (min-width: 768px) {
    .main-container {
        padding: 0;
    }

        /* on non-mobile devices, advanced content page row columns should have white space to the right */
        .main-container .row .col-sm-6 {
            padding: 0 40px 0 0;
        }

            /* on non-mobile devices, advanced content page row columns should have white space to the left when necessary */
            .main-container .row .col-sm-6.right {
                padding: 0 0 0 40px;
            }

        /* advanced content page - content block highlight styles */
        .main-container .row.light-grey, .row.light-grey h2 span {
            background-color: #eff0f1;
        }

        .main-container .row.dark-grey, .row.dark-grey h2 span {
            background-color: #313639;
            color: #ffffff !important;
        }

        .main-container .row.dark-gray h2 {
            color: #ffffff;
        }

        .main-container .row.dark-blue, .row.dark-blue h2 span {
            background-color: #196a99;
            color: #ffffff !important;
        }

        .main-container .row.red, .row.red h2 span {
            background-color: #d5001c;
            color: #ffffff !important;
        }

        /* make terms and conditions text smaller than normal */
        .main-container .terms-and-conditions {
            font-size: 0.8em;
        }

    /* navbar-nav in main navigation should have no margin on mobile devices */
    .nav-container .navbar-nav {
        margin: 0;
    }

    /* nav li should restore default padding on non-mobile devices */
    .nav-container .nav > li {
        padding: 10px 30px !important;
        border-top: none;
    }

        .nav-container .nav > li.separator {
            display: inline-block;
            padding: 10px 0 !important;
        }

        .nav-container .nav > li:first-child {
            padding-left: 0 !important;
        }

        .nav-container .nav > li.separator:last-child {
            display: none;
        }

        /* nav li a should not fill the screen width on non-mobile devices */
        .nav-container .nav > li > a {
            margin: auto;
            display: inline !important;
        }
}

@media (min-width: 992px) {
    /* reset padding on advanced content page row columns */
    .main-container .row .col-sm-6 {
        padding: 0 116px 0 0;
    }

        /* reset padding on advanced content page row columns */
        .main-container .row .col-sm-6.right {
            padding: 0 0 0 116px;
        }
}

/* override .less max-width on containers */
.container {
    max-width: 100%;
    min-width: 252px !important;
}

/* on large screens, ensure the Bootstrap 'container' is wider than the default */
@media (min-width: 1460px) {
    .container {
        width: 100% !important;
        min-width: 252px !important;
    }
}

/* fix padding on 'nav' list items */
.nav-container .nav > li {
    padding: 10px 30px 10px 0;
}

    /* fix display of anchors in 'nav' list items */
    .nav-container .nav > li > a {
        display: inline;
        padding: 10px 0;
    }

    /* apply red underline to 'nav' anchors */
    .nav-container .nav > li.active > a {
        border-bottom: solid 2px #d5001c;
    }

    /* fix background color on 'nav' anchors */
    .nav-container .nav > li > a:hover, .nav > li > a:focus {
        background-color: transparent;
        color: var(--black);
    }

/* prevent nav from having left and right padding on tablets/desktops */
@media (min-width: 768px) {
    .navbar-collapse {
        padding: 0 !important;
        
    }
}

/* bootstrap override for the hambuger menu button */
.navbar-toggle {
    margin-top: -55px;
    margin-right: 0;
    border-radius: 0;
    border-left: solid 1px #403f45;
    z-index: 1000;
    background-color: #403f45;
}

    /* when the navbar is collapsed, remove background colour */
    .navbar-toggle.collapsed {
        background-color: transparent;
    }

    /* bootstrap override for the hamburger menu lines */
    .navbar-toggle > .icon-bar {
        background-color: #d5001c;
        height: 4px;
        width: 28px;
    }

    /* when the navbar is collapsed, hamburger menu lines should be black */
    .navbar-toggle.collapsed > .icon-bar {
        background-color: var(--black);
        height: 4px;
        width: 28px;
    }

/* default 'mobile' styles for wrappers */
/* ensure wrapped children have side margins in normal wrapper */
.body-content .wrapper {
    margin: 0 calc(10% - 30px);
    padding: 30px;
}

/* ensure wrapped children have side margins as normal wrapper, but no vertical padding */
.body-content .wrapper-thin {
    margin: 0;
/*    margin-top:100px;*/
}

/* ensure wrapped children have side margins in wide wrappers */
.body-content .wrapper-wide {
    padding: 30px 10%;
}

@media (min-width: 768px) {
    /* ensure wrapped children have side margins in normal wrapper */
    .body-content .wrapper {
        margin: 0 calc(10% - 30px);
        padding: 30px;
    }

    /* ensure wrapped children have side margins as normal wrapper, but no vertical padding */
    .body-content .wrapper-thin {
        margin: 0 10% 30px 10%;
    }

    /* ensure wrapped children have side margins in wide wrappers */
    .body-content .wrapper-wide {
        padding: 30px 10%;
    }
}

/* CAROUSEL */
/* default styling for carousel indicators */

.carousel-indicators {
    bottom: -35px;
}

    .carousel-indicators li {
        border: none;
        background-color: #3a393e;
    }

        /* default styling for active carousel indicator */
        .carousel-indicators li.active {
            margin: 1px;
            width: 10px;
            height: 10px;
            /*background-color: red;*/
        }

/* spacing of carousel indicator for mobile devices */
@media (max-width: 768px) {
    .carousel-indicators {
        bottom: -18px;
    }
}

/* force banner images to be 100% wide */
.carousel-inner .banner-image {
    width: 100% !important;
}

/* default styling for carousel call to action */
.carousel-inner .call-to-action {
    display: block;
    font-family: PorscheNextWLa;
    color: var(--black);
    text-align: center;
    margin: 10px 0 18px;
    text-decoration: none;
    -webkit-transition: color 0.25s linear;
    -moz-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: all 0.25s linear;
    background-color: unset !important;
}

/* change font colour on call to action hover */
.carousel-inner a.call-to-action:hover {
    /*background-color: var(--headerHover);*/
}
/* carousel call to action chevron */
.carousel-inner .call-to-action i {
    display: inline-block;
    font-size: 18px;
    
}

/* carousel call to action heading */
.carousel-inner .call-to-action h4 {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 0;
    /*background-color:transparent!important;*/
}

/* carousel call to action text */
.carousel-inner .call-to-action p {
 /*   font-size: 15px;
    margin-left: 0px;*/
}

/* on mobile devices, hide the bootstrap carousel controls */
.carousel .carousel-control {
    display: none;
    opacity: 0 !important;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

/* show carousel controls when hovering the carousel */
.carousel:hover .carousel-control {
    opacity: 1 !important;
}

@media (min-width: 168px) {
    .carousel-indicators {
        bottom: 20px;
    }

        /* default styling for active carousel indicator */
        .carousel-indicators li.active {
            margin: 1px;
            width: 20px;
            height: 10px;
            background-color: #ffffff;
        }

    
    /* on non-mobile devices, reposition the carousel call to action over the banner image */
    .carousel-inner .call-to-action {
        position: absolute;
        bottom: 50px;
        left: 60px;
        text-align: left;
        color: #ffffff;
        text-decoration: none;
        margin: 0;
    }

        /* on non-mobile devices, call to action should have larger font */
        .carousel-inner .call-to-action i {
            font-size: 20px;
        }

        /* on non-mobile devices, call to action should have larger font */
        /*.carousel-inner .call-to-action h4 {
            font-size: 40px;
        }*/

        /* on non-mobile devices, call to action should have larger font */
        .carousel-inner .call-to-action p {
            font-size: 24px;
            margin-left: 30px;
        }

    /* override default bootstrap carousel control style (left and right arrows) */
    .carousel .carousel-control {
        display: inline;
        top: 50%;
        margin-top: -32px;
        background-image: none !important;
        width: 64px;
        height: 64px;
        font-size: 64px;
        background-color: transparent;
        line-height: 64px;
        opacity: 1;
        -webkit-transition: opacity 0.2s linear, color 0.2s linear;
        -moz-transition: opacity 0.2s linear, color 0.2s linear;
        -o-transition: opacity 0.2s linear, color 0.2s linear;
        transition: opacity 0.2s linear, color 0.2s linear;
    }

    .carousel-control span {
        margin: 0;
        text-shadow: none;
    }

    /* override default bootstrap carousel control hover/active style */
    .carousel-control:hover, .carousel-control:active {
       /* background-color: transparent;
        color: #d5001c;*/
    }
}


/*@media(min-width:768px) {
    .carousel-inner {
        margin-top: 75px;
    }
}*/

@media (min-width: 992px) {
    /* on non-mobile devices, call to action should have larger font */
    .carousel-inner .call-to-action i {
        font-size: 30px;
       
    }

    /* on non-mobile devices, call to action should have larger font */
    .carousel-inner .call-to-action h4 {
        font-size: 50px;
    }

    /* on non-mobile devices, call to action should have larger font */
    .carousel-inner .call-to-action p {
        font-size: 24px;
        margin-left: 46px;
    }
}

@media (min-width: 1200px) {
    /* on non-mobile devices, call to action should have larger font */
    .carousel-inner .call-to-action i {
        font-size: 40px;
    }

    /* on non-mobile devices, call to action should have larger font */
    .carousel-inner .call-to-action h4 {
        /*background-color: rgba(0,0,0,0.3) !important;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);*/ /* Adds a soft blurry shadow */
        font-size: 60px;
        max-width: 450px;
    }

    /* on non-mobile devices, call to action should have larger font */
    .carousel-inner .call-to-action p {
        font-size: 24px;
        margin-left: 58px;
    }
}

/* carousel should fill the screen width */
@media (min-width: 1460px) {
    #porscheCarousel {
        width: 100% !important;
    }
}

/* PANELS */

/* remove box shadow from panels */
.panel {
    box-shadow: none;
}

/* default panels should have no border */
.panel-default {
    border: none;
}

    /* default style for panel headings */
    .panel-default > .panel-heading {
        background-image: none !important;
        background: #eff0f1;
        border: none;
        padding: 20px 15px 20px 15px;
    }

/* ensure panel headings with no content have a minimum height */
.panel-heading div {
    min-height: 48px;
}

    /* re-apply 0 min-height to clearfix divs inside panel headings */
    .panel-heading div.clearfix {
        min-height: 0px;
    }

.panel-heading p {
    padding: 14px 0;
    margin-bottom: 0;
}

/* on mobile devices, 'Update' buttons should be centred at the bottom of the panel heading */
.panel-heading .btn {
    display: block;
    margin: 0 auto;
    width: 100px;
}

/* on non-mobile devices, 'Update' buttons should be centred vertically on the right of the panel heading */
@media (min-width: 768px) {
    .panel-heading .btn {
        width: auto;
        position: absolute;
        top: 50%;
        right: 25px;
        margin-top: -26px;
    }
}

/* default style for panel body */
.panel-body {
    padding: 0;
    background-color: #fbfcff;
}

.btn {
    outline-style: none !important;
    box-shadow: none !important;
    text-decoration: none;
    font-size: 16px;
    border-radius: 0;
    padding: 13px 21px;
}

    /* default disabled button styling */
    .btn[disabled] {
        color: #b5b4ba;
        background-color: #737278 !important;
        border: solid 1px #737278 !important;
        opacity: 1;
    }

        /* default disabled button hover styling */
        .btn[disabled]:hover {
            color: #b5b4ba;
            background-color: #737278 !important;
            outline: none;
            opacity: 1;
        }

/* style for default buttons (grey) */
.btn-default {
    background-image: none;
    border: solid 1px #313639;
    background-color: #313639;
    color: #ffffff;
    text-shadow: none;
}

    /* change colours on default buttons (grey) hover */
    .btn-default:hover, .btn-default:active, .btn-default:focus {
        border: solid 1px #d5001c;
        background-color: #d5001c !important;
        outline: none;
        color: #ffffff;
    }

    /* style for default buttons (grey) when in 'ghost' mode */
    .btn-default.ghost {
        border: solid 1px #403f45;
        background-color: #ffffff;
        color: #403f45;
    }

        /* change colours on default buttons (grey) hover when in 'ghost' mode */
        .btn-default.ghost:hover, .btn-default.ghost:active, .btn-default.ghost:focus {
            border: solid 1px #d5001c;
            background-color: #ffffff !important;
            outline: none;
            color: #d5001c;
        }



/* ??? */
.btn-responsive {
    white-space: normal !important;
    word-wrap: break-word;
}

/*
    Fix for buttons on the page acting as a next/update accordion button where we are
    hooking into events on the button and thus not wanting an icon inside it
*/
button.porsche-arrow:before, a.porsche-arrow:before {
    font-family: "pag-iconfont";
    content: '\e024';
    margin: 0 5px 0 -5px;
    font-size: 14px;
}

.input-group-addon {
    background-color: #950014;
    color: #ffffff;
    font-size: 18px;
    width: 50px;
    height: 34px;
}

    .input-group-addon:hover, .input-group-addon:active {
        background-color: #d5001c;
        cursor: pointer;
    }

/* FORMS */
/* default 'grey-box' style for all forms */
.form {
    margin-bottom: 20px;
    padding: 0;
}

@media (min-width: 768px) {
    /* on non-mobile devices, add padding to the top and bottom of forms */
    .form {
        padding: 15px 0;
    }
}

/* default styling for form sections */
.form .form-section {
   /* background-color: #eff0f1;*/
    padding: 15px;
    margin-bottom: 10px;
}

    /* default styling for sub-headings in form-sections */
    .form .form-section h3 {
        font-family: PorscheNextWLa;
        font-size: 24px;
        margin: 0;
        margin-bottom: 30px;
    }

@media (min-width: 768px) {
    /* on non-mobile devices, increase the padding on form sections */
    .form .form-section {
        padding: 40px;
    }
}

/* default styling for form groups */
.form .form-section .form-group {
    /*border-top: solid 1px #c8cacb;*/
    padding: 20px 0 0;
    margin: 0;
}

/*overriding form group default for no border*/
.form .form-section .form-group-no-border {
    border-top: none;
    padding: 0;
    margin: 0;
}

/* empty form groups should have additional white space below */
.form .form-section .form-group.empty {
    margin-bottom: 20px;
}

/* default positioning for an input row */
.form .form-section .form-group .input-row {
    margin-bottom: 20px;
    min-height: 34px;
}

/* ensure 'input column' has correct spacing */
.form .form-section .form-group .input-col {
    padding: 0;
    padding-bottom: 10px;
}

    /*on mobile devices, where input cols should be displayed inline ensure there is right padding */
    .form .form-section .form-group .input-col.inline {
        padding-right: 15px;
    }

    /* ensure last 'input column' has correct spacing */
    .form .form-section .form-group .input-col:last-of-type {
        padding-bottom: 0;
    }

@media (min-width: 768px) {
    /* on non-mobile devices, remove the bottom padding from all input cols */
    .form .form-section .form-group .input-col {
        padding-bottom: 0;
/*        padding-right: 15px;*/
    }

        .form .form-section .form-group .input-col.last {
            padding-right: 15px !important;
        }
}

/* columns inside form groups should not have any padding */
.form .form-section .form-group .input-row > .col-sm-4,
.form .form-section .form-group .input-row > .col-sm-6,
.form .form-section .form-group .input-row > .col-sm-8,
.form .form-section .form-group .input-row > .col-sm-12 {
    padding: 0;
}

    /* on mobile devices, the first column should have a bottom margin to maintain space between labels and inputs */
    .form .form-section .form-group .input-row > .col-sm-4:first-child,
    .form .form-section .form-group .input-row > .col-sm-6:first-child,
    .form .form-section .form-group .input-row > .col-sm-8:first-child,
    .form .form-section .form-group .input-row > .col-sm-12:first-child {
        margin-bottom: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    /* on non-mobile devices, the first column should remove the bottom margin */
    .form .form-section .form-group .input-row > .col-sm-4:first-child,
    .form .form-section .form-group .input-row > .col-sm-6:first-child,
    .form .form-section .form-group .input-row > .col-sm-8:first-child,
    .form .form-section .form-group .input-row > .col-sm-12:first-child {
        margin-bottom: 0;
    }
}

.form .form-section .form-group-no-border label {
    margin-bottom: 20px;
}

/* applies vertical margins to text blocks inside a form but outside of a form-section */
.form .form-information-block {
    margin: 50px 0;
}

/* default styling for form actions */
.form .form-actions {
    text-align: left;
}

.form .form-section .form-actions {
    padding: 0px 0 20px;
    /*border-top: solid 1px #c8cacb;*/
}

@media(max-width: 767px) {
    .form .form-actions .left {
        margin-top: 10px;
    }

    /* Make buttons inside a form-actions 50% width so they are side by side */
    /*.form .form-actions button,
    .form .form-actions button,
    .panel-heading button {
        width: 49% !important;
    }*/

    /* Make buttons inside a panel-heading 100% width */
    .panel-heading .btn {
        width: 100%;
    }
}

@media(min-width: 768px) {
    .form .form-actions .left {
        float: left;
    }
}

/* default form labels to align left and on mobile-devices have a greater line height to make space for info icons */
.form label {
    display: inline;
    text-align: left !important;
    font-family: PorscheNextWLa-Thin;
    line-height: 1.8em;
}

/* fix for font-kerning issue on iOS mobile devices */
/*@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
    .form label {
        letter-spacing: -1px;
    }
}*/

/* The monthly payment label should have a font-size of 26px */
.form label.monthly-payment {
    font-size: 26px;
}

/* the account holder should have a font size of 18px */
.form label.account-holder {
    font-size: 18px;
    word-wrap: break-word;
    margin-right: 20px;
}

/* Allow h3 tags to reduce their margin bottom */
.form h3.small-margin {
    margin-bottom: 14px;
}

/* Normalize the line height back to it's default */
.form label.normalize-line-height {
    line-height: 1.8em;
}

/* Fix for p tags inside a form to look the same as a label but be full width */
.form-group p.form-info {
    font-family: PorscheNextWLa;
    line-height: 1.8em;
    font-weight: bold;
}

.form-group p.foot-note {
    font-family: PorscheNextWLa;
    font-size: 14px;
    line-height: 2.17;
    color: var(--black);
}

/* default styling for inputs and selects on forms */
.form input, .form select, .form textarea {
    
    box-shadow: none;
    font-size: 16px;
    color: var(--black);
}

    .form input[disabled], .form select[disabled] {
        background-color: #eeeeee;
    }

/* Stop text areas from breaking */
.form textarea {
    min-width: 50%;
    max-width: 100%;
    min-height: 34px;
}

.form select {
    background-color: #ffffff;
    padding: 2px 12px 6px;
}

    /* hide the first (disabled) option in all drop-down lists */
    .form select option:first-of-type {
        display: none;
    }


.form-control {
   background: transparent;
   width: 100% !important;
}

/* prevent browser from highlighting fields on focus */
.form-control:focus {
    outline-style: none;
    box-shadow: none;
    border-color: var(--inputBorder);
}

/* positioning for radio buttons on forms */
.form .radio-button {
    display: inline-block;
    margin-right: 40px;
}

    .form .radio-button label {
        max-width: 100%;
    }

/* GO TO QUOTE BUTTON STYLING*/

/* bring in padding and min hieght from defaults that are set on accordion padding headings */
.go-to-quote {
    padding: 20px 15px 0;
    min-height: 36px;
}
    /* on mobile devices, 'Update' buttons should be centred at the bottom of the panel heading */
    .go-to-quote .btn {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

/* on non-mobile devices, 'Update' buttons should be centred vertically on the right of the panel heading */
@media (min-width: 768px) {
    .go-to-quote .btn {
        width: auto;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -16px;
        margin-right: 15px;
    }
}

#get-a-quote-spinner, #go-to-quote-spinner {
    font-size: 16px;
    text-align: right;
}

#go-to-quote-spinner {
    margin-top: 45px;
}

/* JQUERY UI OVERRIDES */
/* override font styles from jquery ui */
.ui-widget {
    font-family: PorscheNextWLa, Arial !important;
    font-size: 16px;
}

/* override border styling on menu */
.ui-menu {
    border: solid 1px #eff0f1;
}

    /* ensure correct margins on active menu items */
    .ui-menu .ui-state-active {
        margin: 0;
    }

    /* ensure correct borders and spacing on menu items */
    .ui-menu .ui-menu-item {
        padding: 0;
        border: none !important;
    }

        /* ensure correct spacing on menu item wrappers */
        .ui-menu .ui-menu-item .ui-menu-item-wrapper {
            padding: 6px 12px;
        }

            /* add red highlight to font on hovered menu item wrapper */
            .ui-menu .ui-menu-item .ui-menu-item-wrapper:hover {
                color: #d5001c !important;
            }

            /* remove borders on menu item wrapper */
            .ui-menu .ui-menu-item .ui-menu-item-wrapper, .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
                border: none !important;
            }

@media (min-width: 768px) {
    /* on non-mobile devices - labels should have a max-width to ensure wrapping doesn't overlap info icons */
    .form label, .form span.check-box {
        display: inline-block;
        max-width: 80%;
        line-height: 34px;
        margin-bottom: 0;
    }
}

/* default form error styling */
.form span.error {
    color: #d5001c;
    margin: 15px 0;
    float: left;
    clear: both;
}

/* default form select and input styling */
.form select.error, .form input.error, .form textarea.error {
    border: 1px solid #d5001c;
}

/* default form well styling */
.form .well {
    padding: 0;
    background-image: none;
    background-color: #ffffff;
    min-height: 230px;
    border-radius: 4px;
}

    /* ensure user feedback when hovering a well on a form */
    .form .well:hover {
        cursor: pointer;
    }

    /* ensure images in wells are full width */
    .form .well img, mini-well img {
        width: 100%;
    }

    /* positioning for text inside a form well */
    .form .well p {
        margin: 5px 20px 10px 20px;
        text-align: center;
    }

/* ensure selected form item is highlighted */
/*.form .selected {
    outline: 2px solid var(--black);
    padding-left: 7px;
    position: relative;
    right: 7px;
}

    .custom-radio {
       margin-bottom: 5px !important;
    }*/

.card-selected {
    border: 2px solid var(--black);
}


/* default styling for form info well (detail panel) */
.form .info-well {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
    border: solid 1px #b5b4ba;
}

    /* default styling for close icon in form info well */
    .form .info-well i {
        float: right;
        cursor: pointer;
        z-index: 1000;
    }

    /* default styling for text in form info well
       Override default margin for 'p' (.less) as was proving too much spacing
        padding either side of the p to prevent unwanted wrapping align nicely
    */

    .form .info-well p {
        text-align: center;
        margin: 0px !important;
        padding: 0px 10px 10px 10px;
    }

/* Fix for info-well blocks not being displayed properly on Tablets  */
div.info-well-block {
    display: inline;
}

@media (min-width: 992px) {
    div.info-well-block {
        display: block;
    }
}

/* remove padding on manual vehicle selection list */
.form #manual-vehicle-selection-list {
    padding-right: 0;
}

    /* default styling for manual vehicle selection list */
    .form #manual-vehicle-selection-list .list-group {
        height: 200px;
        overflow-y: scroll;
        border: solid 1px #b5b4ba;
        background-color: #ffffff;
    }

        /* default styling for manual vehicle selection list items */
        .form #manual-vehicle-selection-list .list-group .list-group-item {
            border: none;
            border-radius: 0;
            padding: 8px 15px;
            cursor: pointer;
        }

            /* change colours on manual vehicle selection list item when hovered */
            .form #manual-vehicle-selection-list .list-group .list-group-item:hover {
                background-color: #b5b4ba;
            }

    /* change colours on manual vehicle selection list item when selected */
    .form #manual-vehicle-selection-list .list-group-item.selected, .form #manual-vehicle-selection-list .list-group-item.selected:hover {
        background-color: #b5b4ba;
        color: #ffffff;
    }

#selected-vehicle {
    width: 100%;
    text-align: right;
}

    #selected-vehicle p:first-of-type {
        margin-bottom: 0;
    }

#selected-vehicle-details {
    font-size: 21px;
}

/* PORSCHE HEADER */
.m-00-header {
    height: 70px;
    background-color: #ffffff;
    text-align: center;
    position: relative;
    z-index: 2;
    font-size: 0;
    box-sizing: border-box;
    display: block;
    clear: both;
}

.m-00-header-lined-crest {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 1.625em;
    font-family: "PFranklinGothicCnd", Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    min-height: 1px;
}

@media (min-width: 768px) {
    .m-00-header-lined-crest:before {
        right: 242px;
        content: '';
        border-bottom: 1px solid #eff0f1;
        font-size: 0;
        position: absolute;
        bottom: 16px;
        right: 0;
        left: 0;
        height: 1px;
        overflow: hidden;
        z-index: -1;
    }
}

.m-00-crest-wrapper {
    background-color: #ffffff;
    display: inline-block;
    height: 100%;
    z-index: 1;
    padding-left: 26px;
    padding-right: 26px;
    text-align: center;
}

.m-00-crest {
    text-align: left;
    text-indent: -119988px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(/Content/Images/porsche-marque-rgb-digital_S-L_R.svg);
    width: 126px;
    height: 76px;
    background-size: 126px 76px;
    display: inline-block;
}

@media (min-width: 768px) {
    .m-00-header {
        height: 90px;
    }

    .m-00-crest {
        margin-top: 10px;
    }
}

/* add whitespace below the header on pages without navigation */
.header-spacer {
    height: 15px;
    min-height: 15px;
}

/* CONNEXUS */
/* home page section links need white space above */
#section-links {
    margin-top: 20px;
}

    /*Add space between images for mobile site*/
    #section-links img {
        margin-top: 20px;
    }

/* Override default underline of link*/

.section-link, .section-link:hover {
    text-decoration: none !important;
}

/* Makes the links appear on top of the image*/
#section-links .section-link-text {
    text-decoration: none;
    color: #ffffff;
    font-family: PorscheNextWLa;
    position: relative;
    font-size: 18px;
    bottom: 10px;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

    /* Change the colour to red when the links are hovered over*/
    #section-links .section-link-text:hover {
        background-color: var(--faqGrey);
    }

/*Ensure the icon stays to the bottom left of the text and over the image*/
#section-links .porsche-icon-arrow-right {
    display: inline-block;
    color: #d5001c;
    font-size: 18px;
}

/*No extra margin above images when they sit alongside each other*/
#section-links img {
    margin-top: 0px;
}

/*Ensure the icon stays to the bottom left of the text and over the image*/
#section-links .porsche-icon-arrow-right {
    font-size: 24px;
}

#section-links .section-link-text {
    left: 8px;
    font-size: 28px;
    bottom: 60px;
}

/* Due to issues with iPhones we had to use relative positioning
       Therefore had to target each bootstrap media query to size and position correctly
    */

@media (max-width:1200px) {
    /* Set font size and positioning */
    #section-links .section-link-text {
        font-size: 18px;
        bottom: 35px;
    }

    /* Set font size of arrow*/
    #section-links .porsche-icon-arrow-right {
        font-size: 16px;
    }
}

@media (max-width:768px) {
    /* Set font size and positioning */
    #section-links .section-link-text {
        font-size: 18px;
        bottom: 40px;
    }

    /* Set font size of arrow*/
    #section-links .porsche-icon-arrow-right {
        font-size: 16px;
    }
}

@media (max-width:480px) {
    /* Set font size and positioning */
    #section-links .section-link-text {
        font-size: 18px;
        bottom: 37px;
    }

    /* Set font size of arrow*/
    #section-links .porsche-icon-arrow-right {
        font-size: 16px;
    }
}

@media (max-width:320px) {
    /* Set font size and positioning */
    #section-links .section-link-text {
        font-size: 16px;
        bottom: 28px;
    }

    /* Set font size of arrow*/
    #section-links .porsche-icon-arrow-right {
        font-size: 14px;
    }
}

@media (max-width:240px) {
    /* Set font size and positioning */
    #section-links .section-link-text {
        left: 0px;
        font-size: 16px;
        bottom: 28px;
    }

    /* Set font size of arrow*/
    #section-links .porsche-icon-arrow-right {
        font-size: 14px;
    }
}

/* footer should fill the screen width */
#footer {
    background-color: var(--footerBG);
    color: #ffffff;
    font-size: 16px;
    margin-top: 20px;
    padding: 20px;
}

@media (min-width: 768px) {
    #footer {
        padding: 40px 10%;
    }
}

@media (min-width: 1460px) {
    #footer {
        width: 100% !important;
        margin: 20px auto 0;
    }
}

/* footer heading */
#footer h4 {
    font-family: PorscheNextWLa-Thin;
    color: var(--white);
    margin-bottom: 20px;
    font-weight:600;
}

/* footer hr */
#footer hr {
    margin: 30px 0;
    border: none;
    border-top: solid 1px #737278;
}

/* base style for footer navigation */
.footer-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

    /* footer navigation list items should display inline and be pipe-separated */
    .footer-nav li {
        display: block;
        padding-bottom: 10px;
    }

        /* footer navigation anchors should be white */
        .footer-nav li a {
            color: #ffffff;
          
        }

            .footer-nav li a:hover, .footer-nav li a.active {
                background-color: var(--footerLinkGrey);
            }

@media (min-width: 768px) {
    /* footer navigation list items should display inline and be pipe-separated */
    .footer-nav li {
        display: inline-block;
        border-left: solid 1px #ffffff;
        padding: 0 5px 0 7px;
    }

        /* first footer navigation item should have no left border or padding */
        .footer-nav li:first-child {
            border-left: none !important;
            padding-left: 0;
        }
}

/* STANDARD TEXT PAGE */
.standard-text-page h1, .standard-text-page .content-block {
    padding-left: 40px;
    padding-right: 40px;
}

@media (min-width:460px) {
    .standard-text-page h1, .standard-text-page .content-block {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media(min-width:992px) {
    .standard-text-page h1, .standard-text-page .content-block {
        padding-left: 150px;
        padding-right: 150px;
    }
}

@media(min-width:1460px) {
    .standard-text-page h1, .standard-text-page .content-block {
        padding-left: 340px;
        padding-right: 340px;
    }
}

.standard-text-page h3 {
    font-size: 22px;
    line-height: 1.36;
    margin-top: 30px;
    margin-bottom: 20px;
}

.standard-text-page ul, .standard-text-page ol {
    padding-left: 0;
    margin-left: 18px;
    margin-bottom: unset;
}

    .standard-text-page ul li, .standard-text-page ol li {
        padding-left: 16px;
        padding-bottom: 8px;
    }

/* CONTENT BLOCK */
/* on mobile devices, content block call to action should be 100% wide */
.content-block .btn {
    margin: 15px 0;
    width: 100%;
}

@media (min-width: 768px) {
    /* on non-mobile devices, reset the content block call to action width */
    .content-block .btn {
        width: auto !important;
    }
}

/* INFO GRID */
/* default styling for the info grid */
.info-grid {
    /*background-color: #403f45;*/
    color: #ffffff;
}

    /* allow contents of info grid to reach the edge of the content area */
    .info-grid .grid-container {
        margin: 0 -8px;
    }

    .info-grid h2 {
        color: #ffffff;
    }

        /* ensure info grid section headings have the correct background colour */
        .info-grid h2 span {
            /*background-color: #403f45;*/
        }

    /* apply padding to all info grid info blocks */
    .info-grid .info-block {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-bottom: 16px !important;
    }

        /* links in info blocks are white */
        .info-grid .info-block a {
            color: #ffffff;
            text-decoration: none;
        }

            /* add red underline when a user hovers the info block */
            .info-grid .info-block a:hover span {
                border-bottom: solid 2px #d5001c;
            }

        /* default info block link style */
        .info-grid .info-block span {
            display: block;
            padding: 19px 27px;
            font-family: PorscheNextWLa-Thin;
            opacity: 0.9999;
            background-color: rgb(0, 0, 0); /* degrade opacity nicely on older browsers */
            background: rgba(0, 0, 0, 0.8);
            margin-top: -62px;
            overflow: hidden;
            white-space: nowrap;
            border-bottom: solid 2px transparent;
        }

            .info-grid .info-block span.active {
                border-bottom: solid 2px #d5001c;
            }

/* scale info block links on mobile devices */
@media (min-width: 768px) {
    .info-grid .info-block span {
        font-size: 13px;
        padding: 15px 13px 13px;
        margin-top: -48px;
    }
}

/* scale info block links on tablets */
@media (min-width: 992px) {
    .info-grid .info-block span {
        font-size: 14px;
        padding: 15px 15px 13px;
        margin-top: -50px;
    }
}

/* scale info block links on small desktops */
@media (min-width: 1200px) {
    .info-grid .info-block span {
        font-size: 17px;
        padding: 19px 27px 17px;
        margin-top: -62px;
    }
}

/* reset info block links on large desktops */
@media (min-width: 1440px) {
    .info-grid .info-block span {
        font-size: 18px;
        padding: 14px 27px 12px;
        margin-top: -53px;
    }
}

/* force info block chevron to the right */
.info-grid .info-block span i {
    float: right;
    margin-top: 4px;
}

/* default positioning for info block content panels (hidden by default) */
.info-grid .info-block-content {
    margin-top: -15px;
    margin-bottom: 15px;
    padding: 0 8px;
    display: none;
}

    /* info block content styling */
    .info-grid .info-block-content .info-block-content-container {
        background-color: #ffffff;
        color: var(--black);
        padding: 30px 15px;
    }

    /* info block content close icons */
    .info-grid .info-block-content a.close-icon {
        position: absolute;
        float: right;
        top: 15px;
        right: 20px;
        font-size: 18px;
        cursor: pointer;
        z-index: 98;
    }

    /* info block content headings */
    .info-grid .info-block-content h3 {
        font-family: PorscheNextWLa;
        margin-top: 0px;
    }

    /* on mobile devices, only show the info block content text */
    .info-grid .info-block-content a.close-icon, .info-grid .info-block-content h3 {
        display: none;
    }

@media (max-width: 991px) {
    .info-grid .info-block-content a.close-icon {
        top: 5px;
        right: 10px;
    }
}

@media (max-width: 768px) {
    .info-grid .info-block-content .infoGridImageWrapper {
        display: none;
    }
}

@media (min-width: 768px) {
    /* on non-mobile devices, ensure the info block content has a top margin */
    .info-grid .info-block-content {
        margin-top: 0;
    }

        /* on non-mobile devices, display the full info block content */
        .info-grid .info-block-content a.close-icon, .info-grid .info-block-content .col-md-7, .info-grid .info-block-content h3 {
            display: block;
        }
}

/* DOCUMENT LINKS */
/* on mobile devices, doc link text should be smaller */
/*.doc-links {
    margin-bottom: 20px;
    min-height:200px
}
*/
    /* default styling for document links */
    .doc-links .document a {
        /*display: block;*/
        font-family: PorscheNextWLa;
        font-size: 18px;
        margin-bottom: 10px;
        margin-left: 30px;
        display: inline; /* Ensure the a tag behaves as a flex container */
        align-items: center; /* Vertically center align items */
    }

        /* document links should turn red on hover */
        .doc-links .document a:hover {
           /* color: #d5001c;*/
        }

    /* positioning of document links icon */
   /* .doc-links .document i {
        float: left;
        font-size: 18px;
        margin-top: 4px;
    }*/

    /* positioning of document additional info */
    .doc-links .document p {
        margin-left: 30px;
        margin-bottom: 20px;
    }

.document svg {
    margin-right: 0.1em; /* Optional: Adds space between the SVG and the text */
    vertical-align: middle; /* Vertically align the SVG to the middle */
}

@media (min-width: 768px) {
    /* on non-mobile devices, the doc links section should have no bottom margin */
    .doc-links {
        margin-bottom: 0;
        padding-left:0px;
    }
}

/* wait spinner 'span' container */
/*.wait-spinner {
    margin: 10px 0;
}*/

/* animations for wait-spinner */
/*@keyframes infinite-spinning {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}*/

/* wait spinner - used on asynchronous calls from the client to the server for user feedback */
/*.wait-spinner img {
    display: inline-block;
    animation: infinite-spinning 2s linear infinite;
}*/

/* please wait for recalculating a quote */
.quote-please-wait {
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
}

#confirm-checkbox label {
    display: inline;
    line-height: 2em;
    margin-left: 10px;
}

/* Claims List */
.additional-item-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .additional-item-list li {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .additional-item-list li div {
            background-color: #ffffff;
            line-height: 52px;
            padding: 11px 19px 11px 28px;
            margin-bottom: 10px;
            width: 100%;
        }

            /* ensure the claim remove icon shows a pointer cursor */
            .additional-item-list li div.additional-item-summary i {
                cursor: pointer;
            }

            .additional-item-list li div.additional-item-cancel {
                z-index: 2001; /* Needs to be higher than the confirm-overlay class */
                position: relative;
            }

                .additional-item-list li div.additional-item-summary span.edit, .additional-item-list li div.additional-item-cancel span.edit {
                    display: block;
                    text-align: right;
                }

@media (min-width: 992px) {
    .additional-item-list li div.additional-item-summary span.edit, .additional-item-list li div.additional-item-cancel span.edit {
        float: right;
    }

    .additional-item-list li div {
        background-color: #ffffff;
        line-height: 52px;
        padding: 3px 10px 2px 7px;
        margin-bottom: 0px;
        width: unset;
    }
}

@media only screen and (min-device-width: 960px) {
    .additional-item-list li div {
        background-color: #ffffff;
        line-height: 52px;
        padding: 3px 10px 2px 7px;
        margin-bottom: 0px;
        width: unset;
    }
}

.confirm-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-color: rgba(100,100,100, 0.5);
}

/* TOOLTIP */
.tooltip-inner {
    max-width: 100%;
    background-color: rgb(211, 225, 255) !important;
    color:var(--black);
    padding: 15px;
    font-size: 1em;
    margin-top: -10px;
    margin-bottom: 10px;
    display: none;
}

    .tooltip-inner div {
        width: 0 !important;
        height: 0 !important;
    }

    .tooltip-inner i {
        float: right;
        cursor: pointer;
    }

    .tooltip-inner p {
        text-align: left;
    }

        .tooltip-inner p a {
            color: #ffffff;
            text-decoration: underline;
        }

.tooltip-info-icon {
    
    color: var(--black);
    border:1px solid var(--black);
/*    margin-top: 6px;*/
    padding: 0.35em 0;
/*    margin-left: 10px;*/
/*    margin-right: 15px;*/
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height:0.6em!important;
}

    .tooltip-info-icon:hover {
        cursor: pointer;
    }

.tooltip-offset {
    margin-left: 0;
}

@media only screen and (min-width: 768px) {
    .tooltip-offset {
        margin-left: -10px;
    }

    .tooltip-info-icon {
        padding: 0;
        margin-left: 20px;
        font-size: 15px;
        line-height:1.2em !important;
    }
}

span[tooltip="#additionalVehiclesTooltip"] {
    float: none;
}
/* Contact container */
div.contact-container {
    background-color: #ffffff;

    text-align: center;
    padding: 35px 0;
    border: solid 2px var(--inputBorderGrey);
    border-radius:4px;
}

    div.contact-container:hover, div.contact-container:hover {
        cursor: pointer;
        border-color:var(--black);
    }

    div.contact-container.active {
        background-color: var(--ghostButton);
        color: var(--black);
    }

.contact-container i {
    font-size: 32px;
}

/* Contact Details */

.contact-detail-item {
    padding: 20px;
}

    .contact-detail-item h3 {
        margin-top: 10px;
    }

        /* ensures phone number links keep the intended style */
        .contact-detail-item h3 span a {
            font-family: PorscheNextWLa;
            color: var(--black);
            text-decoration: none;
            font-size: 32px;
        }

    /* default positioning for contact detail item on mobile devices */
    .contact-detail-item .contact-detail {
        display: block;
    }

/* Stying for telephone image*/
.contact-details-telephone {
    float: right;
    margin-top: 14px;
    visibility:hidden;
}

/* Spacing for contact detail links */
.contact-detail-link {
    margin: 5px auto 5px auto;
    width: 230px;
    text-align: left;
}

.contact-details-image-wrapper {
    padding-right: 50px !important;
}

@media (min-width: 992px) {
    /* alter positioning for contact detail item on non-mobile devices */
    .contact-detail-item .contact-detail {
        display: inline;
    }
}

/*Step 1: Vehicle for Car insurance and drive away */
/*VEHICLE / CAR WEB RESULT DISPLAY */

/* hide the vehicle lookup and manual entry forms initially */
#vehicle-lookup-accordion, #vehicle-manual-entry-accordion {
    display: none;
}

#regplatelookup-container {
}

/* regplate container to hold all the reg plate controls has a gap from the top of the page form section. */
#regplate-container {
    display: block;
}

/* The regplate box default styling */
#regplate-details {
    background-color: var(--faqGrey);
    font-family: PorscheNextWLa;
    font-size: 30px;
    line-height: 1.42;
    text-align: left;
    border: 2px solid black;
    border-radius: 4px;
    color: var(--black);
    padding:20px 5px 20px 15px;
}

    #regplate-details .selected-vehicle-label {
        border: solid 1px #950014;
        padding: 36px 15px;
        font-size: initial;
        background-color: #950014;
        color: white;
    }

    /* Padding on the text to align center. Brought from zepplin template!
    Removes defualt margin on p tag.
*/
    #regplate-details p {
       /* padding: 29px 29px 25px 29px;*/
        margin: 0 !important;
    }

/* Error message styling for failed vehicle lookup */
#regplate-errormessage {
    display: inline-block;
    color: #d5001c;
    line-height: 1.71;
    text-align: left;
    padding: 3px;
    width: 100%;
}

    /* Override defualt magrgin on error text*/
    #regplate-errormessage p {
        margin: 0;
    }

#regplate-tryagain {
    display: inline-block;
    line-height: 1.71;
    text-align: left;
    padding: 10px 3px;
    width: 100%;
}

/* Enables the links to be displayed below the error message or regplate corretly*/
#regplate-links {
    display: block;
    padding-top: 20px;
    padding-left:15px;
    text-align: left;
}

    /* Centers the link text so it aligns correctly */
    #regplate-links ul {
        text-align: center;
        padding: 0px !important;
    }

    /* Removes defulat styling of the li, and applies our spacing  */
    #regplate-links li {
        list-style-type: none;
        padding-bottom: 15px;
    }

/*applies the red border color when a error class is added to be regplate-container */
#regplate-container .error {
   /* border: solid 1px #d5001c;*/
}

/* JOURNEY NAVIGATION */

#journey-navigation {
    background-color: #403f45;
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 0 !important;
    font-size: 0.55em;
}

@media (min-width: 768px) {
    #journey-navigation {
        font-size: 1em;
    }
}

#journey-navigation .nav-pills {
    margin: 0 !important;
    padding: 0 !important;
}

#journey-navigation .nav > li {
    padding: 0 !important;
}

    #journey-navigation .nav > li:first-of-type {
        display: none;
    }

@media (min-width: 768px) {
    #journey-navigation .nav > li:first-of-type {
        display: inline-block;
    }
}

#journey-navigation .nav-pills li, #journey-navigation .nav-pills li span.step {
    margin: 0;
    color: #ffffff;
    border: none !important;
    border-width: 0 !important;
    border-radius: 0;
}

    #journey-navigation .nav-pills li span, #journey-navigation .nav-pills li span.step {
        display: block;
        padding: 14px 20px;
    }

#journey-navigation span.step {
    color: #ffffff;
}
/* we want to ensure that the 'active' tab doesn't appear to be clickable. */
#journey-navigation li.active span.step:hover {
    cursor: default !important;
}

#journey-navigation span.step:hover {
    cursor: pointer;
    color: #d5001c !important;
}

#journey-navigation .nav-pills > li.active > span.step {
    background-color: var(--inputBorder);
    color: #ffffff !important;
}

#journey-navigation li.active > span.step:before {
    width: 0;
    height: 0;
    border-top: 8px inset transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px inset transparent;
    border-right: 8px inset transparent;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -8px;
}



/* STICKY NAV */
/* provide a container for the sticky navbar */
#sticky-container {
    height: 50px;
    background: #ffffff;
    box-sizing: border-box;
    z-index: 99 !important;
    padding-top: 0px;
}

/* add a bottom border to the sticky-container when the sticky navbar injects the .is-sticky class */
#sticky-container-sticky-wrapper.is-sticky #sticky-container {
    border-bottom: solid 1px #eff0f1;
}

/* override the default bootstrap nav element */
nav#sticky-navbar {
    border: none;
}

    /* Disable the default bootstrap collapse / stack navigation on responsive for our menu only */
    nav#sticky-navbar .navbar-collapse.collapse {
        display: block !important;
    }

/* bootstrap override to ensure sticky-navbar container uses full screen width */
#sticky-navbar .container-fluid {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 252px !important;
}

/* bootstrap override to correctly position sticky-navbar and list items */
#sticky-navbar .navbar-nav, #sticky-navbar .navbar-nav > li {
    /*float: left !important;*/
}

/* set colour and white space on 'home' menu */
#sticky-nav-home, #sticky-nav-home .dropdown-menu {
    background-color: #403f45;
    white-space: normal;
}

    /* change background colour on 'discover' menu hover */
    #sticky-nav-home:hover {
        color: #d5001c;
    }

/* set colour on 'discover' menu */
#sticky-nav-discover {
    background-color: #950014;
}
    /* change background colour on 'discover' menu hover */
    .nav .open > a, #sticky-nav-discover:hover {
        background-color: #403f45;
        color: #d5001c !important;
    }

    /* ensure default font colour for links is white */
    #sticky-nav-home a, #sticky-nav-discover a {
        color: #ffffff;
        text-decoration: none;
    }

    /* ensure top-level sticky nav retains correct colours when using submenu */
    #sticky-nav-home:hover > a, #sticky-nav-discover:hover > a,
    .sticky-nav-submenu a:focus, .sticky-nav-submenu a:hover {
        color: #d5001c;
        background-color: #403f45;
    }

/*Revert back to the original bootstrap for sticky nav*/
/* specific padding for sticky-nav 'nav' list items */
#sticky-nav > li {
    position: relative;
    display: block;
    padding: 0;
}

    /* specific for sticky-nav anchors in 'nav' list items */
    #sticky-nav > li > a {
        position: relative;
        display: block;
        padding: 15px 5px 15px 5px;
        color: #ffffff;
        text-decoration: none;
        text-shadow: none;
    }

/* STICKY NAV > DROP DOWN MENU STYLING */

/*Our custom styling for the drop down menus of our nav*/

/* bootstrap overrides for dropdown-menu */
.sticky-nav-submenu .dropdown-menu {
    border: 0;
    border-radius: 0 !important;
    box-shadow: none;
    z-index: 99 !important;
}

    /* bootstrap override for dropdown-menu li */
    .sticky-nav-submenu .dropdown-menu > li {
        padding: 0px;
    }

/* Set both menus position to static when they are opened.
    This is so the width can be picked up and made 100% for both mobile and desktop.
    Lends it set to the dropdown.fill and dropdown.full with helpers
*/
#sticky-nav > li.dropdown.open {
    position: static !important;
}

/* bootstrap override to ensure top-level sticky-nav takes correct background colour */
#sticky-nav-discover .dropdown-menu, #sticky-nav.nav #sticky-nav-discover.open > a, #sticky-nav.nav #sticky-nav-discover.open > a:hover {
    background-color: #403f45;
}

    /* bootstrap override to ensure dropdown-menu sticky-nav takes correct font colour */
    #sticky-nav-discover .dropdown-menu a {
        color: #ffffff;
        text-decoration: none;
    }

/* bootstrap override to ensure top-level sticky-nav takes correct background colour */
#sticky-nav-home #sticky-nav-home .dropdown-menu,
#sticky-nav.nav #sticky-nav-home.open > a,
#sticky-nav-home a:first-child:hover,
#sticky-nav.nav #sticky-nav-home.open > a:hover {
    background-color: #403f45;
}

/* bootstrap override to ensure dropdown-menu sticky-nav takes correct font colour */
#sticky-nav-home .dropdown-menu a {
    color: #ffffff;
    text-decoration: none;
}

/* bootstrap override for dropdown-menu padding */
#sticky-nav .dropdown-menu {
    padding: 0;
}

    /* LESS override for background colour for active element in dropdowns */
    #sticky-nav .dropdown-menu > li.active,
    #sticky-nav .dropdown-menu > .active > a {
        background-color: #d5001c;
        background-image: none;
        border-top-color: #d5001c;
        color: #ffffff;
        text-decoration: none;
    }

/* Make the icon color red by default */
#sticky-nav-discover ul li i {
    color: #d5001c;
}

/* Make the icon color white if it is active or on hover */
#sticky-nav-discover ul li.active i,
#sticky-nav-discover ul li:hover i {
    color: #ffffff;
}

/* Set the border of the child next to our acitive li to the background colour*/
#sticky-nav .previous-child-is-active {
    border-top-color: #403f45;
}

/* bootstrap override for spacing of dropdown-menu items */
.sticky-nav-submenu .dropdown-menu-left a {
    padding: 10px 15px;
}

/* REMOVE */
/* add spacer line between dropdown-menu items */
/*.sticky-nav-submenu .dropdown-menu > li:nth-child(n+2) a {
    border-top: 1px solid #403f45;
}*/

/* override spacer line between dropdown-menu items when hovered */
#sticky-nav .previous-child-is-active:hover,
.sticky-nav-submenu .dropdown-menu > li:nth-child(n+2):hover,
.sticky-nav-submenu .dropdown-menu > li:nth-child(n+2):hover a {
    border-top-color: #d5001c;
    color: #ffffff !important;
    text-decoration: none;
}

/* bootstrap override for dropdown-menu items when hovered */
.sticky-nav-submenu .dropdown-menu > li:hover,
.sticky-nav-submenu .dropdown-menu li > a:hover {
    background-image: none;
    background-color: #d5001c !important;
    color: #ffffff !important;
}

/* STICKY NAV ICONS */
/* Float all icons left so that they will line up horizontially with text */
/* Also applies animation to icons */
#sticky-nav i {
    float: left;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

/* Force the text next to a icon not to overflow or wraps.
    So that each item in the li remains the same hieght.*/
#sticky-nav span {
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

/* The main menu icons font size is bigger than the submenus
    Overrides the default that has been set*/
#sticky-nav-home i, #sticky-nav-discover i {
    font-size: 22px !important;
}

/* Gives the icons space */
#sticky-nav-discover i {
    margin-left: 15px;
}

/* Gives the spacing between icons and thier text */
#sticky-nav-discover span {
    padding-left: 14px;
}

/* Set the font of submenu icons*/
#sticky-nav-discover .dropdown-menu i {
    font-size: 16px !important;
    color: #ffffff;
}

/* Gives the spacing to line up icons in submenus
    This is because the font of the submenu is smaller than the main icons
*/
#sticky-nav-discover .dropdown-menu li a i {
    margin-left: 12px;
}

/* Gives spacing between submenus span text and icon. */
#sticky-nav-discover .dropdown-menu li a span {
    padding-left: 18px;
    display: block;
    font-size: 16px;
}

/* Force the text next to a icon not to overflow or wraps.
    So that each item in the li remains the same hieght.*/
a#discover-tag span, .dropdown-menu li a span {
    overflow: hidden;
    white-space: nowrap;
}

/*STICKY NAV MEDIA QUERIES*/

/*As we are using bootstrap we have to override some defaults that are set for mobile*/
/*Mainly resetting margins and colors */
/*We also have to allow one part of our menu to expand for responsive. Which has been achive usingt he calc method of css*/
/*This has been avaible since ie 9 and achieves what we need. However need to conform it will work with mobile devies*/
/*See the following for reference: https://www.w3schools.com/cssref/func_calc.asp  */

/* ensure sticky-navbar is 100% wide on mobile */
#sticky-nav {
    width: 100% !important;
}

/* bootstrap override to ensure no margin on sticky-nav */
#sticky-nav {
    margin: 0;
}

/* fix the size and position of the 'home' link */
#sticky-nav-home {
    width: 45px;
    float: left;
}

/* ensure the 'discover' menu fills the screen width on mobile */
#sticky-nav-discover {
    float: left;
    width: calc(100% - 45px);
}

/* ensure the 'home' drop down menu fills the screen width on mobile */
#sticky-nav-home .dropdown-menu {
    width: 100%;
}

/* ensure the 'discover' drop down menu fills the screen width on mobile */
#sticky-nav-discover .dropdown-menu {
    width: calc(100% - 45px);
}

/* padding for every dropdown menu anchors. */
#sticky-navbar .open .dropdown-menu > li > a {
    padding: 10px 15px;
}

@media only screen and (min-width:768px) {
    /*Set the max with of the sticky navbar of screens greater than 768px so that is not*/
    #sticky-navbar {
        padding: 0px;
        max-width: 321px;
    }

    /* ensure the 'discover' dropmenu fills the the same size  as its parent
    due to using the fill and full width helpers it see the width as the full conatiner width of 321px;
    Where we just want it to be the size of the 'discover menu' */
    #sticky-nav-discover .dropdown-menu {
        width: calc(100% - 44.4px) !important;
    }

    /* Override bootstrap nav dropdown function to display dropdown menu on hover*/
    /* Also restrict this to desktop. Mobile devices we still want click functionality!*/
    #sticky-nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

/* DROP DOWN MENU HELPER CLASSES */

/* Helper classes to for dropdowns to either be the full width of the nav bar.
   Or fill thier container width */

/* Full width will be the full width of the parent container */
.full-width.dropdown, li.dropdown.open {
    position: static !important;
}

    .full-width.dropdown > .dropdown-menu {
        left: 0;
        right: 0;
        position: absolute;
    }

        .full-width.dropdown > .dropdown-menu > li > a {
            white-space: normal;
        }

/*Fill width will fill the available space of the container */
.fill-width.dropdown {
    position: static !important;
}

    .fill-width.dropdown > .dropdown-menu {
        left: auto;
        position: absolute;
    }

        .fill-width.dropdown > .dropdown-menu > li > a {
            white-space: normal;
        }

/*ADDRESS LOOKUP*/
#address-lookup-result ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

    #address-lookup-result ul li {
        display: inline-block;
        margin-right: 10px;
    }

/* hide all angular code until angular is loaded */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/* NCD INFORMATION PAGE STYLING*/

/* First paragraph font size*/
.ncd-first-paragraph {
    font-size: 22px;
}
/* Override of the bootstrap "thead-default" */
.thead-default {
    background-color: #eff0f1;
}

/* Set the border of our table*/
.ncd-table {
    border: 1px solid #eff0f1;
}

    /* Give our table headers a default width of 50% */
    .ncd-table th {
        width: 50%;
    }

/* Some tables dont have headers so we need to set default width and background colour for this */
.ncd-row-only {
    width: 50%;
}

.ncd-section {
    padding-top: 40px;
}

/* Jquery DATEPICKER Overrides */
.ui-datepicker-trigger {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative;
    padding: 0;
    padding-top: 4px;
    /* background-color: #d5001c; */
    color: #000;
    border: none;
    border-radius: 0px;
    font-size: 2em;
}

    .ui-datepicker-trigger:hover, .ui-datepicker-trigger:active {
        border: 1px solid #000;
        border-radius: 4px;
    }

/* Credit card styling */
.credit-card {
    border: solid 2px transparent;
    cursor: pointer;
}

    .credit-card.selected {
        border: solid 2px var(--black)!important;
        border-radius: 4px!important;
    }

/* icon styling */
.round-icon {
    background-color: #d5001c;
    color: #ffffff;
    border-radius: 50px;
    margin-right: 29px;
    display: inline-block;
}

/* override default well style for card types */
.card-type-well {
    min-height: initial !important;
    padding: 10px !important;
    text-align: center;
    margin-bottom: 0;
}

   
    /* override default well image style for card type images */
    .card-type-well img {
        width: auto !important;
    }

    /* force card type labels below the card type images */
    .card-type-well .card-type-label {
        display: block;
        letter-spacing: -0.5px;
    }

/* COOKIE BAR STYLING */

#cookie-bar-wrapper {
    position: absolute;
    display: none; /* hidden unless the user needs to confirm acceptance - determined in TS */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
}

/* The cookie pop up container styling */
#cookie-bar {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #191f22;
    font-size: 12px;
    background-color: #ffffff;
}

    #cookie-bar button {
        width: 100%;
        margin-bottom: 5px;
    }

@media (min-width: 768px) {
    #cookie-bar button {
        width: auto;
        margin: auto;
        margin-right: 5px;
    }

        #cookie-bar button.right {
            margin: 0;
            float: right;
        }
}

.cookieContent {
    margin: 0 auto;
    max-width: 1400px;
}

/* Cookie text position and padding*/
.cookie-bar-text {
    line-height: 18px;
}

#cookie-bar #custom-cookie-preferences {
    display: none;
    padding-top: 15px;
}

    #cookie-bar #custom-cookie-preferences p {
        margin: 0 0 0 130px;
    }

    #cookie-bar #custom-cookie-preferences .preference {
        padding: 12px 0;
    }

    #cookie-bar #custom-cookie-preferences .switch {
        position: relative;
        display: inline-block;
        float: left;
        width: 100px;
        height: 40px;
        margin: 0 30px 0 0;
    }

        #cookie-bar #custom-cookie-preferences .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    #cookie-bar #custom-cookie-preferences .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #313639;
        padding: 13px 20px;
        font-weight: normal;
        -webkit-transition: .4s;
        transition: .4s;
    }

        #cookie-bar #custom-cookie-preferences .slider .on {
            float: left;
            font-size: 14px;
            color: #ffffff;
        }

        #cookie-bar #custom-cookie-preferences .slider .off {
            float: right;
            font-size: 14px;
            color: #ffffff;
        }

        #cookie-bar #custom-cookie-preferences .slider:before {
            position: absolute;
            content: "";
            height: 30px;
            width: 40px;
            left: 5px;
            bottom: 5px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    #cookie-bar #custom-cookie-preferences input:checked + .slider {
        background-color: #950014;
    }

    #cookie-bar #custom-cookie-preferences input:disabled + .slider {
        opacity: 0.65;
        cursor: not-allowed;
    }

    #cookie-bar #custom-cookie-preferences input:checked + .slider:before {
        -webkit-transform: translateX(49px);
        -ms-transform: translateX(49px);
        transform: translateX(49px);
    }

/* jQuery UI Datepicker overrides */
/* modify default font */
.ui-datepicker {
    font: 14px PorscheNextWLa-Thin Arial, sans-serif;
    border-radius: 0px;
    color: var(--black);
}

/* modify header to use Porsche fonts and colours */
.ui-datepicker-header {
    background-image: none;
    background-color: #eff0f1;
    border: none;
    border-radius: 0px;
    font-family: PorscheNextWLa-Thin;
    font-size: 16px;
    padding: 5px 0 !important;
}

/* prevent previous month button from moving */
.ui-datepicker-prev {
    top: 0 !important;
    left: 0 !important;
}

/* prevent next month button from moving */
.ui-datepicker-next {
    top: 0 !important;
    right: 0 !important;
}

/* correct spacing on previous and next month buttons */
.ui-datepicker-prev, .ui-datepicker-next {
    margin: 4px !important;
}

/* prevent previous and next buttons from having borders on hover */
.ui-datepicker-prev-hover, .ui-datepicker-next-hover {
    border: none !important;
    cursor: pointer;
    background: none !important;
}

/* modify default font for day names */
.ui-datepicker-calendar th {
    font-family: PorscheNextWLa-Thin;
}

/* modify default styling for date cells, both active and inactive */
.ui-datepicker td span, .ui-datepicker-calendar td a {
    background: none !important;
    background-color: #eff0f1 !important;
    text-align: center;
    height: 30px;
    width: 30px;
    padding: 4px;
    border-radius: 0px;
}

/* modify default styling for 'hover' state */
.ui-datepicker-calendar .ui-state-hover {
    border: solid 1px #000000;
}

.ui-datepicker-calendar .ui-state-disabled span {
    background-color: #eff0f1;
    opacity: 0.5;
}

/* modify default styling for 'today' */
.ui-datepicker-calendar .ui-state-highlight {
    border: solid 1px #d5001c;
    background-color: #ffffff !important;
}

/* modify default styling for selected date */
.ui-datepicker-calendar .ui-state-active {
    border: solid 1px #d5001c;
    background-color: #d5001c !important;
    color: #ffffff !important;
}

/* prevent alternate row styling on disabled dates */
.ui-datepicker-calendar tr {
    background-color: #ffffff !important;
}

/* QUOTE PAGE*/

/*Your quote border, postioning and styling  */
.quote-section h2 span {
    background: none;
    border: none;
    padding: 0 0 26px;
    width: 100%;
    text-align: left;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


/* Remove top border of heading in quote section  */
.quote-section h2:before {
    border-top: none;
}

/* Align all headings left and remove margin  */
.quote-section h2 {
    text-align: left;
    margin: 0;
}

.quote-section-account-preferences {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
}

    .quote-section-account-preferences p {
        font-family: PorscheNextWLa-Thin;
        font-size: 18px;
    }

/* QUOTE PAYMENT TYPE SECTION*/
/* As we have a grid similar to info grid we need to set a negative margin.
    Inorder to give us the space to play with for resizing */
.quote-section-payment-info {
    margin: 0 -10px;
}

    /* set th font and text alignment of "Please select how to pay" text */
    .quote-section-payment-info p {
        text-align: center;
        font-family: PorscheNextWLa-Thin;
        font-size: 18px;
    }

/*Styling of annual and monthly payment type boxes / grid*/
.payment-info-type {
    text-align: center;
    border: solid 1px #b5b4ba;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 18px;
    
}

.payment-info-block ul li  {
    transition: all 0.3s ease;
}

@media (min-width: 768px) {
    .payment-info-type {
        height: 216px;
    }
}

.payment-option-selected {
    border: solid 2px var(--black);
    border-radius:4px;
}

/* Set the padding and list style of both paymnet type grids*/
.payment-info-type ul {
    list-style: none;
    padding-top: 42px;
    padding-bottom: 42px;
    padding-left: 0px;
}

/* background colour of info blocl */
.payment-info-block {
    background-color: #ffffff;
}

/*position of quoted proce text */
.quote-price-text {
    padding-top: 10px;
    font-size: 34px;
    font-weight: bolder;
}

/*styling of quoted price sub text */
.quote-price-sub-text {
    font-size: 14px;
    margin-top: 10px;
}

/* Positiong of the payment type check boxes*/
.payment-info-type .icheckbox_big_minimal-red {
    padding-top: 40px;
    padding-bottom: 30px;
    margin: 0px !important;
}

/* Remove float from error class on a span tag, that is on a span tag by default */
.payment-info-type span.error {
    float: none !important;
}

/* Padding for the pay monthly info box (3rd box)*/
.payment-info-type-table {
    padding: 15px 30px 14px 31px;
}

    /* Styling of the payment info table*/
    .payment-info-type-table table {
        border-collapse: collapse;
        font-size: 16px;
        width: 100%;
    }

    /* Override default background colour for even rows of payment info table*/
    .payment-info-type-table tr:nth-child(even) {
        background-color: #eff0f1;
    }

    /* Set heading and column padding and  line hieght of payment info table */
    .payment-info-type-table th, .payment-info-type-table td {
        padding: 5px 0 3px 0;
        line-height: 1.38;
    }

    /* Set row border and align text of first column of payment info table*/
    .payment-info-type-table td {
        text-align: left;
        border-top: 1px solid #b5b4ba;
    }

    /*Align text of the second column to the right*/
    .payment-info-type-table table td:nth-child(2) {
        text-align: right;
    }

/* Set the font-weight of the total payment row*/
.total-payment-row {
    font-weight: bolder;
}

.payment-back-button {
    float: left;
}

/* Media queries that target the specific padding of the payment grid for different screens */
@media (min-width: 1200px) {
    .quote-section-payment-info .col-md-4 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    /* ovveride the default font of payment info table */
    .payment-info-type-table table {
        font-size: 15px !important;
    }

    .payment-info-type-table {
        padding: 16px 30px 16px 31px;
    }
}

@media (min-width: 240px) {
    .quote-section-payment-info .col-lg-4 {
        padding-top: 30px;
    }

    .quote-section-payment-info .col-md-12 {
        padding-bottom: 30px;
    }
}

/*QUOTE NCD SECTION*/

/* The No claims different header acts differently to the others, As it has a icon.
        Therefore we have to target the styles for its markup specifically*/

/*Styling for ncd header */
.quote-section-ncd-header {
    
    border: none;
    padding: 0 0 26px;
    width: 100%;
    text-align: left;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

    .quote-section-ncd-header h2:before {
        border-top: none;
    }

    .quote-section-ncd-header h2 {
        text-align: left;
        margin: 0;
    }

    /* Positioning and font size of the padlock icon for ncd header*/
    .quote-section-ncd-header .porsche-icon-lock {
        font-size: 36px;
        position: absolute;
        top: -11px;
        right: 0;
    }

.quote-section-ncd-text {
    font-family: PorscheNextWLa-Thin;
    font-size: 18px;
   /* padding: 26px 0px 52px;*/
}

/* Styling and postioning for the ncd box*/
.quote-section-ncd-price {
    border-radius:4px;
    text-align: center;
    font-family: PorscheNextWLa-Thin;
    font-size: 18px
}

    .quote-section-ncd-price.ncd-selected {
        border-color: var(--inputBorder)
    }

    /* padding of the list for the ncd text */
    .quote-section-ncd-price ul {
        list-style: none;
        padding: 17px 20px 27px 20px;
    }

        /* padding of each li element in the ncd text list*/
        .quote-section-ncd-price ul li {
            padding-top: 18px;
        }

    /*Set the spefic font for the ncd price
                The size of this is inheirited from other price
            */
    .quote-section-ncd-price .quote-price-text {
        font-family: Arial;
    }

/* Set the font size for the year text*/
.ncd-price-year {
    font-size: 18px
}

/* Alignment and padding of ncd note text blow the ncd box*/
.quote-section-ncd-monthly-note {
    padding: 10px 0 10px;
    text-align: left;
}

/*QUOTE SUMMARY SECTION*/

/* Specific padding of the quote summary from the heading boder*/
.quote-section-summary {
    padding-top: 30px;
    font-size: 16px;
}

    /* Set a border for the whole of the summary table*/
    .quote-section-summary table {
        /*border: solid 1px #b5b4ba;*/
    }

        /* Alternate row background colours. Even rows are white. Odd rows are porsche grey*/
        .quote-section-summary table tr {
            background-color: #ffffff;
        }

            .quote-section-summary table tr td {
                border-top: solid 1px #eff0f1;
            }

/* Summary table header (first column) set to be bolder text*/
.quote-section-summary-headers {
    font-weight: bolder;
}

/* QUOTE ENDORSEMENTS*/

/* Padding from endorsement header and stlying of the text*/
.quote-section-endorsements {
    font-family: PorscheNextWLa-Thin;
    padding-top: 30px;
    font-size: 18px;
    line-height: 1.44;
}
    /*Quote section header styling to match the rest of the headers on the screen.*/
    .quote-section-endorsements h2 {
        font-size: 36px;
        position: absolute;
        top: -11px;
        right: 0;
    }
    /* endorsement list padding and positioning */
    .quote-section-endorsements ul {
        padding-left: 20px;
    }

    /* apply styling to endorsement wording */
    .quote-section-endorsements .endorsement-wording {
        background-color: #ffffff;
        padding: 20px;
        margin: 10px 0;
    }

/* QUOTE IMPORTANT INFO*/

/* Padding from important header and stlying of the text*/
.quote-section-important-info {
    padding-top: 30px;
    font-family: PorscheNextWLa-Thin;
    font-size: 18px;
}

    /* important infor list stying, no bullets and padding removed*/
    .quote-section-important-info ul {
        list-style: none;
        padding-left: 0px;
    }

        .quote-section-important-info ul li {
            margin-bottom: 5px;
        }

            .quote-section-important-info ul li a {
                margin-left: 10px;
            }

            .quote-section-important-info ul li .porsche-icon-download_02 {
                float: left;
                font-size: 18px;
                margin-top: 4px;
            }

    /* add padding to the confirmation check box */
    .quote-section-important-info #confirm-checkbox {
        padding: 20px 0;
    }

.payment-info-block-static {
    background-color: transparent !important;
}

/* Alignment and padding of ipt text blow the ncd box*/
.quote-section-ipt-text {
    padding: 10px 0 10px;
    text-align: center;
}

/* ensure processing payment elements display correctly */
#three-d-secure-container {
    position: relative;
    min-height: 500px;
    padding: 0;
}

/* ensure 'please wait' elements display correctly */
#processing-payment {
    text-align: center;
    position: absolute;
}

/* ensure 3d-secure iframe displays correctly */
#three-d-secure-iframe-container {
    position: absolute;
}

/* 3d-secure iframe style */
#threeDSecureFrame {
    width: 100%;
    height: 500px;
}

/* terms check specific styling */
.terms-check {
    border: none !important;
    padding-top: 0px !important;
}

    /* terms check overrides default label max-width */
    .terms-check label {
        max-width: 100%;
    }

.not-agree-telephone-number {
    margin-top: 25px;
}

    .not-agree-telephone-number label {
        font-size: 0.75em;
        line-height: 1.4em;
    }

/*Fix issue with characters overlaping each other on smaller screens*/
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
    .not-agree-telephone-number label {
        letter-spacing: 0px !important;
    }
}

/* centre add additional vehicle button*/
.add-additional-vehicle-button {
    text-align: left;
}

#update-vd {
    padding: 0px 0px 0px 0px;
}

.find-a-vehicle {
    display: inline-block;
}

.navbar-telephone-number {
    float: right;
    font-family: PorscheNextWLa;
    font-size: 24px;
    margin: 0;
    padding: 15px 0;
}

    .navbar-telephone-number a {
        color: var(--black);
    }

        .navbar-telephone-number a:hover {
            color: var(--black);
        }
    .navbar-telephone-number svg {
        position: absolute;
        right: 175px;
        top:0;
    }
        /*Make page header telephone number text and icon smaller on mobile*/
        @media (max-width:502px) {
            .navbar-telephone-number {
                font-size: 20px;
            }

            .navbar-telephone-icon {
                height: 22px;
                width: 22px;
                margin-right: 5px;
            }
        }

        #search-postcode {
    height: 50px !important;
    line-height: 3px;
    margin-top: 20px;
    margin-left: -15px;
    padding-left: -15px !important;
}

.summary-page-table-description-cell-width {
/*    width: 250px;*/
}

.disable-click {
    pointer-events: none;
}

table.privacyPolicyTable tbody tr td, table.privacyPolicyTable tbody tr th {
    padding: 15px;
}

/*
    reminder page form styling to match journey spacing on date time.
*/
.Rform .Rform-section .Rform-group .Rinput-row {
    margin-bottom: 20px;
    min-height: 34px;
}

.Rform .Rform-section .Rform-group {
    margin: 0;
}

.Rform .Rform-section {
    padding: 15px;
    margin-bottom: 10px;
}

    .Rform .Rform-section .Rform-group .Rinput-col.inline {
        padding-right: 15px;
    }

    .Rform .Rform-section .Rform-group .Rinput-col {
        padding: 0;
        padding-bottom: 10px;
    }

.reminderError {
    color: #d4260f;
}


.inline-select {
    display: flex;
    flex-direction: column;
    gap: 0rem;
}

@media (min-width: 768px) {
    .inline-select {
        flex-direction: row;
        gap: 1rem;
    }
}


.menu-button {
/*    position: absolute;*/
    height: 24px;
    /*    left: 0px;
    top: 18px;
*/
}

/*@media (min-width: 768px) {
    .menu-button {
        position: absolute;
        height: 24px;
        left: 0px;
        top: 0px;
    }
}
*/

/* Quote Retrieval */

.mt-standard {
    margin-top: 20px;
}

.mt-medium {
    margin-top: 30px;
}

.mt-large {
    margin-top: 2rem;
}

/* Flex layouts */
.date-picker-container {
    display: flex;
    gap: 10px;
}

.flex-column-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Button sizing */
.btn-limited-width {
    width: 100%;
}

.align-form {
  padding-left: 0 !important;
  padding-top: 0 !important;
}

@media (min-width: 768px) {
    .btn-limited-width {
        max-width: 250px;
    }
}

/* New styles added here for CI update May 2024*/

@import url('Colours.css');
/*@import url('selectElement.css');*/


* {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

body {background-color: var(--white);}
:root {
    --select-width: 100%;
    --select-padding: 10px;
    --select-bg-color: #fff;
    --select-border-color: var(--black);
    --select-border-radius: 4px;
    --select-hover-bg-color: #e4e4e4;
    --select-hover-text-color: #000;
    --select-text-color: #333;
    --select-icon-color: #666;
    --select-max-height: 200px;
    --select-z-index: 1000;
    --select-transition-duration: .3s;
    --select-listbox-max-height: 800px;
    --select-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --select-focus-border-color: #007bff;
    --select-disabled-bg-color: #e9ecef;
    --select-disabled-text-color: #6c757d;
    --spinnerDims: 33px;
    --spinnerDimsInButton: 25px;
    /*info grid elements*/
    --infoGridElementHeight: 400px;
    --infoGridElementHeightClassic: 600px;
    --row-count: 3;
    --grid-gap: 10px;
    --contact-us-row-height:300px;
}

/*Helpers*/
.pl-0 {
    padding-left: 0px!important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}
.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.ml-15 {
    margin-left: 15px;
}

#dark-gradient-top {
    background: linear-gradient(to bottom, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    height: 50px;
    opacity: 0.7;
}


.menu-bar-top {
    background-color: var(--white)!important;
    height:83px;
    border-bottom: 1px solid var(--faqGrey);
   
}

@media (max-width:768px) {
   
    .fiftyFiftyLeft p, .fiftyFiftyRight p {
        text-align: justify !important;
        width: 100% !important;
    }
    }




a {
    color: var(--black);
    text-decoration: underline;
}

    a:hover, a:focus {
        background-color: var(--faqGrey);
        color: var(--black);
    }

    /* Make email addresses wrap on mobile devices when necessary */
    a[href^=mailto] {
        word-wrap: break-word;
    }

    /* Remove underline from telephone number links */
    a[href^="tel:"] {
        text-decoration: none !important;
    }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.form-spacer {
    margin-bottom: 16px;
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .form-spacer {
        margin-bottom: 16px !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .form-spacer {
        margin-bottom: 32px !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .form-spacer {
        margin-bottom: 48px !important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .form-spacer {
        margin-bottom: 50px !important;
    }
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.customPadding {
    padding: 0 15px !important;
}



.overlayNav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
    z-index: 9990;
    cursor: pointer;
}

#slideOutNav {
    display: grid;
    grid-template-columns: 485px 485px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -1300px;
    max-width: 610px;
    min-width: 610px;
    transition: all 0.5s;
    z-index: 9999 !important;
    border-radius: 4px;
}
.menu-left-arrow,
.menu-primary-close,
.menu-secondary-close {
    display: none;
    position:absolute;
    width:30px;
    aspect-ratio: 1/1;
    top:30px;
}
.menu-secondary-close {
    right: 30px;
}
.navigation-close-box-desktop {
    display:block;
    stroke:#fff;
}
.submenu-visible {
    display: block!important;
}

@media (min-width: 500px) and (max-width:900px) {
    #slideOutNav {
        grid-template-columns: 1fr 1fr;
        max-width: 100%;
        min-width: 100%;
    }
        #slideOutNav .closeButton {
           
            fill:#000!important;
            z-index:999;
        }
    .navigation-close-box-desktop {
        display: block;
        stroke: var(--black);
       
    }
        .subMenu, .primaryMenu {
            padding:125px 6px 45px 6px!important;
            
        }
    .newMenuSecondaryLinks, .newMenuPrimaryLinks {
      
        font-size: 0.8rem;
    }
    .menu-left-arrow,
    .menu-primary-close,
    .menu-secondary-close {
        display: none;
    }

    #slideOutNav .closeButton {
       right:20px;
       left:unset!important;
    }
}

@media (max-width: 450px) {
    .menu-left-arrow,
    .menu-primary-close,
    .menu-secondary-close {
        display: block;
    }
    .subMenu {
        position:absolute!important;
        z-index:999!important;
       display:none;
       padding-left:20px!important;
    }

}



#subMenuUL {
    position: relative;
    z-index: 9995 !important;
}

.slideleft {
    animation: moveSubmenu 0.4s none;
}

@keyframes moveSubmenu {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    /*25% {
        transform: translateX(-300px);
        opacity: 1;
    }*/

    50% {
        transform: translateX(-400px);
        opacity: 0;
    }

    51% {
        transform: translateX(800px);
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    100% {
        transform: translateX(0);
    }
}

/* Alternative keyframes for mobile devices */
@media (max-width: 500px) {
    @keyframes moveSubmenu {
        0% {
            transform: translateX(0);
            opacity: 1;
        }

        50% {
            left:0!important;
            opacity: 0;
        }

        51% {
            transform: translateX(20px);
            opacity: 0;
        }

        75% {
            opacity: 1;
        }

        100% {
            transform: translateX(0);
        }
    }
}


.open {
    /* transform: translateX(0);*/
    left: 0px !important;
}

.primaryMenu {
    background-color: var(--white);
    padding: 125px 77px 77px 25px;
}

.subMenu {
    position: relative;
    background-color: var(--subMenuBG);
    padding: 125px 77px 77px 125px;
    overflow: hidden;
    height:100vh;
}

#slideOutNav:hover {
    /**/
}

#slideOutNav .closeButton {
    position: absolute;
    top: 27px;
    left: 1000px;
    width: 45px;
    height: 45px;
    appearance: none;
    text-decoration: none;
    border: 1px solid #FBFCFF;
    border-radius: 4px;
    background-color: transparent;
    color: #FBFCFF;
    transition: 0.4s all ease;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    padding: 12px;
}

    #slideOutNav .closeButton:hover {
        background-color: rgba(148,149,152,0.38);
    }

#slideOutNav ul {
    list-style: none;
}

.newMenuPrimaryLinks {
    position: relative;
    font-size: 24px;
    color: var(--black);
    text-decoration: none;
    display: block;
    background-color: transparent;
    border: none;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
}

    .newMenuPrimaryLinks:hover, .newMenuPrimaryLinks:focus {
        background-color: rgba(148,149,152,0.18);
        color: var(--black);
        text-decoration: none;
        border-radius: 4px;
    }


.active-link {
    background-color: rgba(148,149,152,0.18);
    color: var(--black);
    text-decoration: none;
    border-radius: 4px;
}

.newMenuSecondaryLinks {
        font-size: 16px;
    color: var(--black);
    text-decoration: none;
    line-height: 60px;
    background-color: transparent;
    border: none;
    width: 100%;
    padding: 3px;
    margin-bottom: 30px;
    text-align: left;
    transition: 0.4s all ease;
}

    .newMenuSecondaryLinks:hover, .newMenuSecondaryLinks:focus, .newMenuSecondaryLinks:active {
        background-color: rgba(148,149,152,0.18);
        color: var(--black);
        text-decoration: none;
        border-radius: 4px;
    }

span.newMenuShevronRight {
    font-size: 24px;
    position: absolute;
    right: 10px;
}

#btnOpenMenu {
    position: absolute;
    left: 10px;
    top: 28px;
    width: 70px;
    height: 22px;
    background-color: transparent;
    border: none !important;
    z-index: 99 !important;
    transition: all 0.6s ease;
    padding: 1px;
    border-radius: 4px;

    display: flex;
}
    .menu-button-svg {
        height: 24px;
    }

    .menu-text {
        display: none;
    }

    #btnOpenMenu svg {
        stroke: var(--black);
        position: absolute;
        top: 0px;
        left: 0px
    }

    #btnOpenMenu:hover {
        background-color:var(--menuHover);
    }

#PORSCHE-CREST {
    position: absolute;
    top: 14px; /* Adjust as needed */
    left: 50%;
    
    height: min(45px, 100%);
    transform: translateX(-50%);
    z-index: 999;
}


@media (max-width: 327px){
    #PORSCHE {
        display: none;
        width:80%;
    }

    #PORSCHE-CREST {
        display: block;
    }

}
/* Devices with width between 328px and 429px */
@media (min-width: 328px) and (max-width: 429.98px) {
    #PORSCHE {
        display: none;
    }

    #PORSCHE-CREST {
        display: block;
    }
}

/* Devices with width between 430px and 766px */
@media (min-width: 430px) and (max-width: 765.98px) {
    .menu-text {
        display: block;
    }

    #PORSCHE {
        display: block;
    }
    #PORSCHE-CREST {
        display: none;
    }
}

/* Devices with width 766px and up (full width) */
@media (min-width: 766px) {
    #btnOpenMenu {
        left: 100px;
    }

    .menu-text {
        display: block;
    }

    #PORSCHE {
        display: block;
    }

    #PORSCHE-CREST {
        display: none;
    }
    #btnOpenMenu span {
        display: block;
    }
}


#PORSCHE {
    /* wordmark logo on main nav*/
    width: 240px;
    height: auto;
    position: absolute;
    top: 33px;
    left: 50%; /* Move the left edge of the element to the middle of the parent */
    transform: translateX(-50%); /* Move the element left by half of its own width */
    z-index: 999;
}

.gridWrapperFiftyFifty {
   /* max-width: 1200px;*/
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-left: auto;
    margin-right: auto;
}


/* Screens smaller than sm size (<768px) */
@media (max-width: 850px) {
    .gridWrapperFiftyFifty {
        grid-template-columns: 1fr;
    }
    }


    .fiftyFiftyLeft h2, .fiftyFiftyRight h2 {
        text-align: left;
        
        margin-bottom: 20px;
        width: 85%;
    }

    .fiftyFiftyLeft p, .fiftyFiftyRight p {
        text-align: left;
        font-size: 16px;
        width: 90%;
        font-weight: 400;
    }

    .fiftyFiftyLeft img, .fiftyFiftyRight img, .porscheImage {
        aspect-ratio: 800/600;
        width: 100%;
        border-radius: 12px;
    }

    .fiftyFiftyLeft p:last-of-type, .fiftyFiftyLeft p:last-of-type {
        margin-bottom: 40px !important;
    }



    .porscheImage {
        margin-top: -50px;
    }

    .pButton {
        background-color: var(--black) !important;
        color: var(--white) !important;
        border: 1.6px solid var(--black) !important;
        border-radius: 4px;
        font-size: 16px;
        padding: 13px 26px 13px 26px;
        transition: background-color 0.2s;
        text-decoration: none;
    }

        .pButton:hover, .pButton:active, .pButton:focus {
            background-color: var(--buttonHover) !important;
            border-color: var(--buttonHover) !important;
            color: var(--white);
        }


    .pGhostButton {
        background-color: transparent;
        color: var(--black);
        border: 2px solid var(--black);
        border-radius: 4px;
        font-size: 16px;
        padding: 13px 26px 13px 26px;
        transition: background-color 0.2s;
        text-decoration: none;
    }

        .pGhostButton:hover, .pGhostButton:active, .pGhostButton:focus {
            background-color: var(--ghostButton);
            border-color: var(--ghostButtonBorder);
        }

.pGhostButtonWhite {
    background-color: transparent;
    color: var(--white);
    border: 2px solid var(--white)!important;
    border-radius: 4px;
    font-size: 16px;
    padding: 13px 26px 13px 26px;
    margin-left:0!important;
    margin-top:10px;
    transition: background-color 0.3s;
    text-decoration: none;
}

    .pGhostButtonWhite:hover, .pGhostButtonWhite:active, .pGhostButtonWhite:focus {
        background-color: var(--white);
        color:var(--darkGrey);
    }

@media(max-width:1000px) {
    .pGhostButtonWhite {
        padding: 5px 16px 5px 16px;
        font-size: 13px
    }
}


.fancyGrid {
    display: grid;
    width: 100%;
    height:calc(var(--row-count) * var(--infoGridElementHeight) + 20px);
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: var(--grid-gap);
    overflow: hidden;
}

.classicGrid {
    grid-template-rows: 1fr 1fr !important;
     --row-count:2;
    height: calc(var(--row-count) * var(--infoGridElementHeight) + 20px);
   
}

.grid-element {
    border-radius:12px;
    overflow:hidden;
   
    height:var(--infoGridElementHeight)
}

.fancyGrid-block-open {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.fancyGrid img {
   /* width: 100%;*/
    height: auto;
}

.fancyGrid h3 {
    margin: 0;
    padding: 10px;
    font-size:20px!important;
}

.fancyGrid p {
    display: none;
    padding:10px;
    font-size: 16px !important;
}

.fancyGrid a {
    color:var(--white);

}
    .detail-container h3 {
   /* color: green;*/
    text-overflow: ellipsis;
}

.detail-container span {
  /*  color: blue;*/
    display: none;
}


.detail-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    flex-direction: column;
    align-items: center;
    text-align: left;
    transition: all 0.3s ease;
    z-index: 999;
}


.fancyGrid-block-open.expanded .detail-container {
    padding: 20px;
    display: flex;
    height: 100%;
    overflow-y:auto;
}

    .fancyGrid-block-open.expanded .detail-container p {
        /*  color: red !important;*/
        display: block;
       /* -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0));*/
    }

        .fancyGrid-block-open.expanded .detail-container p:first-child {
            padding-top: 85px;
        }



        .fancyGrid-block-open.expanded .detail-container span {
           /* color: blue !important;*/
            display: block;
        }

        .fancyGrid-block-open.expanded .detail-container h3 {
           /* color: green !important;*/
            display: block;
        }



    @media (max-width: 768px) {
        .fancyGrid {
            width: 100% !important;
            /* grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));*/
            grid-template-columns:1fr,1fr;
            grid-template-rows:1fr auto;
        }
        .classicGrid {
            grid-template-columns: 1fr,1fr;
            grid-template-rows: 1fr auto;
        }
    }

    @media (max-width: 480px) {
        .fancyGrid {
            width:100%!important;
          /*  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));*/
          grid-template-columns:1fr;
        }
    }

@media (max-width: 768px) {
    .fancyGrid {
        grid-template-columns: 1fr;
        grid-template-rows:1fr auto;
        height:auto;
    }

   /* .FG-1, .FG-2, .FG-3, .FG-4, .FG-5, .FG-6, .FG-7, .FG-8, .FG-9 {
        grid-column: 1 / -1;
        grid-row: auto;
    }*/
}
@media (min-width:768px) and (max-width: 1740px) {
    .fancyGrid {
        width: 100%;
        height: calc(var(--rowCount) * var(--infoGridElementHeight) + 20px);
        grid-template-rows: repeat(var(--row-count), var(--infoGridElementHeight));
        grid-template-columns: repeat(2, 1fr);
    }
        .fancyGrid p {
        padding:0;
        }

/*    .FG-1, .FG-2, .FG-3, .FG-4, .FG-5, .FG-6, .FG-7, .FG-8, .FG-9 {
        grid-column: auto;
        grid-row: auto; overflow:hidden;
    }*/
}

    .detailGridWrapper {
        height: 100%;
        position: relative;
    }

    .detailPanelOuter {
        grid-column: 1/7;
        grid-row: 1/5;
        transition: all 0.3s ease;
    }

    .slideUp {
        /*Slide up and fade out*/
        transform: translateY(-100%);
        opacity: 0;
    }

    .slideDown {
        /*Slide down and fade in*/
        transform: translateY(0);
        opacity: 1;
    }

    div.blur-top {
        background: rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(5px);
        grid-column: 1/3;
        grid-row: 1/2;
        cursor: pointer;
    }

    div.detail-img {
        grid-column: 1/2;
        grid-row: 2/3;
        padding: 1em;
        background-color: var(--white);
    }

    div.detail-text {
        grid-column: 2/3;
        grid-row: 2/3;
        padding: 1em;
        background-color: var(--white);
    }

    div.blur-bottom {
        background: rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(5px);
        grid-column: 1/3;
        grid-row: 3/4;
        cursor: pointer;
    }

    .fancyGrid-block-open div {
        background-color: var(--darkGrey);
        height: 60px;
        color: var(--white);
        text-decoration: none;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: left;
        padding-left: 15px;
    }

.fancyGrid-block-open img {
    object-fit: contain;
    margin-top: 20px;
    margin-left: -139px;
}

    /* FAQ styling------------------------------------------------------------------------------------*/

    .panel:focus {
        outline: none; /* Remove default outline */
        /*background-color: var(--faqGrey);*/ /* Light grey background on focus */
    }

    .faq-section h3 {
        background-color: transparent;
    }

    /* FAQ ACCORDIONS */

    /* overriding boostrap default panel styling */
    #faq-section-accordion .panel {
        border: none;
        margin-bottom: 5px;
    }

    /* override default h3 styling for faqs */
#faq-section-accordion h3 {
    color: rgb(1,2,5) !important;
    margin-bottom: 5px;
    font-family: PorscheNextWLa;
    border-bottom: 1px solid var(--faqGrey);
}

        /* override default a styling for faqs */
        #faq-section-accordion h3 a {
            display: block;
            padding: 15px 25px;
            color: rgb(1, 2, 5);
            text-decoration: none;
            
            margin: 3px 0px;
        }

            /* override default a:hover styling for faqs */
            #faq-section-accordion h3 a:hover, #faq-section-accordion h3 a:focus {
                cursor: pointer;
                background-color: var(--faqGrey); /* Light grey background on focus */
                margin: 3px 0px;
            }

    /* Faq Parent (Plus Minus) animations */
    .panel.faq-section a[data-toggle="collapse"] {
        display: block;
        position: relative;
    }

        .panel.faq-section a[data-toggle="collapse"]:after {
            display: inline-block;
            font-family: "pag-iconfont";
            content: "\e004";
            position: absolute;
            right: 15px;
            top: 15px;
        }

        .panel.faq-section a[data-toggle="collapse"][aria-expanded="true"]:after {
            content: "\e02d";
        }

    /* Faq Child (Arrow) animation */
    .panel.faq-section .panel h4 a {
        display: block;
        position: relative;
        padding-left: 30px;
    }

    /* .panel.faq-section .panel h4 a:before {
        display: inline-block;
        font-family: "pag-iconfont";
        content: "\e024";
        position: absolute;
        left: -10px;
        top: 0;
        color: #d5001c;
        transition: transform 150ms, background 150ms;
    }*/

    .panel.faq-section .panel[aria-expanded="true"] h4 a:before {
        transform: rotate(90deg);
    }

    /* animation style for faq arrows */
    #faq-section-accordion i {
        -webkit-transition-duration: 0.25s;
        -moz-transition-duration: 0.25s;
        -o-transition-duration: 0.25s;
        transition-duration: 0.25s;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
    }

    /* default position for faq section arrows */
    #faq-section-accordion h3 i {
        float: right;
        margin: 15px;
        color: #ffffff;
    }

    /* override default h4 font for faqs */
    #faq-section-accordion h4 {
        font-family: PorscheNextWLa;
    }

        /* default position for faq question arrows */
        #faq-section-accordion h4 a {
            display: block;
            padding: 3px;
            color: var(--black);
            text-decoration: none;
        }

            /* override default a:hover for faq questions */
            #faq-section-accordion h4 a:hover {
                cursor: pointer;
                /*background-color: var(--faqGrey);*/ /* Light grey background on focus */
            }

        /* default position and colour for faq question arrows */
        #faq-section-accordion h4 i {
            float: left;
            margin-left: -10px;
            /*background-color: var(--faqGrey);*/ /* Light grey background on focus */
        }

    /* override bootstrap default panel styling for faq question/answer */
    #faq-section-accordion .accordion-inner .panel {
        padding: 15px;
        border-radius: 0px;
    }

        /* ensure answer is vertically aligned to the question */
        #faq-section-accordion .accordion-inner .panel .question-collapse {
            margin-left: 40px;
        }

            /* fix for collapse animation to stop bounce with margins */
            #faq-section-accordion .accordion-inner .panel .question-collapse p {
                margin: 0 !important;
                padding: 5px 0;
            }

                /* override default a style for faq answers */
                #faq-section-accordion .accordion-inner .panel .question-collapse p a {
                    /*background-color: var(--faqGrey); */ /* Light grey background on focus */
                    text-decoration: underline;
                }

                    /* override default a:hover style for faq answers */
                    #faq-section-accordion .accordion-inner .panel .question-collapse p a:hover {
                        /*background-color: var(--faqGrey);*/ /* Light grey background on focus */
                    }

    @media (min-width: 768px) {
        /* non-mobile devices should have additional padding on the left of section headings */
        /* #faq-section-accordion h3 a {
        padding: 15px 15% 15px;
    }*/

        /* non-mobile devices should have additional padding on the left of answers */
        /*#faq-section-accordion .accordion-inner .panel {
        padding: 15px 15% 15px;
    }*/
    }

    .document a svg {
        padding-top: 3px;
    }

    .online-docs-Wrapper {
        margin-top: 80px;
    }

    /*New Checkboxes stop replace current image/sprite based*/

    .custom-checkbox-container {
        display: flex;
        align-items: center;
    }

    .custom-checkbox {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        font-size: 1.5rem;
        user-select: none;
        margin-right: 10px;
    }

        .custom-checkbox input {
            display: none;
        }

    .checkmark {
        min-width: 40px;
        min-height: 40px;
        background-color: transparent;
        border: 2px solid #ccc;
        border-radius: 8px;
        margin-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background-color 0.3s, border-color 0.3s;
    }

        .checkmark:hover {
            border-color: #010205
        }


    .custom-checkbox input:checked + .checkmark {
        background-color: #010205;
        border-color: #010205;
    }

    .checkmark::after {
        content: '';
        width: 12px;
        height: 23px;
        margin-top: -5px;
        border: solid white;
        border-width: 0 3px 3px 0;
        display: none;
        transform: rotate(45deg);
    }

    .custom-checkbox input:checked + .checkmark::after {
        display: block;
    }

    .form label {
        display: inline-flex;
        font-size: 18px;
        padding-right: 10px;
    }

    #go-to-vehicle {
        margin-left: auto; /* Ensures the button moves to the right */
        margin-bottom: 10px;
/*        margin-top:20px;*/
    }

    .homePageGridContainer {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 5px;
        margin: 5px;
    }

    .imageLabelWrapper {
        position: relative;
    }

    .homepageGridLabel {
        position: absolute;
        left: 15px;
        bottom: 15px;
        color: var(--white);
        font-size: 24px;
        transition: all 0.3s ease;
    }

        .homepageGridLabel:hover {
            background-color: var(--headerHover);
            text-decoration: underline;
        }

    .homepageGridImg {
        width: 100%;
        border-radius: 12px;
        transition: all 0.4s ease;
    }

    @media only screen and (max-width: 1200px) {
        .homePageGridContainer {
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            margin-left: 20%;
            margin-right: 20%;
        }
    }

    @media only screen and (max-width: 800px) {
        .homePageGridContainer {
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            margin-left: 5px;
            margin-right: 5px;
        }
    }


    /*Journey*/

    /*override the existing - hence thead ugly importants*/
    input, select {
        border: 2px solid var(--inputBorder) !important;
        padding: 8px 16px 8px 16px !important;
        border-radius: 4px !important;
        font-size: 16px !important;
        width: 100%;
        height: 54px !important;
    }

        input:hover, select:hover {
            border: 2px solid var(--black) !important;
        }

    /*SPINNER*/


/*.wait-spinner-small, .wait-spinner-in-button {
    display: inline-block;
    --spinnerDims: 14px;
    height: var(--spinnerDims);
    width: var(--spinnerDims);
    margin: 0;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    border: 2px solid #e5e5e5;*/ /* Reduced from 6px to 2px */
    /*border-radius: 100%;
    transition: all 1s ease-in-out;
}

    .wait-spinner-small:before, .wait-spinner-in-button:before {
        content: "";
        display: block;
        position: absolute;
        left: -2px;*/ /* Adjusted from -6px to -2px */
        /*top: -2px;*/ /* Adjusted from -6px to -2px */
        /*aspect-ratio: 1/1;
        width: 140%;*/ /* Reduced from 160% to maintain proportions */
        /*border-top: 2px solid white;*/ /* Reduced from 6px to 2px */
        /*border-left: 2px solid transparent;
        border-bottom: 2px solid transparent;
        border-right: 2px solid transparent;
        border-radius: 100%;
        transition: all 1s ease-in-out;
    }

    .wait-spinner-small > img {
        display: none !important;
    }*/



.wait-spinner, .wait-spinner-in-button {
    display: inline-block;
    height: var(--spinnerDims);
    width: var(--spinnerDims);
    margin: calc(-( var(--spinnerDims)/2)) 0 0 calc(-( var(--spinnerDims)/2));
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    border: 6px solid #e5e5e5; /* Light grey for the track */
    border-radius: 100%;
    transition: all 1s ease-in-out;
}

    .wait-spinner:before, .wait-spinner-in-button:before {
        content: "";
        display: block;
        position: absolute;
        left: -6px;
        top: -6px;
        aspect-ratio: 1/1;
        width: 160%;
        border-top: 6px solid white; /* White for the spinner */
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid transparent;
        border-radius: 100%;
        transition: all 1s ease-in-out;
    }

        .wait-spinner > img {
            display: none !important;
        }

#find-your-vehicle {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 1s ease-in-out;
}

/*        .in-button-spinner {
            height: 20px;
            width: 20px;
        }*/

    /*.wait-spinner-in-button {
    height: var(--spinnerDimsInButton);
    width: var(--spinnerDimsInButton);
    margin:0;

}*/

    @-webkit-keyframes rotation {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(359deg);
        }
    }

    @-moz-keyframes rotation {
        from {
            -moz-transform: rotate(0deg);
        }

        to {
            -moz-transform: rotate(359deg);
        }
    }

    @-o-keyframes rotation {
        from {
            -o-transform: rotate(0deg);
        }

        to {
            -o-transform: rotate(359deg);
        }
    }

    @keyframes rotation {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(359deg);
        }
    }


    /*Contact us grid-----------------------------------------------*/
#contact-us-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr ;
    grid-template-rows: auto;
}


#times, #image, #buttons {
    border-radius:12px;
    font-size: 0.9em;
}
#times {
    padding:20px;

}
   #image {display:none;}
    #buttons a {
        margin-top:30px;
    }

    #buttons ul {
        list-style-type: none;
        padding-left:0;
        margin-left:0;
       
    }
    #times ul {
        line-height:1em;
    }
#image {
    background-image: url('@Umbraco.TypedMedia(Model.Content.Image.Id).GetCropUrl("umbracoFile", "Content%20Block")');
    background-size: cover; /* Adjusts the size of the background image */
    background-position: center; /* Centers the background image */
    /*background-repeat: no-repeat;*/ /* Prevents the background image from repeating */
    width: 100%; /* Ensures the container takes the full width */
    height: 100%; /* Adjust the height as needed */
   
}

@media(min-width:1544px) {

    #contact-us-grid {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: repeat(2,var( --contact-us-row-height));
    }

    #times {
        grid-column: 1/2;
        grid-row: 1/3;
    }

    #image {
        grid-column: 2/3;
        grid-row: 1/2;
        overflow: hidden;
    }

    #buttons {
        grid-column: 2/3;
        grid-row: 2/3;
    }

    #times, #image, #buttons {
        border-radius: 12px;
        font-size: 1.2rem;
    }

    #times {
        padding: 20px;
    }

    #buttons a {
        margin-top: 30px;
    }

    #buttons ul {
        list-style-type: none;
        padding-left: 0;
        margin-left: 0;
    }

    #times ul {
        line-height: 2em;
    }

    #image > img {
        /*transform: translateY(-236px);*/
    }
}/*end media min-width 1544px*/

@media(min-width:850px) {

    #contact-us-grid {
        width: 100%;
        margin-left:auto;
        margin-right:auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
    }
    #times {
        font-size:1.2em;
    }
    #buttons {
        padding-top:20px;
    }
    #image {
        display:none;
    }
}/*end media min-width 850px*/

 @media(min-width:1228px) {
    #contact-us-grid {
        width: 1100px;
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: repeat(2,var( --contact-us-row-height));
    }
    #times {
        grid-column: 1/2;
        grid-row: 1/3;
    }

    #image {
        grid-column: 2/3;
        grid-row: 1/2;
        overflow: hidden;
    }

    #buttons {
        grid-column: 2/3;
        grid-row: 2/3;
    }

    #image > img {
        transform: translateY(-236px);
    }
    #image{display:block;}

 } /*end media min-width 1228px*/


    /*end contact grid---------------------------------------------*/
    .w-100 {
        width: 100%;
    }
.w-50 {
    width: 50%;
}
.w-20 {
    width: 20%;
}

    .mb-20 {
        margin-bottom: 20px;
    }


    /*Journey stuff*/

    #location-selector-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        /*grid-template-rows:4fr 1fr;*/
        grid-gap: 1em;
        margin: 5px;
        height: 294px;
        cursor: pointer;
    }

    .location-garage {
        grid-column: 1/2;
        grid-row: subgrid;
        overflow: hidden;
    }

    .location-driveway {
        grid-column: 2/3;
        grid-row: subgrid;
        overflow: hidden;
    }

    .location-other {
        grid-column: 3/4;
        grid-row: subgrid;
        overflow: hidden;
    }

    .location-p-garage {
        grid-row: 2/3;
    }

    .location-p-driveway {
        grid-row: 2/3;
    }

    .location-p-other {
        grid-row: 2/3;
    }

    .location-p-garage,
    .location-p-driveway,
    .location-p-other {
        background-color: var(--darkGrey);
        color: var(--white);
        height: 45px;
        font-size: 1.2em;
        padding: 3px 15px;
        position: relative;
        z-index: 999;
    }

    /* under line the text in the 3 location cards when each has focus*/
    .location-garage:focus .location-p-garage p,
    .location-garage.selected .location-p-garage p,
    .location-garage:focus .location-p-garage p,
    .location-garage.selected .location-p-garage p,
    .location-driveway:focus .location-p-driveway p,
    .location-driveway.selected .location-p-driveway p,
    .location-other:focus .location-p-other p,
    .location-other.selected .location-p-other p {
        text-decoration: underline;
    }


    #location-selector-grid img {
        position: relative;
        width: 100%;
        aspect-ratio: 3/2;
        background-size: cover;
        transition: all ease 0.3s;
    }

        #location-selector-grid img:hover {
            transform: scale(1.1);
        }

    #location-selector-grid:focus .location-p-garage > p {
        text-decoration: underline;
    }
    /*Custom radio buttons*/
    .custom-radio-container {
        display: flex;
        flex-direction: column;
    }

    .custom-radio {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

        .custom-radio input[type="radio"] {
            display: none;
        }

            .custom-radio input[type="radio"] + .radio-label {
                position: relative;
                padding-left: 35px;
                cursor: pointer;
                font-size: 16px;
                color: var(--black);
                transition: color 0.3s ease; /* Optional: Transition for label color */
            }

                .custom-radio input[type="radio"] + .radio-label::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 6px;
                    width: 28px;
                    height: 28px;
                    border: 2px solid var(--radioGrey);
                    border-radius: 50%;
                    background: #fff;
                    transition: all 0.3s ease; /* Transition for border and background */
                }

                .custom-radio input[type="radio"] + .radio-label:hover::before {
                    border: 2px solid var(--black);
                }

            .custom-radio input[type="radio"]:checked + .radio-label::before {
                border-color: var(--black);
                background: var(--black);
            }

            .custom-radio input[type="radio"]:checked + .radio-label::after {
                content: '';
                position: absolute;
                left: 7px;
                top: 13px;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background: var(--white);
                transition: background-color 0.2s ease; /* Transition for the inner circle */
            }





    .select-component {
       
        width: var(--select-width, auto);
        color: var(--select-text-color, #333);
        position: relative;
        margin-bottom: 10px;
    }

        .select-component .root {
            display: flex;
            flex-direction: column;
        }

        .select-component .select-wrapper {
            position: relative;
        }

        .select-component button {
            width: 100%;
            padding: 13px;
            background-color: var(--white);
            border: 2px solid var(--inputBorder);
            border-radius: var(--select-border-radius, 4px);
            height:54px;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
            text-align: left;
            color: inherit;
            transition: border-color var(--select-transition-duration, .2s) ease, box-shadow var(--select-transition-duration, .2s) ease;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .select-component button:hover {
                border-color: var(--black);
            }

            .select-component button:focus {
                outline: none;
                border-color: var(--black);
            }


.chevron-icon {
    /*    margin-right: 20px;*/
    transition: all .2s ease;
    transform-origin: 50% 40%;
    position: relative;
    top: 2.5px;
}

@media (max-width:768px) {
    .select-component button {
        height: 60px;
        font-size:15px;
/*        width:95%;*/
    }

    input {
        height:60px!important;
    }

}


.select-component button[aria-expanded="true"] {
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid var(--inputBorder);
}
    .select-component button[aria-expanded="true"] .chevron-icon {
        transform: rotate(180deg);
      
    }

    .listbox li.focused {
        background-color: #e0e0e0;
        outline: none;
        border-color: var(--black);
    }

   /* .select-component .icon {
        position: absolute;
        right: var(--select-padding, 10px);
        top: 50%;
        transform: translateY(-50%);
        transition: transform var(--select-transition-duration,.2s) ease;
        color: var(--black);
        pointer-events: none;
    }*/
            /*.select-component .icon--rotate {
        transform: translateY(-50%) rotate(180deg);
    }*/

    .select-component .listbox {
        position: absolute;
        top: 99%;
        left: 0;
        right: 0;
        background-color: var(--white) ;
        border: 2px solid var(--black);
        border-top: none !important;
        border-radius: 0 0 var(--select-border-radius, 4px) var(--select-border-radius, 4px);
        list-style-type: none;
        padding: 0;
        margin: 0;
        max-height: var(--select-max-height);
        overflow: hidden;
        z-index: var(--select-z-index, 1000);
        transition: max-height var(--select-transition-duration, .2s) ease-out, opacity var(--select-transition-duration, .2s) ease-out, visibility var(--select-transition-duration, 1s) ease-out;
        opacity: 0;
        visibility: hidden;
    }

.select-component .listbox--open {
    max-height: var(--select-listbox-max-height, 200px);
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    border-radius:  0 0 4px 4px;
    border-top:none!important;
}

@media (max-width:768px) {
    .select-component, .select-component .listbox--open {
/*        width: 95% !important;*/
    }
}



.button-dropdown-open {
    border-radius: 4px 4px 0 0;
    border: 2px solid var(--black);
    border-bottom: 1px solid var(--black);
}

.selected-tick {
    float:right;
    margin-right:20px;
    display:none;
}

.select-component .listbox li {
    padding: var(--select-padding, 10px);
    margin: 0 5px;
    cursor: pointer;
    transition: background-color var(--select-transition-duration, .2s) ease, color var(--select-transition-duration, .2s) ease;
}

    .select-component .listbox li:hover,
    .select-component .listbox li[aria-selected="true"],
    .select-component .listbox li:focus {
        background-color: var(--select-hover-bg-color, #e4e4e4);
        color: var(--black);
        margin: 0 5px;
        border-radius: 4px!important;
    }

        .select-component .listbox li[aria-selected="true"] .selected-tick {
            display:block;
        }

    .select-component button:disabled {
        background-color: var(--select-disabled-bg-color, #e9ecef);
        color: var(--select-disabled-text-color, #6c757d);
        cursor: not-allowed;
    }

/*#date-of-birth-year-select {margin-left:15px; margin-top:0;}*/


@media (prefers-reduced-motion: reduce) {
    .select-component button, .select-component .icon, .select-component .listbox, .select-component .listbox li {
            transition: none;
        }
    }

    @keyframes slideUp {
        from {
            transform: translateY(100px);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .animate-up {
        animation: slideUp 0.5s ease-out forwards;
    }

    .hiddenOnStart {
        opacity: 0;
        transform: translateY(100px);
    }

@media (max-width:1000px) {
    .journeyTitle {
        margin-top:55px;

    }
}

.custom-radio input[type="radio"] + .radio-label::before {
   background: transparent;
}

.radio-button-group-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.radio-button-group-wrapper {
    width: 100%;
}

.radio-button-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.homepageGridImg:hover {
    transform:scale(1.05);
}
.imageLabelWrapper {
    overflow:hidden;
    border-radius:12px;
}

.clearAnchorStyles {
    text-decoration: none !important; /* Remove underline */
    color: var(--white) !important; /* Inherit color from parent */
    background: none !important; /* Remove background */
   
}

    .clearAnchorStyles:hover {
        text-decoration: none !important; /* Remove underline on hover */
      
        background: none !important; /* Remove background on hover */
        border: none !important; /* Remove border on hover */
    }

@media(max-width: 430px) {
    #faq-section-accordion h3 {
        font-size: 1em;
    }
    .doc-links .document a {margin-left:-5px;}
}

.wrapper-thin {
    margin-top:75px;
}




@media(max-width:768px) {
/*    label {
        padding-right:80px;
    }
*/
/*    .porsche-icon-information {*/
/*        position: absolute;*/
        /* float: right; */
/*        top: 0;*/
        /*right: 0px;*/
    /*}*/

  input {width:90%!important;}

    .ml-15 {margin-left:15px;}
}

/*@media(max-width:427px) {

    #date-of-birth-select, #date-of-birth-month-select, #date-of-birth-year-select {
        text-align: center;
        margin: 0;
        width: 85%;
        padding: 0;
        padding-left: 2px;
        padding-top: 6px;
    }
}

#date-of-birth-select {margin-left:15px;}
#date-of-birth-month-select {margin-left:7.5px;}
#date-of-birth-year-select {
    margin-top: 22.5px;
}*/

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

.label-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

    .label-wrapper .porsche-icon-information {
        position: relative;
/*        right: 5px;*/
        top: 9px;
/*        bottom: 3px;*/
    }
/*
@media (min-width: 768px) {
    .flex-between .porsche-icon-information {
        right: 12.5px;
    }
}*/


.marketing-button-wrapper {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

@media (min-width: 768px) {
    .marketing-button-wrapper {
      gap: 1rem;
      flex-direction: row;
    }
}
/*Global CSS colours*/

:root {
    --black: #010205;
    --white: #fbfcff;
    --buttonHover: #535457;
    --darkGrey: #333;
    --inputBorderGrey: #535457;
    --faqGrey: #0102051a; /* Converted from rgba(1,2,5,0.1) with 1A for 10% opacity */
    --headerHover: #0102054d; /* Converted from rgba(1,2,5,0.3) with 4D for 30% opacity */
    --footerLinkGrey: #ffffff33; /* Converted from rgba(255,255,255,0.2) with 33 for 20% opacity */
    --footerBG: #0e0e12;
    --errorRed: #cc1922;
    --subMenuBG: #eeeff2;
    --inputBorder: #6b6d70;
    --radioGrey: #6d6d70;
    --ghostButton: #e6e6e6;
    --ghostButtonBorder: #6a6c6f;
    --menuHover:#ececec;
}