@font-face {
  font-family: 'Storebrand Display';
  font-style: normal;
  font-weight: 600;
  src: url(https://assets.storebrand.no/elements/fonts/StorebrandDisplay-DemiBold.woff2) format('woff2');
}

          @font-face {
  font-family: 'Storebrand Text';
  font-style: normal;
  font-weight: medium;
  src: url(https://assets.storebrand.no/elements/fonts/StorebrandText-Regular.woff2) format('woff2');
}
      
             @font-face {
  font-family: 'Storebrand Display Medium';
  font-style: normal;
  font-weight: medium;
  src: url(https://assets.storebrand.no/elements/fonts/StorebrandDisplay-Medium.woff2) format('woff2');
}

.alert-info {
border-color: #b8c0c5;
color: #000;
font-family: Verdana,sans-serif;
font-size: 1em;
font-style: italic;
background-color: #b8c0c5;
box-shadow: 3px 3px 5px #ccc;
text-align: center
}
.alert-error p {
text-align: left
}
.alert-error .heading {
font-weight: bold;
color: red
}
.alert-error .details {
font-size: .8em;
max-height: 100px;
overflow: scroll
}
.header.dim {
margin: 2% 0;
opacity: .3
}
* {
margin: 0
}
html,body {
height: 100%
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],template {
display: none
}
a {
background-color: transparent
}
a:active,a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,select {
text-transform: none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],html input[disabled] {
cursor: default
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,th {
padding: 0
}
@media print {
*,*:before,*:after {
background: transparent!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
a,a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after,a[href^="javascript:"]:after {
content: ""
}
pre,blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,img {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
p,h2,h3 {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,.dropup>.btn>.caret {
border-top-color: #000!important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td,.table th {
background-color: #fff!important
}
.table-bordered th,.table-bordered td {
border: 1px solid #ddd!important
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url(/Content/theme-spp/fonts/glyphicons-halflings-regular.eot);
src: url(/Content/theme-spp/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/Content/theme-spp/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/Content/theme-spp/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/Content/theme-spp/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/Content/theme-spp/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
@font-face {
  font-family: 'Storebrand Display';
  font-style: normal;
  font-weight: 600;
  src: url(https://assets.storebrand.no/elements/fonts/StorebrandDisplay-DemiBold.woff2) format('woff2');
}
          
@font-face {
  font-family: 'Storebrand Text';
  font-style: normal;
  font-weight: medium;
  src: url(https://assets.storebrand.no/elements/fonts/StorebrandText-Regular.woff2) format('woff2');
}
      
@font-face {
  font-family: 'Storebrand Display Medium';
  font-style: normal;
  font-weight: medium;
  src: url(https://assets.storebrand.no/elements/fonts/StorebrandDisplay-Medium.woff2) format('woff2');
}
.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: "*"
}
.glyphicon-plus:before {
content: "+"
}
.glyphicon-euro:before,.glyphicon-eur:before {
content: "€"
}
.glyphicon-minus:before {
content: "−"
}
.glyphicon-cloud:before {
content: "☁"
}
.glyphicon-envelope:before {
content: "✉"
}
.glyphicon-pencil:before {
content: "✏"
}
.glyphicon-glass:before {
content: ""
}
.glyphicon-music:before {
content: ""
}
.glyphicon-search:before {
content: ""
}
.glyphicon-heart:before {
content: ""
}
.glyphicon-star:before {
content: ""
}
.glyphicon-star-empty:before {
content: ""
}
.glyphicon-user:before {
content: ""
}
.glyphicon-film:before {
content: ""
}
.glyphicon-th-large:before {
content: ""
}
.glyphicon-th:before {
content: ""
}
.glyphicon-th-list:before {
content: ""
}
.glyphicon-ok:before {
content: ""
}
.glyphicon-remove:before {
content: ""
}
.glyphicon-zoom-in:before {
content: ""
}
.glyphicon-zoom-out:before {
content: ""
}
.glyphicon-off:before {
content: ""
}
.glyphicon-signal:before {
content: ""
}
.glyphicon-cog:before {
content: ""
}
.glyphicon-trash:before {
content: ""
}
.glyphicon-home:before {
content: ""
}
.glyphicon-file:before {
content: ""
}
.glyphicon-time:before {
content: ""
}
.glyphicon-road:before {
content: ""
}
.glyphicon-download-alt:before {
content: ""
}
.glyphicon-download:before {
content: ""
}
.glyphicon-upload:before {
content: ""
}
.glyphicon-inbox:before {
content: ""
}
.glyphicon-play-circle:before {
content: ""
}
.glyphicon-repeat:before {
content: ""
}
.glyphicon-refresh:before {
content: ""
}
.glyphicon-list-alt:before {
content: ""
}
.glyphicon-lock:before {
content: ""
}
.glyphicon-flag:before {
content: ""
}
.glyphicon-headphones:before {
content: ""
}
.glyphicon-volume-off:before {
content: ""
}
.glyphicon-volume-down:before {
content: ""
}
.glyphicon-volume-up:before {
content: ""
}
.glyphicon-qrcode:before {
content: ""
}
.glyphicon-barcode:before {
content: ""
}
.glyphicon-tag:before {
content: ""
}
.glyphicon-tags:before {
content: ""
}
.glyphicon-book:before {
content: ""
}
.glyphicon-bookmark:before {
content: ""
}
.glyphicon-print:before {
content: ""
}
.glyphicon-camera:before {
content: ""
}
.glyphicon-font:before {
content: ""
}
.glyphicon-bold:before {
content: ""
}
.glyphicon-italic:before {
content: ""
}
.glyphicon-text-height:before {
content: ""
}
.glyphicon-text-width:before {
content: ""
}
.glyphicon-align-left:before {
content: ""
}
.glyphicon-align-center:before {
content: ""
}
.glyphicon-align-right:before {
content: ""
}
.glyphicon-align-justify:before {
content: ""
}
.glyphicon-list:before {
content: ""
}
.glyphicon-indent-left:before {
content: ""
}
.glyphicon-indent-right:before {
content: ""
}
.glyphicon-facetime-video:before {
content: ""
}
.glyphicon-picture:before {
content: ""
}
.glyphicon-map-marker:before {
content: ""
}
.glyphicon-adjust:before {
content: ""
}
.glyphicon-tint:before {
content: ""
}
.glyphicon-edit:before {
content: ""
}
.glyphicon-share:before {
content: ""
}
.glyphicon-check:before {
content: ""
}
.glyphicon-move:before {
content: ""
}
.glyphicon-step-backward:before {
content: ""
}
.glyphicon-fast-backward:before {
content: ""
}
.glyphicon-backward:before {
content: ""
}
.glyphicon-play:before {
content: ""
}
.glyphicon-pause:before {
content: ""
}
.glyphicon-stop:before {
content: ""
}
.glyphicon-forward:before {
content: ""
}
.glyphicon-fast-forward:before {
content: ""
}
.glyphicon-step-forward:before {
content: ""
}
.glyphicon-eject:before {
content: ""
}
.glyphicon-chevron-left:before {
content: ""
}
.glyphicon-chevron-right:before {
content: ""
}
.glyphicon-plus-sign:before {
content: ""
}
.glyphicon-minus-sign:before {
content: ""
}
.glyphicon-remove-sign:before {
content: ""
}
.glyphicon-ok-sign:before {
content: ""
}
.glyphicon-question-sign:before {
content: ""
}
.glyphicon-info-sign:before {
content: ""
}
.glyphicon-screenshot:before {
content: ""
}
.glyphicon-remove-circle:before {
content: ""
}
.glyphicon-ok-circle:before {
content: ""
}
.glyphicon-ban-circle:before {
content: ""
}
.glyphicon-arrow-left:before {
content: ""
}
.glyphicon-arrow-right:before {
content: ""
}
.glyphicon-arrow-up:before {
content: ""
}
.glyphicon-arrow-down:before {
content: ""
}
.glyphicon-share-alt:before {
content: ""
}
.glyphicon-resize-full:before {
content: ""
}
.glyphicon-resize-small:before {
content: ""
}
.glyphicon-exclamation-sign:before {
content: ""
}
.glyphicon-gift:before {
content: ""
}
.glyphicon-leaf:before {
content: ""
}
.glyphicon-fire:before {
content: ""
}
.glyphicon-eye-open:before {
content: ""
}
.glyphicon-eye-close:before {
content: ""
}
.glyphicon-warning-sign:before {
content: ""
}
.glyphicon-plane:before {
content: ""
}
.glyphicon-calendar:before {
content: ""
}
.glyphicon-random:before {
content: ""
}
.glyphicon-comment:before {
content: ""
}
.glyphicon-magnet:before {
content: ""
}
.glyphicon-chevron-up:before {
content: ""
}
.glyphicon-chevron-down:before {
content: ""
}
.glyphicon-retweet:before {
content: ""
}
.glyphicon-shopping-cart:before {
content: ""
}
.glyphicon-folder-close:before {
content: ""
}
.glyphicon-folder-open:before {
content: ""
}
.glyphicon-resize-vertical:before {
content: ""
}
.glyphicon-resize-horizontal:before {
content: ""
}
.glyphicon-hdd:before {
content: ""
}
.glyphicon-bullhorn:before {
content: ""
}
.glyphicon-bell:before {
content: ""
}
.glyphicon-certificate:before {
content: ""
}
.glyphicon-thumbs-up:before {
content: ""
}
.glyphicon-thumbs-down:before {
content: ""
}
.glyphicon-hand-right:before {
content: ""
}
.glyphicon-hand-left:before {
content: ""
}
.glyphicon-hand-up:before {
content: ""
}
.glyphicon-hand-down:before {
content: ""
}
.glyphicon-circle-arrow-right:before {
content: ""
}
.glyphicon-circle-arrow-left:before {
content: ""
}
.glyphicon-circle-arrow-up:before {
content: ""
}
.glyphicon-circle-arrow-down:before {
content: ""
}
.glyphicon-globe:before {
content: ""
}
.glyphicon-wrench:before {
content: ""
}
.glyphicon-tasks:before {
content: ""
}
.glyphicon-filter:before {
content: ""
}
.glyphicon-briefcase:before {
content: ""
}
.glyphicon-fullscreen:before {
content: ""
}
.glyphicon-dashboard:before {
content: ""
}
.glyphicon-paperclip:before {
content: ""
}
.glyphicon-heart-empty:before {
content: ""
}
.glyphicon-link:before {
content: ""
}
.glyphicon-phone:before {
content: ""
}
.glyphicon-pushpin:before {
content: ""
}
.glyphicon-usd:before {
content: ""
}
.glyphicon-gbp:before {
content: ""
}
.glyphicon-sort:before {
content: ""
}
.glyphicon-sort-by-alphabet:before {
content: ""
}
.glyphicon-sort-by-alphabet-alt:before {
content: ""
}
.glyphicon-sort-by-order:before {
content: ""
}
.glyphicon-sort-by-order-alt:before {
content: ""
}
.glyphicon-sort-by-attributes:before {
content: ""
}
.glyphicon-sort-by-attributes-alt:before {
content: ""
}
.glyphicon-unchecked:before {
content: ""
}
.glyphicon-expand:before {
content: ""
}
.glyphicon-collapse-down:before {
content: ""
}
.glyphicon-collapse-up:before {
content: ""
}
.glyphicon-log-in:before {
content: ""
}
.glyphicon-flash:before {
content: ""
}
.glyphicon-log-out:before {
content: ""
}
.glyphicon-new-window:before {
content: ""
}
.glyphicon-record:before {
content: ""
}
.glyphicon-save:before {
content: ""
}
.glyphicon-open:before {
content: ""
}
.glyphicon-saved:before {
content: ""
}
.glyphicon-import:before {
content: ""
}
.glyphicon-export:before {
content: ""
}
.glyphicon-send:before {
content: ""
}
.glyphicon-floppy-disk:before {
content: ""
}
.glyphicon-floppy-saved:before {
content: ""
}
.glyphicon-floppy-remove:before {
content: ""
}
.glyphicon-floppy-save:before {
content: ""
}
.glyphicon-floppy-open:before {
content: ""
}
.glyphicon-credit-card:before {
content: ""
}
.glyphicon-transfer:before {
content: ""
}
.glyphicon-cutlery:before {
content: ""
}
.glyphicon-header:before {
content: ""
}
.glyphicon-compressed:before {
content: ""
}
.glyphicon-earphone:before {
content: ""
}
.glyphicon-phone-alt:before {
content: ""
}
.glyphicon-tower:before {
content: ""
}
.glyphicon-stats:before {
content: ""
}
.glyphicon-sd-video:before {
content: ""
}
.glyphicon-hd-video:before {
content: ""
}
.glyphicon-subtitles:before {
content: ""
}
.glyphicon-sound-stereo:before {
content: ""
}
.glyphicon-sound-dolby:before {
content: ""
}
.glyphicon-sound-5-1:before {
content: ""
}
.glyphicon-sound-6-1:before {
content: ""
}
.glyphicon-sound-7-1:before {
content: ""
}
.glyphicon-copyright-mark:before {
content: ""
}
.glyphicon-registration-mark:before {
content: ""
}
.glyphicon-cloud-download:before {
content: ""
}
.glyphicon-cloud-upload:before {
content: ""
}
.glyphicon-tree-conifer:before {
content: ""
}
.glyphicon-tree-deciduous:before {
content: ""
}
.glyphicon-cd:before {
content: ""
}
.glyphicon-save-file:before {
content: ""
}
.glyphicon-open-file:before {
content: ""
}
.glyphicon-level-up:before {
content: ""
}
.glyphicon-copy:before {
content: ""
}
.glyphicon-paste:before {
content: ""
}
.glyphicon-alert:before {
content: ""
}
.glyphicon-equalizer:before {
content: ""
}
.glyphicon-king:before {
content: ""
}
.glyphicon-queen:before {
content: ""
}
.glyphicon-pawn:before {
content: ""
}
.glyphicon-bishop:before {
content: ""
}
.glyphicon-knight:before {
content: ""
}
.glyphicon-baby-formula:before {
content: ""
}
.glyphicon-tent:before {
content: "⛺"
}
.glyphicon-blackboard:before {
content: ""
}
.glyphicon-bed:before {
content: ""
}
.glyphicon-apple:before {
content: ""
}
.glyphicon-erase:before {
content: ""
}
.glyphicon-hourglass:before {
content: "⌛"
}
.glyphicon-lamp:before {
content: ""
}
.glyphicon-duplicate:before {
content: ""
}
.glyphicon-piggy-bank:before {
content: ""
}
.glyphicon-scissors:before {
content: ""
}
.glyphicon-bitcoin:before {
content: ""
}
.glyphicon-btc:before {
content: ""
}
.glyphicon-xbt:before {
content: ""
}
.glyphicon-yen:before {
content: "¥"
}
.glyphicon-jpy:before {
content: "¥"
}
.glyphicon-ruble:before {
content: "₽"
}
.glyphicon-rub:before {
content: "₽"
}
.glyphicon-scale:before {
content: ""
}
.glyphicon-ice-lolly:before {
content: ""
}
.glyphicon-ice-lolly-tasted:before {
content: ""
}
.glyphicon-education:before {
content: ""
}
.glyphicon-option-horizontal:before {
content: ""
}
.glyphicon-option-vertical:before {
content: ""
}
.glyphicon-menu-hamburger:before {
content: ""
}
.glyphicon-modal-window:before {
content: ""
}
.glyphicon-oil:before {
content: ""
}
.glyphicon-grain:before {
content: ""
}
.glyphicon-sunglasses:before {
content: ""
}
.glyphicon-text-size:before {
content: ""
}
.glyphicon-text-color:before {
content: ""
}
.glyphicon-text-background:before {
content: ""
}
.glyphicon-object-align-top:before {
content: ""
}
.glyphicon-object-align-bottom:before {
content: ""
}
.glyphicon-object-align-horizontal:before {
content: ""
}
.glyphicon-object-align-left:before {
content: ""
}
.glyphicon-object-align-vertical:before {
content: ""
}
.glyphicon-object-align-right:before {
content: ""
}
.glyphicon-triangle-right:before {
content: ""
}
.glyphicon-triangle-left:before {
content: ""
}
.glyphicon-triangle-bottom:before {
content: ""
}
.glyphicon-triangle-top:before {
content: ""
}
.glyphicon-console:before {
content: ""
}
.glyphicon-superscript:before {
content: ""
}
.glyphicon-subscript:before {
content: ""
}
.glyphicon-menu-left:before {
content: ""
}
.glyphicon-menu-right:before {
content: ""
}
.glyphicon-menu-down:before {
content: ""
}
.glyphicon-menu-up:before {
content: ""
}
* {
-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: "Open Sans",Arial,ArialMT,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: thin dotted;
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 {
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;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role="button"] {
cursor: pointer
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
font-family: inherit;
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 {
background-color: #fcf8e3;
padding: .2em
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #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;
list-style: none;
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-top: 0;
margin-bottom: 20px
}
dt,dd {
line-height: 1.42857143
}
dt {
font-weight: bold
}
dd {
margin-left: 0
}
@media(min-width: 768px) {
.dl-horizontal dt {
float:left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
abbr[title],abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #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: '— '
}
.blockquote-reverse,blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right
}
.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: ' —'
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143
}
code,kbd,pre,samp {
font-family: Monaco,Menlo,Consolas,"Courier New",monospace
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: #333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
@media(min-width: 768px) {
.container {
width:750px
}
}
@media(min-width: 992px) {
.container {
width:970px
}
}
@media(min-width: 1200px) {
.container {
width:1170px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.row {
margin-left: -15px;
margin-right: -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-left: 15px;
padding-right: 15px
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
float: left
}
.col-xs-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;
float: none;
display: table-column
}
table td[class*="col-"],table th[class*="col-"] {
position: static;
float: none;
display: table-cell
}
.table>thead>tr>td.active,.table>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 {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width: 767px) {
.table-responsive {
width:100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #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 {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #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: thin dotted;
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,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 {
border: 0;
background-color: transparent
}
.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-left: -20px;
margin-top: 4px \9
}
.radio+.radio,.checkbox+.checkbox {
margin-top: -5px
}
.radio-inline,.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer
}
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
margin-top: 0;
margin-left: 10px
}
input[type="radio"][disabled],input[type="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 {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px
}
.form-control-static.input-lg,.form-control-static.input-sm {
padding-left: 0;
padding-right: 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;
border-color: #3c763d;
background-color: #dff0d8
}
.has-success .form-control-feedback {
color: #3c763d
}
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.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;
border-color: #8a6d3b;
background-color: #fcf8e3
}
.has-warning .form-control-feedback {
color: #8a6d3b
}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.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;
border-color: #a94442;
background-color: #f2dede
}
.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 {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .radio,.form-horizontal .checkbox {
min-height: 27px
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px
}
@media(min-width: 768px) {
.form-horizontal .control-label {
text-align:right;
margin-bottom: 0;
padding-top: 7px
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px
}
@media(min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: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;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:hover,.btn:focus,.btn.focus {
color: #333;
text-decoration: none
}
.btn:active,.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
a.btn.disabled,fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default:focus,.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #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 {
color: #337ab7;
font-weight: normal;
border-radius: 0
}
.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
border-color: transparent
}
.btn-link:hover,.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:hover,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-property: height,visibility;
transition-property: height,visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropup,.dropdown {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.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);
background-clip: padding-box
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7
}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
color: #777
}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-menu-right {
left: auto;
right: 0
}
.dropdown-menu-left {
left: 0;
right: auto
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: ""
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media(min-width: 768px) {
.navbar-right .dropdown-menu {
left:auto;
right: 0
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto
}
}
.btn-group,.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group>.btn,.btn-group-vertical>.btn {
position: relative;
float: left
}
.btn-group>.btn:hover,.btn-group-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-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group>.btn-group {
float: left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px
}
.btn-group>.btn-lg+.dropdown-toggle {
padding-left: 12px;
padding-right: 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-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-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-right-radius: 0;
border-top-left-radius: 0
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate
}
.btn-group-justified>.btn,.btn-group-justified>.btn-group {
float: none;
display: table-cell;
width: 1%
}
.btn-group-justified>.btn-group .btn {
width: 100%
}
.btn-group-justified>.btn-group .dropdown-menu {
left: auto
}
[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-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-left: 0;
padding-right: 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-bottom-right-radius: 0;
border-top-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn+.btn {
margin-left: -1px
}
.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active {
z-index: 2
}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
margin-right: -1px
}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav>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;
background-color: transparent;
cursor: not-allowed
}
.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;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}
.nav-tabs.nav-justified>li {
float: none
}
.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.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 {
text-align: center;
margin-bottom: 5px
}
.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-right-radius: 0;
border-top-left-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 {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse.in {
overflow-y: auto
}
@media(min-width: 768px) {
.navbar-collapse {
width:auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block!important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0
}
}
.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
max-height: 340px
}
@media(max-device-width: 480px) and (orientation:landscape) {
.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
max-height:200px
}
}
.container>.navbar-header,.container-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;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
height: 50px
}
.navbar-brand:hover,.navbar-brand:focus {
text-decoration: none
}
.navbar-brand>img {
display: block
}
@media(min-width: 768px) {
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
margin-left:-15px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle:focus {
outline: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
@media(min-width: 768px) {
.navbar-toggle {
display:none
}
}
.navbar-nav {
margin: 7.5px -15px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media(max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position:static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none
}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
background-image: none
}
}
@media(min-width: 768px) {
.navbar-nav {
float:left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.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);
margin-top: 8px;
margin-bottom: 8px
}
@media(min-width: 768px) {
.navbar-form .form-group {
display:inline-block;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.navbar-form .form-control-static {
display: inline-block
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle
}
.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control {
width: auto
}
.navbar-form .input-group>.form-control {
width: 100%
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .radio,.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .radio label,.navbar-form .checkbox label {
padding-left: 0
}
.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
top: 0
}
}
@media(max-width: 767px) {
.navbar-form .form-group {
margin-bottom:5px
}
.navbar-form .form-group:last-child {
margin-bottom: 0
}
}
@media(min-width: 768px) {
.navbar-form {
width:auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px
}
.navbar-btn.btn-sm {
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-left: 15px;
margin-right: 15px
}
}
@media(min-width: 768px) {
.navbar-left {
float:left!important
}
.navbar-right {
float: right!important;
margin-right: -15px
}
.navbar-right~.navbar-right {
margin-right: 0
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent
}
.navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav>li>a {
color: #777
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
border-color: #e7e7e7
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
background-color: #e7e7e7;
color: #555
}
@media(max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color:#777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #777
}
.navbar-default .navbar-link:hover {
color: #333
}
.navbar-default .btn-link {
color: #777
}
.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {
color: #333
}
.navbar-default .btn-link[disabled]:hover,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 {
background-color: #080808;
color: #fff
}
@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 {
content: "/ ";
padding: 0 5px;
color: #ccc
}
.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;
line-height: 1.42857143;
text-decoration: none;
color: #337ab7;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.pagination>li>a:hover,.pagination>li>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;
background-color: #337ab7;
border-color: #337ab7;
cursor: default
}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
color: #777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed
}
.pagination-lg>li>a,.pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px
}
.pagination-sm>li>a,.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center
}
.pager 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;
background-color: #fff;
cursor: not-allowed
}
.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;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
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 {
border-radius: 6px;
padding-left: 15px;
padding-right: 15px
}
.jumbotron .container {
max-width: 100%
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top:48px;
padding-bottom: 48px
}
.container .jumbotron,.container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px
}
.jumbotron h1,.jumbotron .h1 {
font-size: 63px
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.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-left: auto;
margin-right: 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 {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #2b542c
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #245269
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b
}
.alert-warning hr {
border-top-color: #f7e1b5
}
.alert-warning .alert-link {
color: #66512c
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442
}
.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
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.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);
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 {
zoom:1;overflow: hidden
}
.media-body {
width: 10000px
}
.media-object {
display: block
}
.media-object.img-thumbnail {
max-width: none
}
.media-right,.media>.pull-right {
padding-left: 10px
}
.media-left,.media>.pull-left {
padding-right: 10px
}
.media-left,.media-right,.media-body {
display: table-cell;
vertical-align: top
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.list-group {
margin-bottom: 20px;
padding-left: 0
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
a.list-group-item,button.list-group-item {
color: #555
}
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
color: #333
}
a.list-group-item:hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5
}
button.list-group-item {
width: 100%;
text-align: left
}
.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus {
background-color: #eee;
color: #777;
cursor: not-allowed
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text {
color: #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-right-radius: 3px;
border-top-left-radius: 3px
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit
}
.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a {
color: inherit
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.list-group,.panel>.panel-collapse>.list-group {
margin-bottom: 0
}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.list-group+.panel-footer {
border-top-width: 0
}
.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table {
margin-bottom: 0
}
.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption {
padding-left: 15px;
padding-right: 15px
}
.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-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-left-radius: 3px;
border-bottom-right-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 {
border: 0;
margin-bottom: 0
}
.panel-group {
margin-bottom: 20px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px
}
.panel-group .panel+.panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group {
border-top: 1px solid #ddd
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.panel-default {
border-color: #ddd
}
.panel-default>.panel-heading {
color: #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;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0
}
.embed-responsive-16by9 {
padding-bottom: 56.25%
}
.embed-responsive-4by3 {
padding-bottom: 75%
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #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;
opacity: .2;
filter: alpha(opacity=20)
}
.close:hover,.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
background-clip: padding-box;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50)
}
.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-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media(min-width: 768px) {
.modal-dialog {
width:600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.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: "Open Sans",Arial,ArialMT,sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0)
}
.tooltip.in {
opacity: .9;
filter: alpha(opacity=90)
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
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: "Open Sans",Arial,ArialMT,sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.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)
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0
}
.popover-content {
padding: 9px 14px
}
.popover>.arrow,.popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover>.arrow {
border-width: 11px
}
.popover>.arrow:after {
border-width: 10px;
content: ""
}
.popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0,0,0,.25);
bottom: -11px
}
.popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff
}
.popover.right>.arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0,0,0,.25)
}
.popover.right>.arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff
}
.popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0,0,0,.25);
top: -11px
}
.popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff
}
.popover.left>.arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0,0,0,.25)
}
.popover.left>.arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px
}
.carousel {
position: relative
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%
}
.carousel-inner>.item {
display: none;
position: relative;
-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;
-moz-transition: -moz-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px
}
.carousel-inner>.item.next,.carousel-inner>.item.active.right {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
left: 0
}
.carousel-inner>.item.prev,.carousel-inner>.item.active.left {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
left: 0
}
.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
left: 0
}
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
display: block
}
.carousel-inner>.active {
left: 0
}
.carousel-inner>.next,.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner>.next {
left: 100%
}
.carousel-inner>.prev {
left: -100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
left: 0
}
.carousel-inner>.active.left {
left: -100%
}
.carousel-inner>.active.right {
left: 100%
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: .5;
filter: alpha(opacity=50);
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)
}
.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: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.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: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
}
.carousel-control:hover,.carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: .9;
filter: alpha(opacity=90)
}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block
}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px
}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px
}
.carousel-control .icon-prev,.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif
}
.carousel-control .icon-prev:before {
content: '‹'
}
.carousel-control .icon-next:before {
content: '›'
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0,0,0,0)
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.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 {
left: 20%;
right: 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 {
content: " ";
display: table
}
.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-left: auto;
margin-right: auto
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.hide {
display: none!important
}
.show {
display: block!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none!important
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
.visible-xs,.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
}
}
.stb-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;
font-size: 22px;
color: #819f2b
}
.stb-sprite-small,.stb-sprite-medium,.stb-color-sprite-small,.stb-color-sprite-medium,.stb-color-sprite-big,p.pdf_document a:before,a.pdf_document:before,ul.stb li.pdf_document a:before,ol.stb li.pdf_document a:before,.searchresults a.pdf_document:before {
display: inline-block
}
.stb-theme-sprites {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/theme-sprites.png) no-repeat;
width: 32px;
height: 32px;
display: inline-block
}
.stb-theme-sprites.house {
background-position: 0 0
}
.stb-theme-sprites.car {
background-position: 0 -32px
}
.stb-theme-sprites.couple {
background-position: 0 -64px
}
.stb-theme-sprites.bike {
background-position: 0 -96px
}
.stb-theme-sprites.medal {
background-position: 0 -128px
}
.stb-theme-sprites.heartGirl {
background-position: 0 -160px
}
.stb-theme-sprites.heart-girl {
background-position: 0 -160px
}
.stb-theme-sprites.plussGuy {
background-position: 0 -192px
}
.stb-theme-sprites.pluss-guy {
background-position: 0 -192px
}
.stb-theme-sprites.owl {
background-position: 0 -224px
}
.stb-theme-sprites.puzzle {
background-position: 0 -256px
}
.stb-theme-sprites.magazine {
background-position: 0 -288px
}
.stb-sprite-small {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/general-sprites.png) no-repeat;
width: 16px;
height: 16px
}
.stb-sprite-small.chevron-up {
background-position: 0 0
}
.stb-sprite-small.chevron-up.white {
background-position: -100px 0
}
.stb-sprite-small.chevron-up.red {
background-position: -200px 0
}
.stb-sprite-small.chevron-down {
background-position: 0 -100px
}
.stb-sprite-small.chevron-down.white {
background-position: -100px -100px
}
.stb-sprite-small.chevron-down.red {
background-position: -200px -100px
}
.stb-sprite-small.chevron-left {
background-position: 0 -200px
}
.stb-sprite-small.chevron-left.white {
background-position: -100px -200px
}
.stb-sprite-small.chevron-left.red {
background-position: -200px -200px
}
.stb-sprite-small.chevron-right {
background-position: 0 -300px
}
.stb-sprite-small.chevron-right.white {
background-position: -100px -300px
}
.stb-sprite-small.chevron-right.red {
background-position: -200px -300px
}
.stb-sprite-small.arrow-up {
background-position: 0 -400px
}
.stb-sprite-small.arrow-up.white {
background-position: -100px -400px
}
.stb-sprite-small.arrow-up.red {
background-position: -200px -400px
}
.stb-sprite-small.arrow-down {
background-position: 0 -500px
}
.stb-sprite-small.arrow-down.white {
background-position: -100px -500px
}
.stb-sprite-small.arrow-down.red {
background-position: -200px -500px
}
.stb-sprite-small.arrow-left {
background-position: 0 -600px
}
.stb-sprite-small.arrow-left.white {
background-position: -100px -600px
}
.stb-sprite-small.arrow-left.red {
background-position: -200px -600px
}
.stb-sprite-small.arrow-right {
background-position: 0 -700px
}
.stb-sprite-small.arrow-right.white {
background-position: -100px -700px
}
.stb-sprite-small.arrow-right.red {
background-position: -200px -700px
}
.stb-sprite-small.remove {
background-position: 0 -800px
}
.stb-sprite-small.remove.white {
background-position: -100px -800px
}
.stb-sprite-small.remove.red {
background-position: -200px -800px
}
.stb-sprite-small.pencil {
background-position: 0 -900px
}
.stb-sprite-small.pencil.white {
background-position: -100px -900px
}
.stb-sprite-small.pencil.red {
background-position: -200px -900px
}
.stb-sprite-small.menu-bars {
background-position: 0 -1000px
}
.stb-sprite-small.menu-bars.white {
background-position: -100px -1000px
}
.stb-sprite-small.menu-bars.red {
background-position: -200px -1000px
}
.stb-sprite-small.globe {
background-position: 0 -1100px
}
.stb-sprite-small.globe.white {
background-position: -100px -1100px
}
.stb-sprite-small.globe.red {
background-position: -200px -1100px
}
.stb-sprite-small.search {
background-position: 0 -1200px
}
.stb-sprite-small.search.white {
background-position: -100px -1200px
}
.stb-sprite-small.search.red {
background-position: -200px -1200px
}
.stb-sprite-small.phone {
background-position: 0 -1300px
}
.stb-sprite-small.phone.white {
background-position: -100px -1300px
}
.stb-sprite-small.phone.red {
background-position: -200px -1300px
}
.stb-sprite-small.envelope {
background-position: 0 -1400px
}
.stb-sprite-small.envelope.white {
background-position: -100px -1400px
}
.stb-sprite-small.envelope.red {
background-position: -200px -1400px
}
.stb-sprite-small.chat {
background-position: 0 -1500px
}
.stb-sprite-small.chat.white {
background-position: -100px -1500px
}
.stb-sprite-small.chat.red {
background-position: -200px -1500px
}
.stb-sprite-small.employee {
background-position: 0 -1600px
}
.stb-sprite-small.employee.white {
background-position: -100px -1600px
}
.stb-sprite-small.employee.red {
background-position: -200px -1600px
}
.stb-sprite-small.facebook {
background-position: 0 -1700px
}
.stb-sprite-small.facebook.white {
background-position: -100px -1700px
}
.stb-sprite-small.facebook.red {
background-position: -200px -1700px
}
.stb-sprite-small.twitter {
background-position: 0 -1800px
}
.stb-sprite-small.twitter.white {
background-position: -100px -1800px
}
.stb-sprite-small.twitter.red {
background-position: -200px -1800px
}
.stb-sprite-small.youtube {
background-position: 0 -1900px
}
.stb-sprite-small.youtube.white {
background-position: -100px -1900px
}
.stb-sprite-small.youtube.red {
background-position: -200px -1900px
}
.stb-sprite-small.calc {
background-position: 0 -2000px
}
.stb-sprite-small.calc.white {
background-position: -100px -2000px
}
.stb-sprite-small.calc.red {
background-position: -200px -2000px
}
.stb-sprite-small.lock {
background-position: 0 -2100px
}
.stb-sprite-small.lock.white {
background-position: -100px -2100px
}
.stb-sprite-small.lock.red {
background-position: -200px -2100px
}
.stb-sprite-small.trash {
background-position: 0 -2200px
}
.stb-sprite-small.trash.white {
background-position: -100px -2200px
}
.stb-sprite-small.trash.red {
background-position: -200px -2200px
}
.stb-sprite-small.user {
background-position: 0 -2300px
}
.stb-sprite-small.user.white {
background-position: -100px -2300px
}
.stb-sprite-small.user.red {
background-position: -200px -2300px
}
.stb-sprite-small.blog {
background-position: 0 -2400px
}
.stb-sprite-small.blog.white {
background-position: -100px -2400px
}
.stb-sprite-small.blog.red {
background-position: -200px -2400px
}
.stb-sprite-small.checkdot {
background-position: 0 -2500px
}
.stb-sprite-small.checkdot.white {
background-position: -100px -2500px
}
.stb-sprite-small.checkdot.red {
background-position: -200px -2500px
}
.stb-sprite-small.checkdot {
background-position: 0 -2500px
}
.stb-sprite-small.checkdot.white {
background-position: -100px -2500px
}
.stb-sprite-small.checkdot.red {
background-position: -200px -2500px
}
.stb-sprite-small.personal-menu {
background-position: 0 -2600px
}
.stb-sprite-small.personal-menu.white {
background-position: -100px -2600px
}
.stb-sprite-small.personal-menu.red {
background-position: -200px -2600px
}
.stb-sprite-small.wrench {
background-position: 0 -2700px
}
.stb-sprite-small.wrench.white {
background-position: -100px -2700px
}
.stb-sprite-small.wrench.red {
background-position: -200px -2700px
}
.stb-sprite-small.edit {
background-position: 0 -2800px
}
.stb-sprite-small.edit.white {
background-position: -100px -2800px
}
.stb-sprite-small.edit.red {
background-position: -200px -2800px
}
.stb-sprite-small.pretzel {
background-position: 0 -2900px
}
.stb-sprite-small.pretzel.white {
background-position: -100px -2900px
}
.stb-sprite-small.pretzel.red {
background-position: -200px -2900px
}
.stb-sprite-small.bubble {
background-position: 0 -3000px
}
.stb-sprite-small.bubble.white {
background-position: -100px -3000px
}
.stb-sprite-small.bubble.red {
background-position: -200px -3000px
}
.stb-sprite-small.play {
background-position: 0 -3100px
}
.stb-sprite-small.play.white {
background-position: -100px -3100px
}
.stb-sprite-small.play.red {
background-position: -200px -3100px
}
.stb-sprite-small.calendar {
background-position: 0 -3200px
}
.stb-sprite-small.calendar.white {
background-position: -100px -3200px
}
.stb-sprite-small.calendar.red {
background-position: -200px -3200px
}
.stb-sprite-small.timer {
background-position: 0 -3300px
}
.stb-sprite-small.timer.white {
background-position: -100px -3300px
}
.stb-sprite-small.timer.red {
background-position: -200px -3300px
}
.stb-sprite-small.shopping-cart {
background-position: 0 -3400px
}
.stb-sprite-small.shopping-cart.white {
background-position: -100px -3400px
}
.stb-sprite-small.shopping-cart.red {
background-position: -200px -3400px
}
.stb-sprite-small.plus {
background-position: 0 -3500px
}
.stb-sprite-small.plus.white {
background-position: -100px -3500px
}
.stb-sprite-small.plus.red {
background-position: -200px -3500px
}
.stb-sprite-small.minus {
background-position: 0 -3600px
}
.stb-sprite-small.minus.white {
background-position: -100px -3600px
}
.stb-sprite-small.minus.red {
background-position: -200px -3600px
}
.stb-sprite-small.scroll {
width: 38px;
background-position: 0 -3700px
}
.stb-sprite-small.scroll.white {
background-position: -100px -3700px
}
.stb-sprite-small.scroll.red {
background-position: -200px -3700px
}
.stb-sprite-small.medal {
width: 38px;
background-position: 0 -3800px
}
.stb-sprite-small.medal.white {
background-position: -100px -3800px
}
.stb-sprite-small.medal.red {
background-position: -200px -3800px
}
.stb-sprite-small.printer {
width: 38px;
background-position: 0 -3900px
}
.stb-sprite-small.printer.white {
background-position: -100px -3900px
}
.stb-sprite-small.printer.red {
background-position: -200px -3900px
}
.stb-sprite-medium {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/general-sprites.png) no-repeat;
width: 24px;
height: 24px
}
.stb-sprite-medium.chevron-up {
background-position: -300px 0
}
.stb-sprite-medium.chevron-up.white {
background-position: -400px 0
}
.stb-sprite-medium.chevron-up.red {
background-position: -500px 0
}
.stb-sprite-medium.chevron-down {
background-position: -300px -100px
}
.stb-sprite-medium.chevron-down.white {
background-position: -400px -100px
}
.stb-sprite-medium.chevron-down.red {
background-position: -500px -100px
}
.stb-sprite-medium.chevron-left {
background-position: -300px -200px
}
.stb-sprite-medium.chevron-left.white {
background-position: -400px -200px
}
.stb-sprite-medium.chevron-left.red {
background-position: -500px -200px
}
.stb-sprite-medium.chevron-right {
background-position: -300px -300px
}
.stb-sprite-medium.chevron-right.white {
background-position: -400px -300px
}
.stb-sprite-medium.chevron-right.red {
background-position: -500px -300px
}
.stb-sprite-medium.arrow-up {
background-position: -300px -400px
}
.stb-sprite-medium.arrow-up.white {
background-position: -400px -400px
}
.stb-sprite-medium.arrow-up.red {
background-position: -500px -400px
}
.stb-sprite-medium.arrow-down {
background-position: -300px -500px
}
.stb-sprite-medium.arrow-down.white {
background-position: -400px -500px
}
.stb-sprite-medium.arrow-down.red {
background-position: -500px -500px
}
.stb-sprite-medium.arrow-left {
background-position: -300px -600px
}
.stb-sprite-medium.arrow-left.white {
background-position: -400px -600px
}
.stb-sprite-medium.arrow-left.red {
background-position: -500px -600px
}
.stb-sprite-medium.arrow-right {
background-position: -300px -700px
}
.stb-sprite-medium.arrow-right.white {
background-position: -400px -700px
}
.stb-sprite-medium.arrow-right.red {
background-position: -500px -700px
}
.stb-sprite-medium.remove {
background-position: -300px -800px
}
.stb-sprite-medium.remove.white {
background-position: -400px -800px
}
.stb-sprite-medium.remove.red {
background-position: -500px -800px
}
.stb-sprite-medium.pencil {
background-position: -300px -900px
}
.stb-sprite-medium.pencil.white {
background-position: -400px -900px
}
.stb-sprite-medium.pencil.red {
background-position: -500px -900px
}
.stb-sprite-medium.menu-bars {
background-position: -300px -1000px
}
.stb-sprite-medium.menu-bars.white {
background-position: -400px -1000px
}
.stb-sprite-medium.menu-bars.red {
background-position: -500px -1000px
}
.stb-sprite-medium.globe {
background-position: -300px -1100px
}
.stb-sprite-medium.globe.white {
background-position: -400px -1100px
}
.stb-sprite-medium.globe.red {
background-position: -500px -1100px
}
.stb-sprite-medium.search {
background-position: -300px -1200px
}
.stb-sprite-medium.search.white {
background-position: -400px -1200px
}
.stb-sprite-medium.search.red {
background-position: -500px -1200px
}
.stb-sprite-medium.phone {
background-position: -300px -1300px
}
.stb-sprite-medium.phone.white {
background-position: -400px -1300px
}
.stb-sprite-medium.phone.red {
background-position: -500px -1300px
}
.stb-sprite-medium.envelope {
background-position: -300px -1400px
}
.stb-sprite-medium.envelope.white {
background-position: -400px -1400px
}
.stb-sprite-medium.envelope.red {
background-position: -500px -1400px
}
.stb-sprite-medium.chat {
background-position: -300px -1500px
}
.stb-sprite-medium.chat.white {
background-position: -400px -1500px
}
.stb-sprite-medium.chat.red {
background-position: -500px -1500px
}
.stb-sprite-medium.employee {
background-position: -300px -1600px
}
.stb-sprite-medium.employee.white {
background-position: -400px -1600px
}
.stb-sprite-medium.employee.red {
background-position: -500px -1600px
}
.stb-sprite-medium.facebook {
background-position: -300px -1700px
}
.stb-sprite-medium.facebook.white {
background-position: -400px -1700px
}
.stb-sprite-medium.facebook.red {
background-position: -500px -1700px
}
.stb-sprite-medium.twitter {
background-position: -300px -1800px
}
.stb-sprite-medium.twitter.white {
background-position: -400px -1800px
}
.stb-sprite-medium.twitter.red {
background-position: -500px -1800px
}
.stb-sprite-medium.youtube {
background-position: -300px -1900px
}
.stb-sprite-medium.youtube.white {
background-position: -400px -1900px
}
.stb-sprite-medium.youtube.red {
background-position: -500px -1900px
}
.stb-sprite-medium.calc {
background-position: -300px -2000px
}
.stb-sprite-medium.calc.white {
background-position: -400px -2000px
}
.stb-sprite-medium.calc.red {
background-position: -500px -2000px
}
.stb-sprite-medium.lock {
background-position: -300px -2100px
}
.stb-sprite-medium.lock.white {
background-position: -400px -2100px
}
.stb-sprite-medium.lock.red {
background-position: -500px -2100px
}
.stb-sprite-medium.trash {
background-position: -300px -2200px
}
.stb-sprite-medium.trash.white {
background-position: -400px -2200px
}
.stb-sprite-medium.trash.red {
background-position: -500px -2200px
}
.stb-sprite-medium.user {
background-position: -300px -2300px
}
.stb-sprite-medium.user.white {
background-position: -400px -2300px
}
.stb-sprite-medium.user.red {
background-position: -500px -2300px
}
.stb-sprite-medium.blog {
background-position: -300px -2400px
}
.stb-sprite-medium.blog.white {
background-position: -400px -2400px
}
.stb-sprite-medium.blog.red {
background-position: -500px -2400px
}
.stb-sprite-medium.checkdot {
background-position: -300px -2500px
}
.stb-sprite-medium.checkdot.white {
background-position: -400px -2500px
}
.stb-sprite-medium.checkdot.red {
background-position: -500px -2500px
}
.stb-sprite-medium.personal-menu {
background-position: -300px -2600px
}
.stb-sprite-medium.personal-menu.white {
background-position: -400px -2600px
}
.stb-sprite-medium.personal-menu.red {
background-position: -500px -2600px
}
.stb-sprite-medium.wrench {
background-position: -300px -2700px
}
.stb-sprite-medium.wrench.white {
background-position: -400px -2700px
}
.stb-sprite-medium.wrench.red {
background-position: -500px -2700px
}
.stb-sprite-medium.edit {
background-position: -300px -2800px
}
.stb-sprite-medium.edit.white {
background-position: -400px -2800px
}
.stb-sprite-medium.edit.red {
background-position: -500px -2800px
}
.stb-sprite-medium.pretzel {
background-position: -300px -2900px
}
.stb-sprite-medium.pretzel.white {
background-position: -400px -2900px
}
.stb-sprite-medium.pretzel.red {
background-position: -500px -2900px
}
.stb-sprite-medium.bubble {
background-position: -300px -3000px
}
.stb-sprite-medium.bubble.white {
background-position: -400px -3000px
}
.stb-sprite-medium.bubble.red {
background-position: -500px -3000px
}
.stb-sprite-medium.play {
background-position: -300px -3100px
}
.stb-sprite-medium.play.white {
background-position: -400px -3100px
}
.stb-sprite-medium.play.red {
background-position: -500px -3100px
}
.stb-sprite-medium.calendar {
background-position: -300px -3200px
}
.stb-sprite-medium.calendar.white {
background-position: -400px -3200px
}
.stb-sprite-medium.calendar.red {
background-position: -500px -3200px
}
.stb-sprite-medium.timer {
background-position: -300px -3300px
}
.stb-sprite-medium.timer.white {
background-position: -400px -3300px
}
.stb-sprite-medium.timer.red {
background-position: -500px -3300px
}
.stb-sprite-medium.shopping-cart {
background-position: -300px -3400px
}
.stb-sprite-medium.shopping-cart.white {
background-position: -400px -3400px
}
.stb-sprite-medium.shopping-cart.red {
background-position: -500px -3400px
}
.stb-sprite-medium.plus {
background-position: -300px -3500px
}
.stb-sprite-medium.plus.white {
background-position: -400px -3500px
}
.stb-sprite-medium.plus.red {
background-position: -500px -3500px
}
.stb-sprite-medium.minus {
background-position: -300px -3600px
}
.stb-sprite-medium.minus.white {
background-position: -400px -3600px
}
.stb-sprite-medium.minus.red {
background-position: -500px -3600px
}
.stb-sprite-medium.scroll {
width: 56px;
background-position: -300px -3700px
}
.stb-sprite-medium.scroll.white {
background-position: -400px -3700px
}
.stb-sprite-medium.scroll.red {
background-position: -500px -3700px
}
.stb-sprite-medium.medal {
width: 56px;
background-position: -300px -3800px
}
.stb-sprite-medium.medal.white {
background-position: -400px -3800px
}
.stb-sprite-medium.medal.red {
background-position: -500px -3800px
}
.stb-sprite-medium.printer {
width: 56px;
background-position: -300px -3900px
}
.stb-sprite-medium.printer.white {
background-position: -400px -3900px
}
.stb-sprite-medium.printer.red {
background-position: -500px -3900px
}
.stb-color-sprite-small {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
width: 16px;
height: 16px
}
.stb-color-sprite-small.ok {
background-position: 0 0
}
.stb-color-sprite-small.ok-circle {
background-position: 0 -100px
}
.stb-color-sprite-small.warning {
background-position: 0 -200px
}
.stb-color-sprite-small.info {
background-position: 0 -300px
}
.stb-color-sprite-small.info.gray {
background-position: 0 -1100px
}
.stb-color-sprite-small.pdf {
background-position: 0 -400px
}
.stb-color-sprite-small.word {
background-position: 0 -500px
}
.stb-color-sprite-small.excel {
background-position: 0 -600px
}
.stb-color-sprite-small.powerpoint {
background-position: 0 -700px
}
.stb-color-sprite-small.question {
background-position: 0 -800px
}
.stb-color-sprite-small.error {
background-position: 0 -900px
}
.stb-color-sprite-small.caution {
background-position: 0 -1000px
}
.stb-color-sprite-medium,p.pdf_document a:before,a.pdf_document:before,ul.stb li.pdf_document a:before,ol.stb li.pdf_document a:before,.searchresults a.pdf_document:before {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
width: 24px;
height: 24px
}
.stb-color-sprite-medium.ok {
background-position: -100px 0
}
.stb-color-sprite-medium.ok-circle {
background-position: -100px -100px
}
.stb-color-sprite-medium.warning {
background-position: -100px -200px
}
.stb-color-sprite-medium.info {
background-position: -100px -300px
}
.stb-color-sprite-medium.info.gray {
background-position: -100px -1100px
}
.stb-color-sprite-medium.pdf {
background-position: -100px -400px
}
.stb-color-sprite-medium.word {
background-position: -100px -500px
}
.stb-color-sprite-medium.excel {
background-position: -100px -600px
}
.stb-color-sprite-medium.powerpoint {
background-position: -100px -700px
}
.stb-color-sprite-medium.question {
background-position: -100px -800px
}
.stb-color-sprite-medium.error {
background-position: -100px -900px
}
.stb-color-sprite-medium.caution {
background-position: -100px -1000px
}
.stb-color-sprite-big {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/big-color-sprites.png) no-repeat;
width: 284px;
height: 284px
}
.stb-color-sprite-big.ok {
background-position: 0 0
}
.stb-color-sprite-big.warning {
background-position: 0 -500px
}
div.circle-12,span.circle-12 {
height: 24px;
width: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px
}
div.circle-16,span.circle-16 {
height: 36px;
width: 36px;
padding: 10px 10px;
margin-right: 6px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px
}
div.circle-24,span.circle-24 {
height: 48px;
width: 48px;
padding: 12px;
-webkit-border-radius: 48px;
-moz-border-radius: 48px;
border-radius: 48px
}
div.circle-16 a,div.circle-24 a,span.circle-16 a,span.circle-24 a {
border-bottom: none
}
@media(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
.stb-sprite-small {
background:url(https://www.spp.se/Content/theme-spp/images/stb-sprites/general-sprites-2x.png) no-repeat;
background-size: 600px
}
.stb-sprite-medium {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/general-sprites-2x.png) no-repeat;
background-size: 600px
}
.stb-color-sprite-small {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites-2x.png) no-repeat;
background-size: 200px
}
.stb-color-sprite-medium,p.pdf_document a:before,a.pdf_document:before,ul.stb li.pdf_document a:before,ol.stb li.pdf_document a:before,.searchresults a.pdf_document:before {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites-2x.png) no-repeat;
background-size: 200px
}
.stb-color-sprite-big {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/big-color-sprites.png) no-repeat
}
.stb-theme-sprites {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/theme-sprites-2x.png) no-repeat;
background-size: 32px
}
}
a>span.stb-sprite-medium,a>span.stb-color-sprite-small,a>span.stb-color-sprite-medium,a>span.stb-color-sprite-big,a>span.stb-color-sprite-small {
margin-right: 6px
}

.stb-font {
font-family: 'Storebrand Text', sans-serif;
}
.stb-font-light {
font-family: 'Storebrand Text', sans-serif;
}
.stb-font-extralight {
font-family: 'Storebrand Text', sans-serif;
}
.stb-font-bold {
font-family: 'Storebrand Text', sans-serif;
}
hr {
border-top: 1px solid #ccc
}
hr.fat {
border-top: 2px solid #ccc;
margin: 0
}
h1,h2.h1lookalike {
font-size: 40px;
line-height: 46px;
margin: 0 12px 12px 0;
color: #770000;
font-family: 'Storebrand Display', sans-serif
}
h1.dark,h2.h1lookalike.dark {
color: #fff
}
h1.black,h2.h1lookalike.black {
color: #560000
}
h2 {
font-size: 32px;
line-height: 36px;
margin: 48px 6px 6px 0;
font-family:  'Storebrand Text', sans-serif;
}
h2.dark {
color: #fff
}
h2.toc-header {
padding-bottom: 0;
margin-top: 24px
}
h2 a,h2 a:hover,h2 a:focus,h2 a:active {
padding-bottom: 0;
border-bottom: 0;
text-decoration: underline
}
h3,p.header3 {
font-size: 24px;
line-height: 28px;
margin: 24px 9px 6px 0;
color: #560000;
font-family: "SignaWeb-Light",Arial,"Times New Roman",Times,serif
}
h3.stb-font,p.header3.stb-font {
font-family: "SignaWeb-Book",Arial,"Times New Roman",Times,serif;
font-weight: bolder
}
h3.dark,p.header3.dark {
color: #fff
}
h4,p.header4 {
font-size: 18px;
line-height: 20px;
margin: 0;
margin: 6px 9px 6px 0;
color: #560000;
font-family: "Open Sans Semibold",Arial,ArialMT,sans-serif
}
h4.dark,p.header4.dark {
color: #fff
}
h5,p.header5 {
font-size: 16px;
line-height: 18px;
margin: 0;
margin: 9px 9px 6px 0;
color: #560000;
font-family: "Open Sans Semibold",Arial,ArialMT,sans-serif
}
h5.dark,p.header5.dark {
color: #fff
}
h6,p.header6 {
font-size: 14px;
line-height: 16px;
margin: 0;
margin: 9px 9px 6px 0;
color: #560000;
font-family: "Open Sans Semibold",Arial,ArialMT,sans-serif
}
h6.dark,p.header6.dark {
color: #fff
}
b,strong {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
h2+h3,h2+p.header3 {
margin: 12px 6px 6px 0
}
h3+h4,p.header3+p.header4,img+h3,img+p.header3 {
margin: 6px 6px 6px 0
}
figure+h3,figure+p.header3 {
margin: 24px 6px 6px 0
}
div.row div>h3:first-child {
margin: 0 6px 6px 0
}
div.row div>p.header3:first-child {
margin: 0 6px 6px 0
}
div.row div>h2:first-child {
margin: 0 12px 6px 0
}
div.row.video-text>div>h2:first-child {
margin-top: 48px
}
h1.link,h2.link,h3.link,h4.link,h5.link,p.header3.link,p.header4.link,p.header5.link {
text-decoration: underline
}
p {
font-size: 16px;
line-height: 24px;
color: #560000;
font-family: 'Storebrand Text', sans-serif;
margin: 0 0 16px
}
p.intro {
font-size: 24px;
line-height: 30px;
margin: 0 0 12px
}
p.boxy {
font-family: 'Storebrand Text', sans-serif;
font-size: 24px;
line-height: 30px;
margin: 0 0 12px
}
p.interest-rate {
line-height: 46px;
color: #560000;
font-family: 'Storebrand Text', sans-serif;
font-size: 60px;
margin: 18px 12px 12px 0
}
p.pdf_document a:before {
content: "";
background-position: -100px -400px
}
p.bolded {
font-size: 18px;
line-height: 22px;
color: #560000;
font-weight: bold
}
.input-required {
color: #B20000;
font-family: 'Storebrand Text', sans-serif;
}
.input-optional {
color: #5f6e57;
font-family: 'Storebrand Text', sans-serif;
}
.input-faulty {
color: #B20000
}
.input-valid {
color: #819f2b
}
small,.petit,.disclaimer {
font-size: 13px;
line-height: 16px;
font-style: normal;
font-family: 'Storebrand Text', sans-serif;
margin-bottom: 12px
}
.pilled {
background-color: #000;
color: #fff;
padding: 3px 12px;
border-radius: 18px;
font-weight: bold
}
ol~button,ul~button,p~button {
margin-top: 12px
}
blockquote {
font-size: 16px;
line-height: 22px;
border-left: 5px solid #B20000;
padding: 9px 18px 9px;
margin: 0 0 12px
}
blockquote footer {
padding-top: 9px
}
a {
color: #282828;
cursor: pointer;
text-decoration: none;
border-bottom: 1px solid #666
}
a.twister,a.dropdown-toggle {
border: 0
}
a.tab-link {
padding-bottom: 0;
border-radius: 0!important;
border-bottom: 0
}
a.contact {
border-bottom: none
}
a.contact span.iconCompanion {
border-bottom: 1px solid #000
}
a.contact span.iconCompanion+span {
margin-bottom: -3px;
margin-left: 3px
}
a.pdf_document:before {
content: "";
background-position: -100px -400px
}
a:visited {
color: #776654
}
a:hover,a:focus,a:active {
text-decoration: none;
color: #B20000;
border-bottom: 1px solid #B20000
}
a:hover.twister,a:focus.twister,a:active.twister,a:hover.dropdown-toggle,a:focus.dropdown-toggle,a:active.dropdown-toggle {
border: 0
}
a:hover.tab-link,a:focus.tab-link,a:active.tab-link {
padding-bottom: 0;
border-radius: 0;
border-bottom: 0
}
a:hover.contact,a:focus.contact,a:active.contact {
border-bottom: none
}
a:hover.contact span.iconCompanion,a:focus.contact span.iconCompanion,a:active.contact span.iconCompanion {
border-bottom: 1px solid #B20000
}
#typography-links a.standard {
color: #282828;
border-bottom: 1px solid #404040
}
#typography-links a.hovered {
color: #B20000;
border-bottom: 1px solid #B20000
}
#typography-links a.visited {
color: #776654;
border-bottom: 1px solid #776654
}
a.help,a.help:hover,a.help:visited {
color: #776654
}
.iconCompanion {
line-height: 2.2;
font-size: 16px;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
.pillText {
line-height: 2.2;
font-size: 16px
}
a.list-group-item.links {
text-decoration: none
}
a.list-group-item.links:hover {
text-decoration: none;
border-bottom: none;
padding: 10px 15px
}
.inline {
display: inline
}
.inline:before,.inline:after {
content: " ";
display: table
}
.inline:after {
clear: both
}
.inline:before,.inline:after {
content: " ";
display: table
}
.inline:after {
clear: both
}

ol.bold {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
ol li span.light {
font-weight: normal
}
ul li ul,ol li ol,ol li ul {
padding-left: 10px
}
ul.stb,ol.stb {
margin: 0 0 16px 18px
}
ul.stb li,ol.stb li {
font-size: 16px;
line-height: 22px;
padding-bottom: 9px
}
ul.stb li ul.stb,ol.stb li ul.stb,ul.stb li ol.stb,ol.stb li ol.stb {
margin: 0 0 0 9px;
padding: 9px 0 0 9px
}
ul.stb li ul.stb li:last-child,ol.stb li ul.stb li:last-child,ul.stb li ol.stb li:last-child,ol.stb li ol.stb li:last-child {
padding-bottom: 0
}
ul.stb li:last-child,ol.stb li:last-child {
padding-bottom: 0
}
ul.stb.petit li,ol.stb.petit li {
font-size: 12px;
line-height: 16px;
font-style: normal;
font-family: "Open Sans",Arial,ArialMT,sans-serif
}
ul.stb li.pdf_document a:before,ol.stb li.pdf_document a:before {
content: "";
background-position: -100px -400px
}
@media(max-width: 991px) {
h1,h2.h1lookalike {
font-size:24px;
line-height: 30px;
margin: 0 9px 9px 0
}
h1.dark,h2.h1lookalike.dark {
color: #fff
}
h1.black,h2.h1lookalike.black {
color: #282828
}
h2 {
font-size: 22px;
line-height: 24px;
margin: 36px 6px 6px 0
}
h2.dark {
color: #fff
}
h3,p.header3 {
font-size: 20px;
line-height: 22px;
margin: 18px 6px 6px 0
}
h4,p.header4 {
font-size: 18px;
line-height: 20px;
margin: 24px 6px 6px 0
}
h5,p.header5 {
font-size: 16px;
line-height: 18px;
margin: 9px 6px 6px 0
}
h6,p.header6 {
font-size: 14px;
line-height: 16px;
margin: 9px 6px 6px 0
}
h2+h3,h2+p.header3 {
margin: 6px 6px 6px 0
}
p {
font-size: 14px;
line-height: 20px;
margin: 0 0 9px
}
p.intro {
font-size: 18px;
line-height: 24px;
margin: 0 0 9px
}
p.interest-rate {
font-size: 52px
}
blockquote {
font-size: 14px;
line-height: 20px;
padding: 0 18px 0;
margin: 12px 0 12px
}
blockquote footer {
padding-top: 9px
}
ul.stb li,ol.stb li {
font-size: 14px;
line-height: 18px
}
}
figcaption>p {
margin-top: 6px
}
.circled-text {
color: #fff;
text-align: center;
background: #a6a6a6
}
.circled-text.three {
font-size: 2em;
padding: .6em .5em;
border-radius: 50%
}
a.stb-btn:visited {
color: #fff
}
.stb-btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 12px 20px;
font-size: 14px;
line-height: 1.42857143;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #333;
background-color: #fff;
border-color: #ccc;
border: none;
color: #fff;
background-color: #B20000;
height: 48px;
border-radius: 360px !important;
font-size: 19px;
font-family: 'Storebrand Text',sans-serif;
min-width: 100px;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
cursor: pointer;
margin-bottom: 12px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
transition-property: background-color,color
}
.stb-btn:focus,.stb-btn:active:focus,.stb-btn.active:focus,.stb-btn.focus,.stb-btn:active.focus,.stb-btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.stb-btn:hover,.stb-btn:focus,.stb-btn.focus {
color: #333;
text-decoration: none
}
.stb-btn:active,.stb-btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.stb-btn.disabled,.stb-btn[disabled],fieldset[disabled] .stb-btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
a.stb-btn.disabled,fieldset[disabled] a.stb-btn {
pointer-events: none
}
.stb-btn:focus,.stb-btn.focus {
color: #333;
background-color: #B20000;
border-color: #8c8c8c
}
.stb-btn:hover {
color: #333;
background-color: #B20000;
border-color: #adadad
}
.stb-btn:active,.stb-btn.active,.open>.dropdown-toggle.stb-btn {
color: #333;
background-color: #B20000;
border-color: #adadad
}
.stb-btn:active:hover,.stb-btn.active:hover,.open>.dropdown-toggle.stb-btn:hover,.stb-btn:active:focus,.stb-btn.active:focus,.open>.dropdown-toggle.stb-btn:focus,.stb-btn:active.focus,.stb-btn.active.focus,.open>.dropdown-toggle.stb-btn.focus {
color: #333;
background-color: #B20000;
border-color: #8c8c8c
}
.stb-btn:active,.stb-btn.active,.open>.dropdown-toggle.stb-btn {
background-image: none
}
.stb-btn.disabled:hover,.stb-btn[disabled]:hover,fieldset[disabled] .stb-btn:hover,.stb-btn.disabled:focus,.stb-btn[disabled]:focus,fieldset[disabled] .stb-btn:focus,.stb-btn.disabled.focus,.stb-btn[disabled].focus,fieldset[disabled] .stb-btn.focus {
background-color: #fff;
border-color: #ccc
}
.stb-btn .badge {
color: #fff;
background-color: #333
}
.stb-btn:focus {
outline: 0
}
.stb-btn a,.stb-btn p,.stb-btn ul,.stb-btn ol,.stb-btn h1,.stb-btn h2,.stb-btn h3,.stb-btn h4,.stb-btn h5,.stb-btn h6 {
color: #282828
}
.stb-btn a:hover {
color:  #B20000
}
.stb-btn.darker {
background-color: #B20000
}
.stb-btn.lighter {
background-color: #a8c432
}
.stb-btn:hover,.stb-btn:focus,.stb-btn:active {
background-color: #B20000;
color: #fff
}
.stb-btn:visited {
color: #fff
}
.stb-btn.shimmer {
-webkit-animation: shimmerGreen 2s ease-in-out 0s infinite;
animation-name: shimmerGreen 2s ease-in-out 0s infinite
}
.stb-btn.transparent {
background: transparent;
border-style: solid;
border-width: 1px
}
.stb-btn.transparent.light {
color: #404040
}
.stb-btn.transparent.light:hover,.stb-btn.transparent.light:focus,.stb-btn.transparent.light:active {
background-color: rgba(0,0,0,.1);
border-color: #404040
}
.stb-btn.transparent.dark {
color: #fff
}
.stb-btn.transparent.dark:hover,.stb-btn.transparent.dark:focus,.stb-btn.transparent.dark:active {
background-color: rgba(0,0,0,.2);
border-color: #fff
}
.stb-btn.transparent.maxWidth {
max-width: 100%
}
.stb-btn.transparent.shimmer {
-webkit-animation: shimmerTransparent 2s ease-in-out 0s infinite;
animation-name: shimmerTransparent 2s ease-in-out 0s infinite
}
.stb-btn.alarm {
background-color: #B20000;
-webkit-box-shadow: none;
box-shadow: none
}
.stb-btn.alarm a,.stb-btn.alarm p,.stb-btn.alarm ul,.stb-btn.alarm ol,.stb-btn.alarm h1,.stb-btn.alarm h2,.stb-btn.alarm h3,.stb-btn.alarm h4,.stb-btn.alarm h5,.stb-btn.alarm h6 {
color: #fff
}
.stb-btn.alarm a {
color: #fff;
border-bottom: 1px solid #fff
}
.stb-btn.alarm.darker {
background-color: #bb1b18
}
.stb-btn.alarm.lighter {
background-color: #ffb3b3
}
.stb-btn.alarm.lighter a,.stb-btn.alarm.lighter p,.stb-btn.alarm.lighter ul,.stb-btn.alarm.lighter ol,.stb-btn.alarm.lighter h1,.stb-btn.alarm.lighter h2,.stb-btn.alarm.lighter h3,.stb-btn.alarm.lighter h4,.stb-btn.alarm.lighter h5,.stb-btn.alarm.lighter h6 {
color: #404040
}
.stb-btn.alarm:hover,.stb-btn.alarm:focus,.stb-btn.alarm:active {
background-color: #bb1b18
}
.stb-btn.alarm.shimmer {
-webkit-animation: shimmerRed 2s ease-in-out 0s infinite;
animation-name: shimmerRed 2s ease-in-out 0s infinite
}
.stb-btn.alarm p {
color: #fff!important
}
.stb-btn.link-icon {
font-weight: normal
}
.stb-btn.stb-big-btn:before {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/general-sprites.png) no-repeat scroll -400px -700px rgba(0,0,0,0);
content: "";
left: 18px;
min-height: 60px;
position: absolute;
top: 18px;
width: 48px;
z-index: 2
}
.stb-btn.stb-big-btn:after {
background: none repeat scroll 0 0 #a8c432;
color: red;
content: "";
min-height: 60px;
left: 0;
position: absolute;
top: 0;
width: 60px;
z-index: 1;
margin-right: -12px
}
.stb-btn.stb-big-btn {
position: relative;
padding-left: 84px;
padding-right: 24px;
margin-top: 12px;
margin-bottom: 24px;
height: 60px;
background-color: #819f2b
}
.stb-btn.stb-big-btn h3,.stb-btn.stb-big-btn span.cta {
color: #fff;
font-size: 19px;
line-height: 22px;
margin: 6px 6px 6px 0
}
.stb-btn.stb-big-btn:hover,.stb-btn.stb-big-btn:active,.stb-btn.stb-big-btn:focus {
background-color: #6c8524
}
.stb-btn.disabled {
background-color: #a6a6a6;
cursor: not-allowed;
opacity: 1;
color: #e6e6e6
}
.stb-btn.disabled.transparent {
background: transparent;
color: #a6a6a6
}
.stb-btn.disabled.stb-big-btn {
background-color: #a6a6a6
}
.stb-btn.disabled.stb-big-btn:after {
background-color: #ccc
}
@media(min-width: 992px) {
button.stb-btn {
font-size:19px;
padding: 0 24px
}
a.stb-btn {
font-size: 19px;
padding: 12px 24px
}
}
@media(max-width: 991px) {
button.stb-btn {
font-size:14px;
padding: 0 12px
}
a.stb-btn {
font-size: 14px;
padding: 12px 12px
}
}
@-webkit-keyframes shimmerGreen {
0% {
background-color: #819f2b
}
50% {
background-color: #6c8524
}
100% {
background-color: #819f2b
}
}
@keyframes shimmerGreen {
0% {
background-color: #819f2b
}
50% {
background-color: #6c8524
}
100% {
background-color: #819f2b
}
}
@-webkit-keyframes shimmerRed {
0% {
background-color: #B20000
}
50% {
background-color: #bb1b18
}
100% {
background-color: #B20000
}
}
@keyframes shimmerRed {
0% {
background-color: #B20000
}
50% {
background-color: #bb1b18
}
100% {
background-color: #B20000
}
}
@-webkit-keyframes shimmerTransparent {
0% {
background-color: #fff
}
50% {
background-color: rgba(0,0,0,.1)
}
100% {
background-color: #fff
}
}
@keyframes shimmerTransparent {
0% {
background-color: #fff
}
50% {
background-color: rgba(0,0,0,.1)
}
100% {
background-color: #fff
}
}
.msgText a.closeLink,.stb-modal .modal-dialog a.closeLink {
border-bottom: none;
text-decoration: none
}
.msgText a.closeLink span.remove,.stb-modal .modal-dialog a.closeLink span.remove {
margin-right: 10px
}
a.closeLink {
border-bottom: none;
text-decoration: none
}
a.closeLink span.remove {
margin-right: 10px
}
a.closeLink:hover p {
color: #B20000
}
a.closeLink:hover p span.stb-sprite-small.remove {
background-position: -200px -800px
}
a.closeLink:hover p span.stb-sprite-medium.remove {
background-position: -500px -800px
}
.stbcolor-primary.first {
background-color: #B20000
}
.stbcolor-primary.first a,.stbcolor-primary.first p,.stbcolor-primary.first ul,.stbcolor-primary.first ol,.stbcolor-primary.first h1,.stbcolor-primary.first h2,.stbcolor-primary.first h3,.stbcolor-primary.first h4,.stbcolor-primary.first h5,.stbcolor-primary.first h6 {
color: #fff
}
.stbcolor-primary.first a {
color: #fff;
border-bottom: 1px solid #fff
}
.stbcolor-primary.first.darker {
background-color: #bb1b18
}
.stbcolor-primary.first.lighter {
background-color: #ffb3b3
}
.stbcolor-primary.first.lighter a,.stbcolor-primary.first.lighter p,.stbcolor-primary.first.lighter ul,.stbcolor-primary.first.lighter ol,.stbcolor-primary.first.lighter h1,.stbcolor-primary.first.lighter h2,.stbcolor-primary.first.lighter h3,.stbcolor-primary.first.lighter h4,.stbcolor-primary.first.lighter h5,.stbcolor-primary.first.lighter h6 {
color: #404040
}
.stbcolor-primary.second {
background-color: #000
}
.stbcolor-primary.second p {
color: #fff
}
.stbcolor-primary.third {
background-color: #fff
}
.stbcolor-primary.third p {
color: #000
}
.stbcolor-background.first {
background-color: #404040
}
.stbcolor-background.first a,.stbcolor-background.first p,.stbcolor-background.first ul,.stbcolor-background.first ol,.stbcolor-background.first h1,.stbcolor-background.first h2,.stbcolor-background.first h3,.stbcolor-background.first h4,.stbcolor-background.first h5,.stbcolor-background.first h6,.stbcolor-background.first th,.stbcolor-background.first td {
color: #fff
}
.stbcolor-background.second {
background-color: #B20000
}
.stbcolor-background.second a,.stbcolor-background.second p,.stbcolor-background.second ul,.stbcolor-background.second ol,.stbcolor-background.second h1,.stbcolor-background.second h2,.stbcolor-background.second h3,.stbcolor-background.second h4,.stbcolor-background.second h5,.stbcolor-background.second h6 {
color: #fff
}
.stbcolor-background.third {
background-color: #5f6e57
}
.stbcolor-background.third a,.stbcolor-background.third p,.stbcolor-background.third ul,.stbcolor-background.third ol,.stbcolor-background.third h1,.stbcolor-background.third h2,.stbcolor-background.third h3,.stbcolor-background.third h4,.stbcolor-background.third h5,.stbcolor-background.third h6 {
color: #fff
}
.stbcolor-background.fourth {
background-color: #776654
}
.stbcolor-background.fourth a,.stbcolor-background.fourth p,.stbcolor-background.fourth ul,.stbcolor-background.fourth ol,.stbcolor-background.fourth h1,.stbcolor-background.fourth h2,.stbcolor-background.fourth h3,.stbcolor-background.fourth h4,.stbcolor-background.fourth h5,.stbcolor-background.fourth h6 {
color: #fff
}
.stbcolor-background.fifth {
background-color: #f2f2f2
}
.stbcolor-background.fifth a,.stbcolor-background.fifth p,.stbcolor-background.fifth ul,.stbcolor-background.fifth ol,.stbcolor-background.fifth h1,.stbcolor-background.fifth h2,.stbcolor-background.fifth h3,.stbcolor-background.fifth h4,.stbcolor-background.fifth h5,.stbcolor-background.fifth h6 {
color: #282828
}
.stbcolor-background.sixth {
background-color: #efe8df
}
.stbcolor-background.sixth a,.stbcolor-background.sixth p,.stbcolor-background.sixth ul,.stbcolor-background.sixth ol,.stbcolor-background.sixth h1,.stbcolor-background.sixth h2,.stbcolor-background.sixth h3,.stbcolor-background.sixth h4,.stbcolor-background.sixth h5,.stbcolor-background.sixth h6 {
color: #282828
}
.stbcolor-background.sixth h1.red {
color: #B20000
}
.stbcolor-background.seventh {
background-color: #b0dfdb
}
.stbcolor-background.seventh a,.stbcolor-background.seventh p,.stbcolor-background.seventh ul,.stbcolor-background.seventh ol,.stbcolor-background.seventh h1,.stbcolor-background.seventh h2,.stbcolor-background.seventh h3,.stbcolor-background.seventh h4,.stbcolor-background.seventh h5,.stbcolor-background.seventh h6 {
color: #282828
}
.stbcolor-background.eighth {
background-color: #a8c432
}
.stbcolor-background.eighth a,.stbcolor-background.eighth p,.stbcolor-background.eighth ul,.stbcolor-background.eighth ol,.stbcolor-background.eighth h1,.stbcolor-background.eighth h2,.stbcolor-background.eighth h3,.stbcolor-background.eighth h4,.stbcolor-background.eighth h5,.stbcolor-background.eighth h6 {
color: #282828
}
.stbcolor-background .jslider .jslider-bg .r {
background-color: #fff
}
.stbcolor-secondary.first {
background-color: #404040
}
.stbcolor-secondary.first a,.stbcolor-secondary.first p,.stbcolor-secondary.first ul,.stbcolor-secondary.first ol,.stbcolor-secondary.first h1,.stbcolor-secondary.first h2,.stbcolor-secondary.first h3,.stbcolor-secondary.first h4,.stbcolor-secondary.first h5,.stbcolor-secondary.first h6 {
color: #fff
}
.stbcolor-secondary.second {
background-color: #5f6e57
}
.stbcolor-secondary.second a,.stbcolor-secondary.second p,.stbcolor-secondary.second ul,.stbcolor-secondary.second ol,.stbcolor-secondary.second h1,.stbcolor-secondary.second h2,.stbcolor-secondary.second h3,.stbcolor-secondary.second h4,.stbcolor-secondary.second h5,.stbcolor-secondary.second h6 {
color: #fff
}
.stbcolor-secondary.third {
background-color: #819f2b
}
.stbcolor-secondary.third a,.stbcolor-secondary.third p,.stbcolor-secondary.third ul,.stbcolor-secondary.third ol,.stbcolor-secondary.third h1,.stbcolor-secondary.third h2,.stbcolor-secondary.third h3,.stbcolor-secondary.third h4,.stbcolor-secondary.third h5,.stbcolor-secondary.third h6 {
color: #282828
}
.stbcolor-secondary.third a:hover {
color: #B20000
}
.stbcolor-secondary.third.darker {
background-color: #6c8524
}
.stbcolor-secondary.third.lighter {
background-color: #a8c432
}
.stbcolor-secondary.fourth {
background-color: #776654
}
.stbcolor-secondary.fourth a,.stbcolor-secondary.fourth p,.stbcolor-secondary.fourth ul,.stbcolor-secondary.fourth ol,.stbcolor-secondary.fourth h1,.stbcolor-secondary.fourth h2,.stbcolor-secondary.fourth h3,.stbcolor-secondary.fourth h4,.stbcolor-secondary.fourth h5,.stbcolor-secondary.fourth h6,.stbcolor-secondary.fourth span {
color: #fff
}
.stbcolor-secondary.fifth {
background-color: #e6d1b8
}
.stbcolor-secondary.sixth {
background-color: #efe8df
}
.stbcolor-secondary.seventh {
background-color: #b0dfdb
}
.stbcolor-secondary.seventh h1,.stbcolor-secondary.seventh h2,.stbcolor-secondary.seventh h3,.stbcolor-secondary.seventh h4,.stbcolor-secondary.seventh h5,.stbcolor-secondary.seventh h6 {
color: #000
}
.stbcolor-secondary.eighth {
background-color: #fcf0be
}
.stbcolor-secondary.eighth.darker {
background-color: #fce06d
}
.stbcolor-secondary ul.accordion p {
color: #282828
}
.stbcolor-secondary .jslider .jslider-bg .r {
background-color: #fff
}
.stbcolor-gray.first {
background-color: #f2f2f2
}
.stbcolor-gray.first p {
color: #000
}
.stbcolor-gray.second {
background-color: #e6e6e6
}
.stbcolor-gray.second p {
color: #000
}
.stbcolor-gray.third {
background-color: #ccc
}
.stbcolor-gray.third p {
color: #000
}
.stbcolor-gray.fourth {
background-color: #a6a6a6
}
.stbcolor-gray.fourth p {
color: #000
}
.stbcolor-gray.fifth {
background-color: #666
}
.stbcolor-visuals.first {
background-color: #faa61a
}
.stbcolor-visuals.second {
background-color: #fff0d9
}
.stbcolor-visuals.third {
background-color: #fff0f0
}
.stbcolor-visuals.fourth {
background-color: #ecf2c2
}
.background.wood {
background: url(https://www.spp.se/Content/theme-spp/images/wood.png) left top repeat
}
table.stb-table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
margin-bottom: 24px;
margin-top: 24px;
border: 0;
border-bottom-color: #e6d1b8;
font-size: 16px
}
table.stb-table>thead>tr>th,table.stb-table>tbody>tr>th,table.stb-table>tfoot>tr>th,table.stb-table>thead>tr>td,table.stb-table>tbody>tr>td,table.stb-table>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd
}
table.stb-table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
table.stb-table>caption+thead>tr:first-child>th,table.stb-table>colgroup+thead>tr:first-child>th,table.stb-table>thead:first-child>tr:first-child>th,table.stb-table>caption+thead>tr:first-child>td,table.stb-table>colgroup+thead>tr:first-child>td,table.stb-table>thead:first-child>tr:first-child>td {
border-top: 0
}
table.stb-table>tbody+tbody {
border-top: 2px solid #ddd
}
table.stb-table .table {
background-color: #fff
}
table.stb-table tr td:last-child {
padding-right: 8px
}
table.stb-table.small-text {
font-size: 14px
}
table.stb-table thead {
background-color: #e6d1b8;
color: #282828
}
table.stb-table thead:first-child>tr:first-child>th {
border-bottom-width: 1px
}
table.stb-table thead>tr>th {
height: 72px;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
table.stb-table tfoot {
background-color: #e6d1b8;
color: #282828
}
table.stb-table tfoot>tr>th {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
table.stb-table tbody>tr>td {
border-bottom: 1px solid #e6d1b8;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 8px;
padding-right: 8px;
background-color: #fff
}
table.stb-table tbody>tr:nth-child(even)>td,table.stb-table tbody>tr:nth-child(even)>th {
background-color: #f2f2f2
}
table.stb-table.hoverable tbody>tr:hover {
background-color: #ecf2c2
}
table.stb-table.hoverable tbody>tr:nth-child(even):hover>td,table.stb-table.hoverable tbody>tr:nth-child(even):hover>th {
background-color: #ecf2c2
}
table.stb-table.no-alt {
border: 0
}
table.stb-table.no-alt tbody>tr>td {
background-color: #fff;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #e6d1b8
}
table.stb-table.no-alt.hoverable tbody>tr:hover,table.stb-table.no-alt.hoverable tbody>tr:hover>td {
background-color: #ecf2c2
}
table.stb-table tr td:last-child,table.stb-table thead tr th:last-child {
padding-right: 12px
}
@media(max-width: 767px) {
table.stb-table td {
font-size:14px;
word-wrap: break-word
}
table.stb-table th {
font-size: 14px;
padding: 6px!important
}
}
.clickable {
cursor: pointer
}
.table-responsive,.table-responsive-pinned {
border: none;
margin-bottom: 24px
}
.table-responsive table.stb-table,.table-responsive-pinned table.stb-table {
margin-top: 0;
margin-bottom: 0
}
.table-responsive.scrollable {
border-left: 1px dashed #404040;
border-right: 1px dashed #404040
}
.scroll-indicator {
display: none;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px
}
table th {
font-weight: bold
}
table td,table th {
padding: 9px 10px;
text-align: left
}
.table-responsive-pinned.scrollable {
margin-right: -24px;
margin-left: -24px;
border-left: 1px dashed #404040;
border-right: 1px dashed #404040
}
.table-responsive-pinned.scrollable .pinned {
position: absolute;
left: 0;
top: 0;
background: #fff;
width: 35%;
overflow: hidden;
overflow-x: scroll
}
.table-responsive-pinned.scrollable .pinned table {
border-right: none;
border-left: none;
width: 100%
}
.table-responsive-pinned.scrollable .pinned table th,.table-responsive-pinned.scrollable .pinned table td {
white-space: nowrap
}
.table-responsive-pinned.scrollable .pinned td:last-child {
border-bottom: 0
}
.table-responsive-pinned.scrollable div.table-wrapper {
position: relative;
margin-bottom: 20px;
overflow: hidden
}
.table-responsive-pinned.scrollable div.table-wrapper div.scrollable {
margin-left: 35%;
border-left: solid 1px #666
}
.table-responsive-pinned.scrollable div.table-wrapper div.scrollable {
overflow: scroll;
overflow-y: hidden
}
.table-responsive-pinned.scrollable table.responsive td {
position: relative;
white-space: nowrap;
overflow: hidden
}
.table-responsive-pinned.scrollable table.responsive th:first-child,.table-responsive-pinned.scrollable table.responsive td:first-child,.table-responsive-pinned.scrollable table.responsive td:first-child,.table-responsive-pinned.scrollable table.responsive.pinned td {
display: none
}
.stb-box {
padding: 24px 24px 12px 24px;
border: 1px solid transparent
}
.stb-box>.box-header {
font-size: 18px;
line-height: 22px;
margin: 0 6px 6px 0;
color: #282828;
font-family: "SignaWeb-Light",Arial,"Times New Roman",Times,serif
}
.stb-box>.box-header.stbfont {
font-family: "SignaWeb-Book",Arial,"Times New Roman",Times,serif
}
.stb-box>.box-header.dark {
color: #fff
}
.stb-box.row>div,.stb-box .row>div {
margin-bottom: 0
}
.stb-box.row>div.padded-10,.stb-box .row>div.padded-10 {
margin-bottom: 12px
}
.stb-box.first {
background-color: #fff
}
.stb-box.first p {
color: #000
}
.stb-box.first>p {
color: #000
}
.stb-box.second {
background-color: #efe8df
}
.stb-box.second a {
font-weight: strong
}
.stb-box.third {
background-color: #f2f2f2;
border: 1px solid #ccc
}
.stb-box.third p {
color: #000
}
.stb-box.fourth {
background-color: #404040
}
.stb-box.fourth a,.stb-box.fourth p,.stb-box.fourth ul,.stb-box.fourth ol,.stb-box.fourth h1,.stb-box.fourth h2,.stb-box.fourth h3,.stb-box.fourth h4,.stb-box.fourth h5,.stb-box.fourth h6,.stb-box.fourth th,.stb-box.fourth td {
color: #fff
}
.stb-box.fifth {
background-color: #B20000
}
.stb-box.fifth a,.stb-box.fifth p,.stb-box.fifth ul,.stb-box.fifth ol,.stb-box.fifth h1,.stb-box.fifth h2,.stb-box.fifth h3,.stb-box.fifth h4,.stb-box.fifth h5,.stb-box.fifth h6 {
color: #fff
}
.stb-box.sixth {
background-color: #5f6e57
}
.stb-box.sixth a,.stb-box.sixth p,.stb-box.sixth ul,.stb-box.sixth ol,.stb-box.sixth h1,.stb-box.sixth h2,.stb-box.sixth h3,.stb-box.sixth h4,.stb-box.sixth h5,.stb-box.sixth h6 {
color: #fff
}
.stb-box.seventh {
background-color: #ccc
}
.stb-box.seventh p {
color: #000
}
.stb-box.noBorder {
border: none
}
.stb-box.dark {
color: #fff
}
.stb-box.dark h1,.stb-box.dark h2,.stb-box.dark h3,.stb-box.dark h4,.stb-box.dark h5,.stb-box.dark h6,.stb-box.dark p,.stb-box.dark p.header3,.stb-box.dark p.header4,.stb-box.dark p.header5 {
color: #fff
}
.stb-box.border {
border: 1px solid;
border-color: #404040
}
.stb-box.border.red {
border-color: #B20000
}
.stb-box.border.gray {
border-color: #e6e6e6
}
.stb-box.fat {
border: 2px solid
}
.stb-box.dotted {
border: 1px dotted
}
.stb-box.dashed {
border: 1px dashed
}
.stb-box ul.stb,.stb-box ol.stb {
padding-bottom: 0
}
.stb-box.info {
padding: 24px
}
.stb-box.info h4,.stb-box.info .info-header {
margin: 6px 9px 6px 0;
font-size: 16px;
line-height: 22px
}
.stb-box.info span.info-header {
margin: 6px 9px 6px 0;
font-size: 16px;
line-height: 36px;
font-weight: 500;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
@media(max-width: 767px) {
.stb-box.info {
padding:12px
}
}
.stb-box.mini {
background-color: #f2f2f2
}
.stb-box.mini.row {
padding-bottom: 24px
}
@media(max-width: 767px) {
.stb-box.mini {
padding:12px 12px 6px
}
.stb-box.mini.row {
padding-bottom: 12px
}
.stb-box.mini.wide:hover {
padding: 12px
}
}
@media(max-width: 767px) {
.stb-box.mini.narrow .image {
float:left;
margin-right: 20px
}
}
@media(min-width: 768px) {
.stb-box.mini.narrow img {
padding-bottom:20px
}
}
.stb-box.mini .text h2,.stb-box.mini .text h3,.stb-box.mini .text p.header3 {
padding-top: 0;
margin: 0 12px 12px 0
}
.stb-box.mini .text>.box-header {
font-size: 16px;
line-height: 36px;
color: #282828;
font-family: "SignaWeb-Light",Arial,"Times New Roman",Times,serif
}
.stb-box.mini .text>.box-header.stbfont {
font-family: "SignaWeb-Book",Arial,"Times New Roman",Times,serif
}
.stb-box.mini .text>.box-header.dark {
color: #fff
}
.stb-box.mini.narrow {
margin-left: 0;
margin-right: 0
}
.stb-box.mini.wide {
margin-left: 0;
margin-right: 0
}
.stb-box.mini.wide .image {
float: left;
padding-right: 20px;
height: 100%
}
.stb-box.big {
background-color: #f2f2f2;
padding: 24px
}
@media(max-width: 768px) {
.stb-box.big {
padding:12px
}
}
@media(max-width: 768px) {
.stb-box.big:hover {
padding:12px
}
}
.stb-box.big .row h2,.stb-box.big .row h3,.stb-box.big .row p.header3 {
margin: 12px 12px 12px 0
}
.stb-box h3,.stb-box p.header3 {
font-weight: normal;
font-family: "SignaWeb-ExtraLight",Arial,"Times New Roman",Times,serif;
margin: 0 6px 6px 0
}
.stbcolor-secondary .stb-box.third {
background-color: #fff
}
.msgIcon {
padding-top: 24px;
text-align: center
}
.msgText {
padding: 24px
}
@media(max-width: 767px) {
.msgText {
width:100%;
padding: 12px
}
.msgIcon {
width: 100%;
padding: 12px;
text-align: left
}
}
span.notification-header {
display: block;
margin: 0 6px 6px 0;
font-size: 18px;
line-height: 24px;
font-weight: 500;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
.infoIcon {
background: transparent url(https://www.spp.se/Content/theme-spp/images/InfoShoutout.png) left top no-repeat;
width: 48px;
height: 48px
}
@media(max-width: 767px) {
.infoIcon {
margin-left:4px
}
}
@media(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
.infoIcon {
background:transparent url(https://www.spp.se/Content/theme-spp/images/InfoShoutout@2x.png) left top no-repeat;
background-size: 48px
}
}
.chatText {
padding-left: 42px;
margin-top: -20px
}
p+div.iconInfo p:first-child {
margin-top: -12px
}
p+div.iconInfo p {
margin-top: -10px;
margin-left: 42px
}
a+div.iconInfo p:first-child {
margin-top: 0
}
a+div.iconInfo p {
margin-top: -10px;
margin-left: 42px
}
span.box-header {
font-size: 18px;
line-height: 36px;
color: #282828;
font-family: "SignaWeb-Light",Arial,"Times New Roman",Times,serif
}
span.box-header.stbfont {
font-family: "SignaWeb-Book",Arial,"Times New Roman",Times,serif
}
span.box-header.dark {
color: #fff
}
.stb-link-group h3,.stb-link-group p.header3 {
margin: 0 12px 12px 0
}
.banner .stb-box {
padding: 24px 24px 0 24px;
margin-bottom: 0
}
@media(max-width: 991px) and (min-width:768px) {
.banner .stb-btn {
margin-bottom:0
}
}
.important-notice .row>div {
margin-bottom: 24px
}
.important-notice .row>div.padded-10 {
margin-bottom: 12px
}
@media(max-width: 991px) {
.important-notice .row>div {
margin-bottom:0
}
.important-notice .row>div.padded-10 {
margin-bottom: 12px
}
}
.column-element {
margin-bottom: 48px
}
.container {
padding-top: 48px
}
.row>div {
margin-bottom: 48px
}
.row>div.padded-10 {
margin-bottom: 12px
}
.container.article .row>div {
margin-bottom: 24px
}
.container.article .row>div.padded-10 {
margin-bottom: 12px
}
.container.article .row>div.toc-list {
margin-bottom: 48px
}
.banner h2,.banner h1 {
margin: 0 12px 0 0
}
@media(max-width: 1199px) {
.banner p.intro {
margin:0 0 6px
}
}
.banner .row>div {
margin-bottom: 0
}
.banner .row>div.padded-10 {
margin-bottom: 12px
}
@media(max-width: 991px) {
.container {
padding-top:24px
}
.row>div {
margin-bottom: 24px
}
.row>div.padded-10 {
margin-bottom: 12px
}
.banner .row>div {
margin-bottom: 0
}
.banner .row>div.padded-10 {
margin-bottom: 12px
}
}
footer .container {
padding-top: 0
}
footer .row {
padding-bottom: 0
}
.initial-hide {
display: none
}
.nogap {
margin-top: 0;
margin-bottom: 0
}
img.editor-image-right {
float: right!important;
margin-left: 24px
}
img.editor-image-left {
float: left!important;
margin-right: 24px
}
.toc-list ul.items>li {
list-style-type: none
}
.toc-list ul.items>li:not(:first-child) {
margin-top: 10px
}
.border-top-and-bottom {
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #ccc
}
.grayborder.full {
border: solid #ccc 2px
}
.grayborder.side1 {
border-top: solid #ccc 2px
}
.grayborder.side124 {
border-top: solid #ccc 2px;
border-left: solid #ccc 2px;
border-right: solid #ccc 2px
}
.grayborder.side24 {
border-left: solid #ccc 2px;
border-right: solid #ccc 2px
}
.grayborder.side234 {
border-bottom: solid #ccc 2px;
border-left: solid #ccc 2px;
border-right: solid #ccc 2px
}
.grayborder.side3 {
border-bottom: solid #ccc 2px
}
.img-center {
display: block;
margin: 0 auto
}
@media(min-width: 768px) {
.border-right {
border-right:1px solid;
border-color: #ccc
}
}
@media(min-width: 992px) {
.border-right-md {
border-right:1px solid;
border-color: #ccc
}
}
.padded-10 {
margin-top: 12px;
padding-top: 12px;
margin-bottom: 12px;
padding-bottom: 12px
}
@media(min-width: 992px) {
.padded-10-mdlg {
margin-top:12px;
padding-top: 12px;
margin-bottom: 12px;
padding-bottom: 12px
}
}
.top-margin-50 {
margin-top: 48px
}
.top-padding-50 {
padding-top: 48px
}
.top-margin-40 {
margin-top: 36px
}
.top-padding-40 {
padding-top: 36px
}
.top-margin-30 {
margin-top: 30px
}
.top-padding-30 {
padding-top: 30px
}
.top-margin-20 {
margin-top: 24px
}
.top-padding-20 {
padding-top: 24px
}
.top-margin-10 {
margin-top: 12px
}
.top-padding-10 {
padding-top: 12px
}
.top-margin-5 {
margin-top: 6px
}
.top-padding-5 {
padding-top: 6px
}
.bottom-margin-50 {
margin-bottom: 48px
}
.bottom-padding-50 {
padding-bottom: 48px
}
.bottom-margin-40 {
margin-bottom: 36px
}
.bottom-padding-40 {
padding-bottom: 36px
}
.bottom-margin-30 {
margin-bottom: 30px
}
.bottom-padding-30 {
padding-bottom: 30px
}
.bottom-margin-20 {
margin-bottom: 24px
}
.bottom-padding-20 {
padding-bottom: 24px
}
.bottom-margin-10 {
margin-bottom: 12px
}
.bottom-padding-10 {
padding-bottom: 12px
}
.bottom-margin-5 {
margin-bottom: 6px
}
.bottom-padding-5 {
padding-bottom: 6px
}
.right-padding-20 {
padding-right: 20px
}
.right-padding-40 {
padding-right: 40px
}
.right-padding-60 {
padding-right: 60px
}
.left-padding-20 {
padding-left: 20px
}
.left-padding-40 {
padding-left: 40px
}
.left-padding-60 {
padding-left: 60px
}
.top-margin-50-mdlg {
margin-top: 48px
}
.top-padding-50-mdlg {
padding-top: 48px
}
.top-margin-40-mdlg {
margin-top: 36px
}
.top-padding-40-mdlg {
padding-top: 36px
}
.top-margin-30-mdlg {
margin-top: 30px
}
.top-padding-30-mdlg {
padding-top: 30px
}
.top-margin-20-mdlg {
margin-top: 24px
}
.top-padding-20-mdlg {
padding-top: 24px
}
.top-margin-10-mdlg {
margin-top: 12px
}
.top-padding-10-mdlg {
padding-top: 12px
}
.bottom-margin-50-mdlg {
margin-bottom: 48px
}
.bottom-padding-50-mdlg {
padding-bottom: 48px
}
.bottom-margin-40-mdlg {
margin-bottom: 36px
}
.bottom-padding-40-mdlg {
padding-bottom: 36px
}
.bottom-margin-30-mdlg {
margin-bottom: 30px
}
.bottom-padding-30-mdlg {
padding-bottom: 30px
}
.bottom-margin-20-mdlg {
margin-bottom: 24px
}
.bottom-padding-20-mdlg {
padding-bottom: 24px
}
.bottom-margin-10-mdlg {
margin-bottom: 12px
}
.bottom-padding-10-mdlg {
padding-bottom: 12px
}
@media(max-width: 992px) {
.top-margin-50-mdlg {
margin-top:0
}
.top-padding-50-mdlg {
padding-top: 0
}
.top-margin-40-mdlg {
margin-top: 0
}
.top-padding-40-mdlg {
padding-top: 0
}
.top-margin-30-mdlg {
margin-top: 0
}
.top-padding-30-mdlg {
padding-top: 0
}
.top-margin-20-mdlg {
margin-top: 0
}
.top-padding-20-mdlg {
padding-top: 0
}
.top-margin-10-mdlg {
margin-top: 0
}
.top-padding-10-mdlg {
padding-top: 0
}
.bottom-margin-50-mdlg {
margin-bottom: 0
}
.bottom-padding-50-mdlg {
padding-bottom: 0
}
.bottom-margin-40-mdlg {
margin-bottom: 0
}
.bottom-padding-40-mdlg {
padding-bottom: 0
}
.bottom-margin-30-mdlg {
margin-bottom: 0
}
.bottom-padding-30-mdlg {
padding-bottom: 0
}
.bottom-margin-20-mdlg {
margin-bottom: 0
}
.bottom-padding-20-mdlg {
padding-bottom: 0
}
.bottom-margin-10-mdlg {
margin-bottom: 0
}
.bottom-padding-10-mdlg {
padding-bottom: 0
}
}
.width-75 {
width: 75%
}
.width-60 {
width: 60%
}
.width-50 {
width: 50%
}
.width-40 {
width: 40%
}
.width-30 {
width: 30%
}
.width-20 {
width: 20%
}
.width-10 {
width: 10%
}
.width-5 {
width: 5%
}
.left-margin-5 {
margin-left: 6px
}
.left-margin-10 {
margin-left: 12px
}
.left-margin-20 {
margin-left: 24px
}
.right-margin-5 {
margin-right: 6px
}
.right-margin-10 {
margin-right: 12px
}
.right-margin-20 {
margin-right: 24px
}
.left-padding-5 {
padding-left: 6px
}
.left-padding-10 {
padding-left: 12px
}
.left-padding-20 {
padding-left: 24px
}
.right-padding-5 {
padding-right: 6px
}
.right-padding-10 {
padding-right: 12px
}
.right-padding-20 {
padding-right: 24px
}
@media(max-width: 992px) {
.left-padding-5-mdlg {
padding-left:0
}
.left-padding-10-mdlg {
padding-left: 0
}
.left-padding-20-mdlg {
padding-left: 0
}
.right-padding-5-mdlg {
padding-right: 0
}
.right-padding-10-mdlg {
padding-right: 0
}
.right-padding-20-mdlg {
padding-right: 0
}
}
.width-75-mdlg {
width: 75%
}
.width-60-mdlg {
width: 60%
}
.width-50-mdlg {
width: 50%
}
.width-40-mdlg {
width: 40%
}
.width-30-mdlg {
width: 30%
}
.width-20-mdlg {
width: 20%
}
.width-10-mdlg {
width: 10%
}
.width-5-mdlg {
width: 5%
}
@media(max-width: 992px) {
.width-75-mdlg {
width:100%
}
.width-60-mdlg {
width: 100%
}
.width-50-mdlg {
width: 100%
}
.width-40-mdlg {
width: 100%
}
.width-30-mdlg {
width: 100%
}
.width-20-mdlg {
width: 100%
}
.width-10-mdlg {
width: 100%
}
.width-5-mdlg {
width: 100%
}
}
.shadow-overlay {
display: none;
background-color: #000;
position: absolute;
top: 100px;
left: 0;
z-index: 1000;
opacity: .5
}
@media(max-width: 991px) {
.shadow-overlay {
display:none!important
}
}
form .stb-form-group {
margin-bottom: 15px;
vertical-align: middle;
margin-bottom: 0
}
form .stb-form-group.dateContainer {
width: 250px
}
form .stb-form-group .input-group.datePicker {
height: 48px
}
form .stb-form-group .input-group.datePicker .input-group-addon {
border-radius: 0
}
form .stb-form-group .input-group {
width: 230px
}
form .stb-form-group .input-group input.form-control {
width: 230px
}
form .stb-form-group input {
display: block;
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;
width: 20px;
border-radius: 0;
height: 20px;
font-size: 16px;
margin: 0 16px 0 0;
}
form .stb-form-group input: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 .stb-form-group input::-moz-placeholder {
color: #999;
opacity: 1
}
form .stb-form-group input:-ms-input-placeholder {
color: #999
}
form .stb-form-group input::-webkit-input-placeholder {
color: #999
}
form .stb-form-group input::-ms-expand {
border: 0;
background-color: transparent
}
form .stb-form-group input[disabled],form .stb-form-group input[readonly],fieldset[disabled] form .stb-form-group input {
background-color: #eee;
opacity: 1
}
form .stb-form-group input[disabled],fieldset[disabled] form .stb-form-group input {
cursor: not-allowed
}
textareaform .stb-form-group input {
height: auto
}
form .stb-form-group input:hover {
color: #404040;
border-color: #404040
}
form .stb-form-group input:hover[disabled] {
border-color: #ccc
}
form .stb-form-group input:focus,form .stb-form-group input.has-submit:focus {
border-color: #66afe9
}
@media(max-width: 768px) {
form .stb-form-group input {
font-size:14px
}
}
form .stb-form-group>input.input-success {
border: 1px solid #819f2b
}
form .stb-form-group>input.input-fail {
background-color: #fff0f0
}
form .stb-form-group textarea {
margin-bottom: 24px
}
form .stb-form-group button.is-submit {
height: 48px;
float: left;
margin-left: 6px
}
@media(max-width: 480px) {
form .stb-form-group button.is-submit {
margin-left:0
}
}
form .stb-form-group>.error-message {
margin-bottom: 6px;
font-weight: 500
}
form .stb-form-group>.error-message span.warning {
margin-bottom: -3px
}
form .stb-form-group.with-submit i.form-control-feedback {
right: -30px
}
form .stb-form-group.with-unit i.form-control-feedback {
right: -30px
}
form .stb-form-group>label {
margin-bottom: 6px;
display: block;
font-family: "open sans bold";
font-size: 16px
}
@media(max-width: 768px) {
form .stb-form-group>label {
font-size:14px
}
}
form .stb-form-group.valid input {
background-color: #ecf2c2;
border-color: #a8c432;
color: #000
}
form .stb-form-group.has-success input {
border: 1px solid #819f2b
}
form .stb-form-group.has-error input {
background-color: #fff0f0;
border: 1px solid #bb1b18
}
form .stb-form-group select {
margin-bottom: 24px
}
form .stb-form-group select.form-control {
height: 48px;
font-size: 16px
}
@media(max-width: 768px) {
form .stb-form-group select.form-control {
font-size:14px
}
}
form input:disabled {
background-color: #e6e6e6;
color: #ccc
}
form button:disabled {
background-color: #e6e6e6!important;
color: #000;
cursor: not-allowed
}
form .stb-input-group-addon {
display: table-cell;
width: 1%;
white-space: nowrap;
vertical-align: middle;
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;
border: none;
background: none;
font-size: 18px
}
form .stb-input-group-addon:not(:first-child):not(:last-child) {
border-radius: 0
}
form .stb-input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px
}
form .stb-input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px
}
form .stb-input-group-addon input[type="radio"],form .stb-input-group-addon input[type="checkbox"] {
margin-top: 0
}
form label.with-help span {
margin-left: 12px;
margin-bottom: -6px;
cursor: pointer
}
@media(min-width: 768px) {
form.stb-form-inline .form-group {
display:inline-block;
margin-bottom: 0;
vertical-align: middle
}
form.stb-form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
form.stb-form-inline .form-control-static {
display: inline-block
}
form.stb-form-inline .input-group {
display: inline-table;
vertical-align: middle
}
form.stb-form-inline .input-group .input-group-addon,form.stb-form-inline .input-group .input-group-btn,form.stb-form-inline .input-group .form-control {
width: auto
}
form.stb-form-inline .input-group>.form-control {
width: 100%
}
form.stb-form-inline .control-label {
margin-bottom: 0;
vertical-align: middle
}
form.stb-form-inline .radio,form.stb-form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
form.stb-form-inline .radio label,form.stb-form-inline .checkbox label {
padding-left: 0
}
form.stb-form-inline .radio input[type="radio"],form.stb-form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0
}
form.stb-form-inline .has-feedback .form-control-feedback {
top: 0
}
}
form.stb-form-inline .stb-form-group {
display: flex;
position: relative;
align-items: center;
margin-bottom: 15px;
}
form.stb-form-inline .stb-form-group input {
float: left
}
form.stb-form-inline label {
margin-bottom: 0;
font-family: arial;
font-weight: normal;
white-space: pre-wrap;
}
@media(max-width: 768px) {
form.stb-form-inline label {
font-size:14px
}
}
form.stb-form button:disabled {
background-color: #ccc!important;
color: #000;
cursor: not-allowed
}
form.stb-form label {
margin-bottom: 6px;
display: block;
font-family: "open sans bold";
font-size: 16px
}
@media(max-width: 768px) {
form.stb-form label {
font-size:14px
}
}
form .attachmentUpload {
display: none
}
.radiobuttons,.checkboxes {
font-size: 16px;
line-height: 24px;
color: #404040;
margin: 0 0 10px
}
@media(max-width: 768px) {
.radiobuttons,.checkboxes {
font-size:14px
}
}
.radiobuttons input+label,.checkboxes input+label {
font-family: "Open Sans",Arial,ArialMT,sans-serif
}
input[type=radio].stb-radio {
position: absolute;
opacity: 0;
left: -10000px
}
input[type=radio].stb-radio:focus+label {
box-shadow: 0 0 10px #66afe9
}
input[type=radio].stb-radio+label {
display: inline-block;
margin: -1px;
padding: 8px 20px 8px 6px;
border: solid 1px #ccc;
font-weight: normal
}
input[type=radio].stb-radio+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -160px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=radio].stb-radio:checked+label {
background-color: #404040;
color: #fff
}
input[type=radio].stb-radio:checked+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -200px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=radio].stb-radio:disabled-checked+label {
background-color: #e6e6e6;
color: #a6a6a6
}
input[type=radio].stb-radio:disabled-checked+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -240px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=radio].stb-radio:disabled+label {
background-color: #e6e6e6;
color: #a6a6a6
}
input[type=radio].stb-radio:disabled+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -280px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=radio].stb-radio+i+label {
display: inline-block;
margin: -2px;
padding: 8px 20px 8px 28px;
border: solid 1px #ccc
}
input[type=radio].stb-radio+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat #fff;
background-position: -1px -160px;
font-size: 16px
}
input[type=radio].stb-radio:checked+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat #fff;
background-position: -1px -200px;
font-size: 16px
}
input[type=radio].stb-radio:disabled-checked+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat #e6e6e6;
background-position: -1px -240px;
font-size: 16px
}
input[type=radio].stb-radio:disabled+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat #e6e6e6;
background-position: -1px -280px;
font-size: 16px
}
@media(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
input[type=radio].stb-radio+label span {
background:url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -155px;
background-size: 40px
}
input[type=radio].stb-radio:checked+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -195px;
background-size: 40px
}
input[type=radio].stb-radio:disabled-checked+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -235px;
background-size: 40px
}
input[type=radio].stb-radio:disabled+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -275px;
background-size: 40px
}
input[type=radio].stb-radio+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -155px;
background-size: 40px
}
input[type=radio].stb-radio:checked+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -195px;
background-size: 40px
}
input[type=radio].stb-radio:disabled-checked+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-size: 40px;
background-position: -1px -235px
}
input[type=radio].stb-radio:disabled+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-size: 40px;
background-position: -1px -275px
}
}
input[type=checkbox].stb-checkbox {
position: absolute;
opacity: 0;
left: -10000px
}
input[type=checkbox].stb-checkbox:focus+label {
box-shadow: 0 0 10px #66afe9
}
input[type=checkbox].stb-checkbox+label {
display: inline-block;
margin: -2px;
padding: 8px 20px 8px 6px;
border: solid 1px #ccc;
font-weight: normal
}
input[type=checkbox].stb-checkbox+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px 0;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=checkbox].stb-checkbox:checked+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -40px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=checkbox].stb-checkbox:disabled-checked+label {
background-color: #e6e6e6;
color: #a6a6a6
}
input[type=checkbox].stb-checkbox:disabled-checked+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -80px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=checkbox].stb-checkbox:disabled+label {
background-color: #e6e6e6;
color: #a6a6a6
}
input[type=checkbox].stb-checkbox:disabled+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -120px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=checkbox].stb-checkbox+i+label {
display: inline-block;
margin: -2px;
padding: 8px 20px 8px 28px;
border: solid 1px #ccc;
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat #fff;
background-position: -1px 0
}
input[type=checkbox].stb-checkbox+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px 0;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=checkbox].stb-checkbox:checked+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -40px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=checkbox].stb-checkbox:disabled-checked+i+label {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat #e6e6e6;
background-position: -1px 0;
color: #a6a6a6
}
input[type=checkbox].stb-checkbox:disabled-checked+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -80px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=checkbox].stb-checkbox:disabled+i+label {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat #e6e6e6;
background-position: -1px 0;
color: #a6a6a6
}
input[type=checkbox].stb-checkbox:disabled+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -120px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
@media(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio: 2/1),(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
input[type=checkbox].stb-checkbox+label span {
background:url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px 5px;
background-size: 40px
}
input[type=checkbox].stb-checkbox:checked+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -35px;
background-size: 40px
}
input[type=checkbox].stb-checkbox:disabled-checked+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -75px;
background-size: 40px
}
input[type=checkbox].stb-checkbox:disabled+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -115px;
background-size: 40px
}
input[type=checkbox].stb-checkbox+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px 5px;
background-size: 40px
}
input[type=checkbox].stb-checkbox:checked+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat transparent;
background-position: -1px -35px;
background-size: 40px
}
input[type=checkbox].stb-checkbox:disabled-checked+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat #e6e6e6;
background-position: -1px -75px;
background-size: 40px
}
input[type=checkbox].stb-checkbox:disabled+i+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites-2x.png) no-repeat #e6e6e6;
background-position: -1px -115px;
background-size: 40px
}
}
form .has-feedback i.form-control-feedback,.stb-form-inline .has-feedback i.form-control-feedback,.stb-form .has-feedback i.form-control-feedback {
top: 8px!important
}
form .has-feedback .radiobuttons+i.form-control-feedback,.stb-form-inline .has-feedback .radiobuttons+i.form-control-feedback,.stb-form .has-feedback .radiobuttons+i.form-control-feedback {
top: 4px!important;
right: -30px
}
form .has-feedback .checkboxes+i.form-control-feedback,.stb-form-inline .has-feedback .checkboxes+i.form-control-feedback,.stb-form .has-feedback .checkboxes+i.form-control-feedback {
top: 4px!important;
right: -30px
}
form .has-feedback .selectContainer i.form-control-feedback,.stb-form-inline .has-feedback .selectContainer i.form-control-feedback,.stb-form .has-feedback .selectContainer i.form-control-feedback {
top: 4px!important;
right: -30px
}
form .dateContainer .form-control-feedback,.stb-form-inline .dateContainer .form-control-feedback,.stb-form .dateContainer .form-control-feedback {
right: -50px
}
form .panel-default,.stb-form-inline .panel-default,.stb-form .panel-default {
border-color: #fff;
border-bottom-color: #ddd
}
form .panel-default>.panel-heading,.stb-form-inline .panel-default>.panel-heading,.stb-form .panel-default>.panel-heading {
background-color: #fff
}
form h4.panel-title,.stb-form-inline h4.panel-title,.stb-form h4.panel-title {
color: #000;
font-size: 24px
}
form h4.panel-title a,.stb-form-inline h4.panel-title a,.stb-form h4.panel-title a {
border-bottom: none
}
form h4.panel-title a:visited,.stb-form-inline h4.panel-title a:visited,.stb-form h4.panel-title a:visited {
color: #000
}
form h4.panel-title a:hover,.stb-form-inline h4.panel-title a:hover,.stb-form h4.panel-title a:hover {
color: #B20000
}
form .help-block,.stb-form-inline .help-block,.stb-form .help-block {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
font-size: 16px;
color: #B20000!important
}
form .help-block .stb-color-sprite-small.warning,.stb-form-inline .help-block .stb-color-sprite-small.warning,.stb-form .help-block .stb-color-sprite-small.warning {
margin-bottom: -1px
}
form .row.info-message-wrapper,.stb-form-inline .row.info-message-wrapper,.stb-form .row.info-message-wrapper {
padding-bottom: 0
}
form .row.info-message-wrapper>div,.stb-form-inline .row.info-message-wrapper>div,.stb-form .row.info-message-wrapper>div {
margin-bottom: 0
}
form .row.info-message-wrapper>div.padded-10,.stb-form-inline .row.info-message-wrapper>div.padded-10,.stb-form .row.info-message-wrapper>div.padded-10 {
margin-bottom: 12px
}
form .row.info-message-wrapper .info-message,.stb-form-inline .row.info-message-wrapper .info-message,.stb-form .row.info-message-wrapper .info-message {
margin-bottom: 0
}
form .row.info-message-wrapper .info-message .msgText,.stb-form-inline .row.info-message-wrapper .info-message .msgText,.stb-form .row.info-message-wrapper .info-message .msgText {
width: 100%;
border-left: 1px solid #000;
padding: 0 0 0 24px;
margin-bottom: 12px;
display: block
}
form .row.info-message-wrapper .info-message .msgText p,.stb-form-inline .row.info-message-wrapper .info-message .msgText p,.stb-form .row.info-message-wrapper .info-message .msgText p {
margin: 0
}
form .row.info-message-wrapper .info-message .msgText button.close,.stb-form-inline .row.info-message-wrapper .info-message .msgText button.close,.stb-form .row.info-message-wrapper .info-message .msgText button.close {
float: none;
opacity: .8;
filter: alpha(opacity=80);
margin-top: 24px;
font-size: 18px;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
form .row.info-message-wrapper .info-message .msgText button.close:focus,.stb-form-inline .row.info-message-wrapper .info-message .msgText button.close:focus,.stb-form .row.info-message-wrapper .info-message .msgText button.close:focus,form .row.info-message-wrapper .info-message .msgText button.close:hover,.stb-form-inline .row.info-message-wrapper .info-message .msgText button.close:hover,.stb-form .row.info-message-wrapper .info-message .msgText button.close:hover {
opacity: .5;
filter: alpha(opacity=50)
}
form .row.info-message-wrapper .info-message .msgText button.close .close-text,.stb-form-inline .row.info-message-wrapper .info-message .msgText button.close .close-text,.stb-form .row.info-message-wrapper .info-message .msgText button.close .close-text {
display: inline-block;
margin-left: 0;
margin-bottom: 5px
}
form .row.info-message-wrapper .info-message .msgText button.close .remove,.stb-form-inline .row.info-message-wrapper .info-message .msgText button.close .remove,.stb-form .row.info-message-wrapper .info-message .msgText button.close .remove {
margin-left: 5px;
margin-bottom: -5px
}
form.login h3 {
margin: 12px 12px 12px 0
}
form.login .stb-form-group.with-submit {
width: inherit
}
form.login .stb-form-group.with-submit input {
width: 166px
}
form.login .stb-form-group.with-submit i.form-control-feedback {
right: -30px
}
form.login .stb-form-group {
width: 200px
}
form.login .stb-form-group input {
width: 200px
}
::-moz-placeholder {
color: #000!important;
opacity: 1
}
:-ms-input-placeholder {
color: #000!important
}
::-webkit-input-placeholder {
color: #000!important
}
.stb-progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
background-color: #e6e6e6;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.35);
box-shadow: inset 0 0 4px rgba(0,0,0,.35)
}
.stb-progress.gray .stb-progress-bar {
background-color: #ccc;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.35);
box-shadow: inset 0 0 4px rgba(0,0,0,.35)
}
.stb-progress .stb-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;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.55);
box-shadow: inset 0 0 4px rgba(0,0,0,.55);
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
background-color: #819f2b
}
.progressBar-circle {
margin: 0 5%
}
.progressBar-circle div.stripes {
border-bottom: gray;
border-style: dotted;
border-top: none;
border-left: none;
border-right: none;
border-width: 2px;
margin-top: 12px;
position: absolute;
width: inherit;
z-index: -1
}
.progressBar-circle .circle-12 p.step {
font-size: 16px;
font-family: "Open Sans Bold";
margin: 0 0 0 0
}
.progressBar-circle ol.progtrckr {
margin: 0;
padding: 0;
list-style-type: none
}
.progressBar-circle ol.progtrckr li {
display: inline-block;
text-align: center
}
.progressBar-circle ol.progtrckr li:first-child {
margin-left: -80px
}
.progressBar-circle ol.progtrckr li:last-child {
margin-right: -80px
}
.progressBar-circle div.steplabel {
margin-left: 12px;
margin-right: 12px
}
.progressBar-circle div.circle {
margin-left: 80px;
margin-right: 80px
}
.progressBar-circle h4,.progressBar-circle span.stepDescription {
margin: 0;
line-height: 16px
}
.progressBar-circle li.prog-todo div.steplabel a {
padding-top: 10px;
cursor: default;
text-decoration: none!important;
border-bottom: none
}
.progressBar-circle li.prog-todo div.steplabel h4,.progressBar-circle li.prog-todo div.steplabel span.stepDescription {
display: none
}
.progressBar-circle li.prog-todo div.circle {
background-color: #fff;
border: 1px solid #404040
}
.progressBar-circle li.prog-done div.steplabel a {
color: #000!important;
padding-top: 10px
}
.progressBar-circle li.prog-done div.steplabel h4,.progressBar-circle li.prog-done div.steplabel span.stepDescription {
display: none
}
.progressBar-circle li.prog-done div.circle {
background-color: #fff;
color: #000;
cursor: pointer;
border: 1px solid #404040
}
.progressBar-circle li.prog-clickable div.steplabel a {
color: #000!important;
padding-top: 10px;
cursor: pointer;
border-bottom: 1px solid #404040;
padding-bottom: 1px
}
.progressBar-circle li.prog-clickable div.steplabel h4,.progressBar-circle li.prog-clickable div.steplabel span.stepDescription {
display: none
}
.progressBar-circle li.prog-clickable div.circle {
cursor: pointer
}
.progressBar-circle li.prog-active div.steplabel a {
display: none
}
.progressBar-circle li.prog-active div.steplabel h4,.progressBar-circle li.prog-active div.steplabel span.stepDescription {
color: #000!important;
display: block
}
.progressBar-circle li.prog-active p.step {
color: #fff!important
}
.progressBar-circle li.prog-active div.circle {
background-color: #404040!important;
cursor: default;
border: none
}
.panel.panel-default span.step {
padding-right: 10px
}
.panel.panel-default.completed span.step {
color: #819f2b
}
@media(max-width: 991px) {
body {
padding-top:48px
}
}
#top-menu-nav .navbar .container,#top-menu-nav .container .navbar-header,#top-menu-nav .container .navbar-collapse,#top-menu-nav .container .navbar-nav {
padding: 0
}
#top-menu-nav .row {
background: #fff
}
#top-menu-nav .row>div {
margin-bottom: 0
}
#top-menu-nav .row>div.padded-10 {
margin-bottom: 12px
}
#top-menu-nav h4 {
margin: 6px 9px 6px 0
}
#top-menu-nav .navbar.navbar-default {
background: #FFF;
padding: 0;
height: 80px;
border: 0;
margin-bottom: 0
}
#top-menu-nav .navbar.navbar-default .navbar-nav>.open>a,#top-menu-nav .navbar.navbar-default .navbar-nav>.open>a:hover,#top-menu-nav .navbar.navbar-default .navbar-nav>.open>a:focus,#top-menu-nav .navbar.navbar-default .navbar-nav>li>a:focus,#top-menu-nav .navbar.navbar-default .navbar-nav>li>a:active {
background: none;
color: #fff
}
#top-menu-nav .navbar.navbar-default .navbar-header {
background-color: #fff;
height: 100%
}
#top-menu-nav .navbar.navbar-default .navbar-header .logo {
margin-top: 20px;
padding-left: 6px
}
#top-menu-nav .navbar.navbar-default.desktop>div>div.navbar-header>a {
border-bottom: none
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav {
background-color: #bb1b18
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav>li.group:hover {
background-color: #a61916
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav>li.group.current>a {
background: #B20000
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav>li.group.current>a>span {
margin-bottom: -6px
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav>li.group.login>a>span {
margin-bottom: -6px
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav>li.group.open>a {
background-color: #a61916
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav>li.group>a {
background: #bb1b18
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav>li.group>a:focus {
background-color: #a61916
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav>li.group>a:hover {
background-color: #a61916
}
#top-menu-nav .navbar.navbar-default.desktop .rightColor {
padding-right: 0;
padding-left: 0;
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 80px;
background-color: #bb1b18;
z-index: -10
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav.nav li.open {
background-color: #B20000
}
#top-menu-nav .navbar.navbar-default .nav>li {
list-style: none;
background-color: #bb1b18;
height: 80px;
padding: 0;
width: 25%
}
#top-menu-nav .navbar.navbar-default .nav>li>a {
color: #fff;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 48px;
font-weight: bold;
display: inline-block;
text-decoration: none;
text-align: center;
width: 100%;
height: 100%
}
#top-menu-nav .navbar.navbar-default .nav>li.search {
padding-top: 20px;
padding: 20px 20px 0 20px;
text-align: right;
float: right
}
#top-menu-nav .navbar.navbar-default .nav>li.search input {
outline: none;
width: 100%;
background-color: #B20000;
padding: 5px 15px;
border: 0;
height: 40px
}
#top-menu-nav .navbar.navbar-default .nav>li.search .search-icon {
position: absolute;
top: 25%;
right: 0;
height: 40px;
width: 100%;
max-width: 40px;
padding-left: 12px;
cursor: pointer;
border: 0;
background-color: #B20000
}
#top-menu-nav .navbar.navbar-default .nav>li.search .search-icon .search {
display: block;
position: absolute;
top: 25%
}
#top-menu-nav .navbar.navbar-default .nav>li.search form label {
width: 95%
}
#top-menu-nav .navbar.navbar-default .nav>li.search .remove {
display: none;
margin-top: 12px;
cursor: pointer
}
#top-menu-nav .navbar.navbar-default .dropdown-menu {
margin: 0;
background-color: #fff;
box-shadow: 0 14px 12px rgba(0,0,0,.176);
border: none;
padding: 0
}
#top-menu-nav .navbar.navbar-default .dropdown-menu>li a {
padding: 0;
color: #404040;
line-height: 18px
}
#top-menu-nav .navbar.navbar-default .dropdown-menu>li ul {
list-style-type: none;
padding: 0
}
#top-menu-nav .navbar.navbar-default .dropdown-menu>li ul li {
padding-bottom: 12px;
margin: 0
}
#top-menu-nav .navbar.navbar-default .dropdown-menu>li ul li h4 a {
border-bottom: 1px solid
}
@media(min-width: 992px) {
#top-menu-nav .navbar.navbar-default .verktoy {
padding:10px 0 10px 10%
}
}
@media screen and (min-width: 1200px) {
#top-menu-nav .navbar.navbar-default .verktoy {
padding:10px 0 10px 15%
}
}
#top-menu-nav .navbar.navbar-default .dropdown-menu li:first-child a.closeLink {
border-bottom: none;
margin-right: 24px;
margin-top: 9px
}
#top-menu-nav .navbar.navbar-default .dropdown-menu li:first-child a.closeLink:hover span.stb-sprite-medium.remove,#top-menu-nav .navbar.navbar-default .dropdown-menu li:first-child a.closeLink:active span.stb-sprite-medium.remove,#top-menu-nav .navbar.navbar-default .dropdown-menu li:first-child a.closeLink:focus span.stb-sprite-medium.remove {
background-position: -500px -800px
}
#top-menu-nav .navbar.navbar-default .dropdown-menu a {
color: #404040;
border-bottom: none
}
#top-menu-nav .navbar.navbar-default .dropdown-menu a.loginlink {
border-bottom: 1px solid #404040
}
#top-menu-nav .navbar.navbar-default .dropdown-menu a>span.stb-sprite-medium {
margin-right: 0;
width: 32px;
height: 32px;
margin-bottom: -14px!important
}
#top-menu-nav .navbar.navbar-default .dropdown-menu a:hover,#top-menu-nav .navbar.navbar-default .dropdown-menu a:focus,#top-menu-nav .navbar.navbar-default .dropdown-menu a:active {
color: #B20000;
background-color: transparent;
border-bottom: 1px solid #B20000
}
#top-menu-nav .navbar.navbar-default .dropdown-menu ul {
list-style-type: none;
padding: 0
}
#top-menu-nav .navbar.navbar-default .dropdown-menu li {
padding-bottom: 12px
}
#top-menu-nav .navbar.navbar-default .dropdown-menu li.menulinks {
margin: 24px 0 0 15%
}
#top-menu-nav .navbar.navbar-default .dropdown-menu li.verktoy {
padding-left: 0;
margin: 0;
clear: both;
padding-top: 15px
}
#top-menu-nav .navbar.navbar-default .dropdown-menu li.verktoy button {
width: 190px
}
#top-menu-nav .navbar.navbar-default .dropdown-menu li h4 {
height: 35px;
padding: 0
}
#top-menu-nav .navbar.navbar-default .dropdown-menu li h4 a {
border-bottom: 1px solid #404040
}
#top-menu-nav .navbar.navbar-default .dropdown-menu .sidelinks li {
margin-bottom: 6px
}
#top-menu-nav .navbar.navbar-default .dropdown-menu .sidelinks a {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
text-decoration: none
}
#top-menu-nav .navbar.navbar-default .dropdown-menu .sidelinks a span:first-child {
margin-bottom: -10px;
margin-right: 10px
}
#top-menu-nav .navbar.navbar-default .dropdown-menu .sidelinks a:hover,#top-menu-nav .navbar.navbar-default .dropdown-menu .sidelinks a:active,#top-menu-nav .navbar.navbar-default .dropdown-menu .sidelinks a:focus {
border-bottom: none
}
#top-menu-nav .navbar.navbar-default .dropdown-menu .sidelinks a:hover span:last-child,#top-menu-nav .navbar.navbar-default .dropdown-menu .sidelinks a:active span:last-child,#top-menu-nav .navbar.navbar-default .dropdown-menu .sidelinks a:focus span:last-child {
border-bottom: 1px solid #B20000
}
#top-menu-nav .navbar.navbar-default .dropdown-menu div.row {
margin: 0
}
@media(max-width: 991px) {
#top-menu-nav .navbar.mobile {
border:none;
border-radius: 0;
min-height: 48px;
height: 48px;
margin-bottom: 0
}
#top-menu-nav .navbar.mobile .rightColor {
padding-right: 0;
padding-left: 0;
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 48px;
background-color: #bb1b18;
z-index: -10
}
#top-menu-nav .navbar.mobile .leftColor {
padding-right: 0;
padding-left: 0;
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 48px;
background-color: #fff;
z-index: -10
}
#top-menu-nav .navbar.mobile>div>div>a {
border-bottom: none
}
#top-menu-nav .navbar.mobile .nav>li {
height: 48px;
width: 100%;
text-align: center
}
#top-menu-nav .navbar.mobile .nav>li a:hover,#top-menu-nav .navbar.mobile .nav>li a:active {
background: none
}
#top-menu-nav .navbar.mobile .nav>li>a {
position: relative;
border-radius: 0;
display: block;
padding-left: 0;
padding-right: 72px;
padding-top: 22px;
border: none
}
#top-menu-nav .navbar.mobile .nav>li>a:focus {
background-color: #bb1b18
}
#top-menu-nav .navbar.mobile .nav>li>a p {
font-size: 16px;
color: #fff;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
display: inline-block;
position: absolute;
margin-top: -10px;
margin-left: 30px
}
#top-menu-nav .navbar.mobile .nav>li a:hover,#top-menu-nav .navbar.mobile .nav>li a:active {
background: none
}
#top-menu-nav .navbar.mobile>.row div:last-child {
padding-left: 0
}
#top-menu-nav .navbar {
border: none;
margin-bottom: 0;
border-radius: 0;
padding-left: 0
}
}
@media(max-width: 768px) {
#top-menu-nav .navbar {
margin-bottom:0;
border-radius: 0
}
#top-menu-nav .navbar.mobile .nav>li>a p {
margin-top: -9px
}
}
#top-menu-nav .stb-logo-mobile {
padding-top: 5px
}
@media(max-width: 400px) {
#top-menu-nav .stb-logo-mobile {
width:120px;
padding-top: 12px;
padding-left: 0
}
}
#mobilemenu {
background-color: #fff;
z-index: 2;
position: relative;
top: 0;
left: 0;
display: none;
border-bottom: solid 2px #e6e6e6
}
#mobilemenu .row>div {
margin-bottom: 0
}
#mobilemenu .row>div.padded-10 {
margin-bottom: 12px
}
#mobilemenu .panel-default>.panel-heading a {
color: #B20000
}
#mobilemenu .stb-accordion .panel.active,#mobilemenu .stb-accordion .panel.active .panel-heading,#mobilemenu .stb-accordion .panel.active .panel-body,#mobilemenu .stb-accordion .panel.active .menu-item {
background: #fff
}
#mobilemenu .stb-accordion .panel:first-child {
border-top: none;
margin-top: 0
}
#mobilemenu .stb-accordion .panel {
border-bottom: 2px solid #e6e6e6
}
#mobilemenu .stb-accordion.panel-group {
margin-top: 0
}
#mobilemenu .stb-accordion .panel-heading {
border-bottom: none
}
#mobilemenu .stb-accordion .panel.active .panel-body {
border: none;
border-bottom: none
}
#mobilemenu .panel-group {
margin-bottom: 0
}
#mobilemenu>div.row {
margin-right: 0;
margin-left: 0
}
#mobilemenu>div.row:first-child {
padding-bottom: 0
}
#mobilemenu>div.row>div.col-xs-12 {
padding-left: 0;
padding-right: 0
}
#mobilemenu .stb-list-group a.menu-item {
font-family: 'SignaWeb-Light'
}
#mobilemenu .nav a:hover {
background-color: transparent;
border-radius: 0
}
#mobilemenu ul.nav-tabs {
background: #e6e6e6;
height: 60px
}
#mobilemenu ul.nav-tabs li a {
color: #404040;
border: none;
padding-top: 18px;
padding-bottom: 16px;
padding-left: 0;
padding-right: 0
}
#mobilemenu ul.nav-tabs li.tab-box {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
font-size: 16px;
text-align: center;
padding-top: 6px;
width: 27%
}
#mobilemenu ul.nav-tabs li.tab-box:first-child {
padding-left: 9px
}
#mobilemenu ul.nav-tabs li.tab-box:last-child {
padding-right: 9px;
width: 19%
}
#mobilemenu ul.nav-tabs li.tab-box:last-child a {
padding-top: 14px;
padding-bottom: 11px;
padding-left: 4px
}
@media(max-width: 767px) {
#mobilemenu ul.nav-tabs li.tab-box {
font-size:14px
}
}
#mobilemenu ul.nav-tabs li.tab-box:first-child {
border-left: none
}
#mobilemenu ul.nav-tabs li.active a {
background: #fff;
border-radius: 0
}
#mobilemenu ul.nav-tabs li.active a:hover {
background: #fff
}
#mobilemenu a {
border: none
}
#mobilemenu a.menu-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
border-left: none;
border-right: none;
border-radius: 0;
font-size: 16px;
font-family: 'SignaWeb-Light';
color: #404040
}
#mobilemenu a.menu-item:hover,#mobilemenu a.menu-item:focus,#mobilemenu a.menu-item:active {
text-decoration: none;
color: #B20000
}
#mobilemenu a.loginlink {
border-bottom: 1px solid #404040
}
#mobilemenu #searchMobile>div.row {
margin-right: 0;
margin-left: 0;
padding-bottom: 0;
width: 80%;
display: inline-block;
margin-bottom: 5px;
font-weight: bold
}
#mobilemenu #searchMobile>div.row .col-xs-11,#mobilemenu #searchMobile>div.row .col-xs-1 {
padding-left: 0;
padding-right: 0
}
#mobilemenu #searchMobile .stb-btn {
display: block;
position: relative;
padding-left: 6px;
min-width: 80px
}
#mobilemenu div.row.searchcontainer {
padding-bottom: 24px
}
#mobilemenu .sidelinks.row {
margin-left: 0;
margin-right: 0
}
#mobilemenu .sidelinks ul {
list-style-type: none
}
#mobilemenu .sidelinks ul a {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
#mobilemenu .sidelinks ul a span:first-child {
margin-bottom: -10px;
margin-right: 10px
}
#mobilemenu .sidelinks>div {
margin-bottom: 24px
}
#mobilemenu .sidelinks span.stb-sprite-medium {
margin-right: 0;
width: 32px;
height: 32px;
margin-bottom: -14px!important
}
@media screen and (max-width: 768px) {
#mobilemenu .verktoymobile div {
margin-bottom:10px
}
#mobilemenu .verktoymobile button {
width: 150px
}
}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 3px;
width: 24px;
background: #fff;
position: absolute;
display: inline-block;
content: '';
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d
}
#nav-toggle span:before {
top: -7px;
left: 0
}
#nav-toggle span:after {
bottom: -7px;
left: 0
}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after {
transition: all 200ms linear
}
#nav-toggle.active span {
background-color: transparent
}
#nav-toggle.active span:before,#nav-toggle.active span:after {
top: 0
}
#nav-toggle.active span:before {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#nav-toggle.active span:after {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.cartIcon {
position: fixed;
top: 100px;
right: 5%;
opacity: .7
}
.cartNr {
position: relative;
bottom: 18px;
right: -30px;
color: #fff
}
.h2Number {
margin-left: -1px;
margin-top: 2px
}
#skipper a {
position: absolute;
top: -40px;
left: 0;
color: #B20000;
background: transparent;
-webkit-transition: top 1s ease-out,background 1s linear;
transition: top 1s ease-out,background 1s linear;
z-index: 100
}
#skipper a:focus {
position: absolute;
left: 0;
top: 0;
color: #fff;
background: #B20000;
-webkit-transition: top .1s ease-in,background .5s linear;
transition: top .1s ease-in,background .5s linear
}
.stb-list-group {
margin-bottom: 20px;
padding-left: 0
}
.stb-list-group ul {
list-style-type: none
}
.stb-list-group ul:last-child {
border-bottom: 1px solid #ccc
}
.stb-list-group.expandable li.showMore {
cursor: pointer
}
.stb-list-group.expandable li.showMore a {
border-bottom: none
}
.stb-list-group.expandable .list-group-item {
border-radius: 0;
border: none;
margin-bottom: 0;
font-size: 16px
}
.stb-list-group.expandable .list-group-item :last-child {
border-bottom: none
}
.stb-list-group.expandable .list-group-item>a>span.chevron-down {
background-position: 0 -97px;
margin-right: 6px
}
.stb-list-group.expandable .list-group-item>a>span.chevron-up {
background-position: -200px 4px;
margin-right: 6px
}
.stb-list-group.expandable .hide-detail {
display: none
}
@media(max-width: 768px) {
.stb-list-group.expandable .list-group-item {
font-size:14px
}
}
.stb-list-group a.list-group-item {
border-left: none;
border-right: none;
border-radius: 0;
border-color: #ccc;
font-size: 16px;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
color: #282828;
padding: 10px 6px
}
.stb-list-group a.list-group-item:hover {
background-color: #f2f2f2;
cursor: pointer;
padding: 10px 6px
}
.stb-list-group .list-group-item.header {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
background-color: #e6d1b8;
color: #000;
font-weight: bold
}
.stb-list-group .list-group-item,.stb-list-group .list-group-item:hover {
border-bottom: none;
font-size: 16px
}
.stb-list-group .list-group-item:first-child {
border-radius: 0;
border-bottom: none
}
@media(max-width: 991px) {
.stb-list-group a.list-group-item,.stb-list-group a.list-group-item:hover,.stb-list-group .list-group-item,.stb-list-group .list-group-item:hover {
font-size:14px
}
}
a.list-group-item {
background: transparent;
border-left: none;
border-right: none;
border-radius: 0;
border-bottom: none
}
a.list-group-item:hover {
background-color: #f2f2f2;
cursor: pointer;
padding: 10px 15px 11px 15px;
border-bottom: none;
text-decoration: none
}
.stb-footer {
padding-bottom: 48px;
border-top-left-radius: 32px;
border-top-right-radius: 32px;
}
.stb-footer .row>div {
margin-bottom: 0
}
.stb-footer .row>div.padded-10 {
margin-bottom: 12px
}
.stb-footer .toTop {
margin-right: 0;
height: 48px
}
.stb-footer .toTop a,.stb-footer .toTop div {
border-bottom: 0;
display: inline-block;
height: 100%
}
.stb-footer a {
border-color: #fff;
text-decoration: none!important;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
.stb-footer .container {
padding-top: 24px
}
.stb-footer .container .row {
padding: 24px 0
}
.stb-footer .container .row.contact {
padding: 0 0
}
.stb-footer .container ul li {
list-style-type: none;
padding-bottom: 15px
}
.stb-footer .container ul li:last-child {
padding-bottom: 0
}
.stb-footer .container .info ul.stb {
padding-top: 12px
}
.stb-footer .container .contact ul.stb {
padding-top: 6px
}
.stb-footer .container .contact .earphone {
color: #fff
}
.stb-footer .container .content {
margin-top: 24px;
padding-bottom: 24px
}
.stb-footer .container h4 {
color: #fff;
padding: 12px 10px 10px 0
}
.stb-footer .container ul.stb {
margin: 0
}
.stb-footer .container ul.stb a.small-icons {
display: inline-block
}
.stb-footer .container .petit a {
font-size: 14px
}
.stb-footer .container .copyright {
margin-top: 24px
}
.stb-footer .container h3 {
margin-top: 6px;
margin-bottom: 15px
}
.stb-footer #footerTopLinkText,.stb-footer #footerTopLinkTextMobile {
line-height: 2;
padding-top: 12px;
padding-bottom: 12px
}
.stb-footer #footerTopLinkIcon,.stb-footer #footerTopLinkIconMobile {
margin-bottom: -5px
}
.stb-footer .border-left {
border-left: medium solid #bb1b18;
height: 100%
}
.stb-footer .border-right {
border-right: medium solid #bb1b18;
height: 100%
}
.mobilefooter .toTop {
height: 48px
}
.mobilefooter .toTop a,.mobilefooter .toTop div {
display: inline-block;
height: 100%
}
.mobilefooter .container {
padding-bottom: 0
}
.mobilefooter .container .row:first-child {
padding-top: 0
}
.mobilefooter .container .row:last-child {
padding-bottom: 0
}
.mobilefooter .container ul {
margin: 0;
padding: 0
}
.mobilefooter .container.first a {
border-bottom: 1px solid #fff;
text-decoration: none
}
.mobilefooter .container.first a a:hover {
border-bottom: none
}
.mobilefooter .container .contact {
text-align: center
}
.mobilefooter .container .contact .inline-block {
display: inline-block
}
.mobilefooter .container .contact .petit {
padding: 12px 0;
margin: 0
}
.mobilefooter .container .contact .petit:last-child {
padding-bottom: 24px
}
.mobilefooter .container .contact span.icon {
margin-left: -24px
}
.mobilefooter .container .social {
margin-top: 0
}
.mobilefooter .container .social div {
text-align: center
}
.mobilefooter .container .copyright {
margin-top: 0
}
.mobilefooter .container .copyright .petit {
margin: 0;
padding: 0
}
div.footieNote {
background-color: #404040;
position: fixed;
bottom: 0;
width: 100%;
z-index: 400;
color: #fff
}
div.footieNote .footieInfo {
color: #fff;
margin-left: auto;
margin-right: auto;
padding: 15px;
width: 65%
}
div.footieNote .footieInfo a {
color: #fff
}
div.footieNote .footieClose {
float: right;
width: 80px;
margin-right: 10%;
margin-top: 1%;
color: #fff
}
div.footieNote .footieClose a {
color: #fff;
text-decoration: none;
border: 0
}
div.footieNote .footieClose span {
margin-left: 10px
}
.noscroll {
overflow: hidden
}
span.close {
position: absolute;
top: 20px;
right: 20px
}
span.close:hover {
color: #000
}
.content-style-overlay {
padding: 32px;
text-align: center
}
.conditions h3 {
padding-bottom: 0;
padding-top: 20px
}
.hovering-hand:hover {
cursor: pointer
}
.stb-modal h3 {
margin: 12px 12px 12px 0
}
.stb-modal .modal-header {
padding: 24px 24px;
height: 72px
}
.stb-modal .modal-header h4 {
padding: 0 0 0 0
}
.stb-modal .modal-header h4 a.closeLink span.remove {
margin-right: 0
}
@media(max-width: 992px) {
.stb-modal .modal-header {
padding:6px 12px;
height: 36px
}
}
.stb-modal .modal-content {
border-radius: 0
}
.stb-modal .close {
opacity: 1
}
.stb-modal ul {
padding-left: inherit
}
@media(min-width: 992px) {
.stb-modal .modal-dialog {
width:50%
}
.stb-modal .modal-dialog.modal-span8 {
width: 66.7%
}
.stb-modal .modal-dialog.modal-span6 {
width: 50%
}
}
@media(max-width: 992px) {
.stb-modal .modal-dialog {
width:100%;
height: 100%;
padding: 0;
margin: 0
}
.stb-modal .modal-content {
height: 100%;
border-radius: 0
}
}
.tab-container {
border-bottom: 1px solid #404040
}
.tab-container ul {
border: none
}
.tab-container .nav-tabs>li {
background-color: #fff;
margin-right: 2px;
margin-bottom: -1px
}
.tab-container .nav-tabs>li>a {
margin-right: 0;
display: inline-block;
font-size: 16px;
font-family: "Open Sans Bold";
height: 100%;
border: 1px solid #404040;
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
border-bottom-color: transparent
}
.tab-container .nav-tabs>li>a:hover {
background-color: #e6e6e6;
padding-bottom: 10px;
color: #000
}
.tab-container .nav-tabs>li>a:focus {
background-color: #fff
}
.tab-container .nav-tabs>li.active {
border-color: #404040
}
.tab-container .nav-tabs>li.active a {
border: 1px solid #404040;
border-bottom-color: transparent;
background-color: #fff
}
.dropdown-tabs .dropdown-menu {
width: 100%;
border-radius: 0;
background-color: #f2f2f2
}
.dropdown-tabs .dropdown button {
width: 100%;
text-align: left;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
border-radius: 0;
height: 40px
}
.dropdown-tabs .dropdown a {
border-bottom: none;
padding: 10px 20px;
color: #000
}
.dropdown-tabs .dropdown a:hover {
border-bottom: none;
padding: 10px 20px;
background: 0 0;
background-color: #e6e6e6
}
.dropdown-tabs .dropdown li.active a {
background-color: #e6e6e6
}
.dropdown-tabs .dropdown li.active a:hover {
color: #000
}
.dropdown-tabs .dropdown .btn-default:hover,.dropdown-tabs .dropdown .dropdown .btn-default:focus,.dropdown-tabs .dropdown .dropdown .btn-default:active {
background-color: #fff
}
.toggletabs {
float: left
}
.toggletabs li {
float: left;
margin-right: 10px;
list-style-type: none;
color: #fff
}
.toggletabs li a {
padding: 15px 24px;
background-color: #ccc;
color: #000;
border-bottom: none;
font-size: 16px;
transition-duration: .2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
transition-property: background-color,color;
text-decoration: none;
font-family: "Open Sans Bold"
}
.toggletabs li a:hover {
padding: 15px 24px;
background-color: #e6e6e6;
border-bottom: none;
color: #000
}
@media(max-width: 480px) {
.toggletabs li a {
padding:12px 6px
}
.toggletabs li a:hover {
padding: 12px 6px
}
}
.toggletabs li.active a,.toggletabs li a:focus {
background-color: #666;
color: #fff;
border-bottom: none
}
.tab-content {
clear: both
}
@media(max-width: 767px) {
.tab-content.sitemap {
margin-top:24px
}
}
.searchcontainer .stb-form-inline .searchbox {
height: 50px;
line-height: 50px;
font-size: 16px;
float: left;
color: #000;
font-weight: bold;
width: 600px;
margin-right: 10px
}
.searchcontainer .stb-form-inline button.is-submit {
height: 50px;
top: 0;
padding-left: 70px;
padding-right: 70px
}
.searchcontainer .twitter-typeahead {
float: left
}
.searchcontainer span.search-icon {
display: none
}
.searchcontainer .stb-form-group {
width: 100%
}
.row.searchcontainer {
padding-bottom: 12px
}
.row.resultsummary {
padding-bottom: 0
}
.row.resultsummary>div {
margin-bottom: 0
}
.row.resultsummary>div.padded-10 {
margin-bottom: 12px
}
.promotion h3 {
margin-top: 12px
}
.searchresults p a {
font-weight: normal
}
.searchresults>div {
margin-top: 48px
}
.searchresults>div:first-child {
margin-top: 12px
}
.searchresults a.pdf_document:before {
content: "";
display: inline-block;
background-position: -100px -400px
}
@media(max-width: 991px) {
.twitter-typeahead {
width:100%
}
.twitter-typeahead .tt-dropdown-menu {
width: 100%
}
.twitter-typeahead .tt-dropdown-menu>div {
float: left;
width: 100%
}
.searchcontainer button.stb-btn {
display: none
}
.searchcontainer span.search-icon {
display: inline-block;
position: absolute;
right: 3%;
padding: 2px
}
.searchcontainer span.search-icon button {
padding: 6px 24px 0 6px;
height: 46px;
width: 100%;
border: none;
background: none
}
.searchcontainer .stb-form-inline input.searchbox {
width: 100%;
height: 50px
}
.searchcontainer .stb-form-inline button.is-submit {
min-width: 20%;
height: 50px;
padding-left: 20px;
padding-right: 20px
}
#main_search {
padding-right: 45px
}
p.showurl {
word-break: break-all
}
}
.container.banner-video {
padding-top: 0
}
button.video-close>span {
margin-left: 12px
}
.video-container {
display: none;
position: relative;
padding-bottom: 56.25%
}
.video-container iframe,.video-container object,.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-container .yt-play {
position: absolute;
z-index: 1
}
.video-container .video-close {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
position: absolute;
z-index: 1;
right: 0;
padding-top: 12px
}
@media(max-width: 992px) {
.video-container .video-close p {
font-size:16px
}
}
.toc-list p {
cursor: pointer
}
.toc-list:hover {
text-decoration: none
}
.toc-list li {
line-height: 32px
}
.toc-list ul.items {
display: none
}
.toc-list ul.items li {
margin-top: 0!important;
margin-bottom: 5px
}
.toc-list ul.items li a {
font-family: 'open sans bold'
}
.toc-list ul.items li a:hover {
color: #B20000
}
.toc-list ul ul li {
list-style-type: disc
}
ul.accordion {
margin: 0;
padding: 0;
list-style: none;
font-size: 16px;
line-height: 22px
}
ul.accordion p {
padding-left: 12px;
color: #282828
}
ul.accordion li:first-child {
border-top: 1px solid #ccc
}
ul.accordion li {
background: none;
padding: 0;
font-size: 16px;
line-height: 22px;
margin-bottom: 1px;
border-bottom: 1px solid #ccc;
background-color: #fff;
color: #282828
}
ul.accordion li a.twister {
display: block;
font-size: 16px;
line-height: 18px;
padding: 10px 30px 10px 20px;
position: relative;
color: #282828
}
ul.accordion li a.twister:hover,ul.accordion li a.twister:focus {
text-decoration: none;
background-color: #f2f2f2
}
ul.accordion li a.twister.open {
text-decoration: none;
background-color: #fff
}
ul.accordion li a.twister.open:hover {
text-decoration: none;
background-color: #f2f2f2
}
ul.accordion li a.twister .expander {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/general-sprites.png) no-repeat;
width: 16px;
height: 16px;
background-position: 0 -100px;
display: inline-block;
float: right;
margin-left: 6px
}
ul.accordion li a.twister.open .expander {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/general-sprites.png) no-repeat;
background-position: -200px 0;
width: 16px;
height: 16px;
display: inline-block;
float: right
}
ul.accordion li a.twister .number {
position: absolute;
left: -1px;
top: 10px;
color: #282828
}
ul.accordion li .question {
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
font-weight: normal
}
ul.accordion li .answer {
display: none;
padding: 10px;
line-height: 18px
}
ul.accordion li .answer.open {
display: block
}
ul.accordion li .answer ul {
padding-left: 20px
}
ul.accordion li .answer ul li {
list-style: disc outside none;
border: none;
margin-bottom: 5px;
margin-left: 13px
}
ul.accordion li .answer ol {
padding-left: 20px
}
ul.accordion li .answer ol li {
list-style: decimal;
border: none;
margin-bottom: 5px;
margin-left: 13px
}
@media(max-width: 991px) {
ul.accordion li {
font-size:14px
}
ul.accordion li a.twister,ul.accordion li div.answer {
font-size: 14px
}
ul.accordion li a.twister ul li,ul.accordion li div.answer ul li,ul.accordion li a.twister ol li,ul.accordion li div.answer ol li {
font-size: 14px
}
}
.stb-accordion.panel-group {
margin-top: 12px
}
.stb-accordion.panel-group .panel+.panel {
margin-top: 0
}
.stb-accordion .panel {
border: none
}
.stb-accordion .panel:first-child {
border-top: 1px solid #404040;
margin-top: 12px
}
.stb-accordion .panel-heading {
border-bottom: 1px solid #404040
}
.stb-accordion .panel-default>.panel-heading {
background-color: #fff
}
.stb-accordion h4.panel-title {
font-size: 18px;
margin: 0;
padding: 9px 9px 9px 0
}
.stb-accordion h4.panel-title a {
border-bottom: none
}
.stb-accordion .panel.active,.stb-accordion .panel.active .panel-heading,.stb-accordion .panel.active .panel-body,.stb-accordion .panel.active .menu-item {
background: #f2f2f2
}
.stb-accordion .panel.active .panel-heading {
border: none
}
.stb-accordion .panel.active .panel-body {
border: none;
border-bottom: 1px solid #404040
}
.stb-accordion .panel-body {
padding-top: 0;
padding-bottom: 0
}
.stb-iframe-wrapper {
overflow: auto;
-webkit-overflow-scrolling: touch;
padding-top: 2px
}
@media(max-width: 991px) {
.stb-iframe-wrapper {
margin-right:-12px;
margin-left: -12px;
border-left: 1px dashed #404040;
border-right: 1px dashed #404040
}
}
.stb-iframe-wrapper iframe {
width: 100%
}
.selectContainerChosen {
width: 260px
}
.chosen-select {
width: 100%
}
.chosen-select-deselect {
width: 100%
}
.chosen-container {
display: inline-block;
font-size: 16px;
position: relative;
vertical-align: middle
}
@media(max-width: 768px) {
.chosen-container {
font-size:14px
}
}
.chosen-container .chosen-drop {
background: #fff;
border: 1px solid #f2f2f2;
border-top-color: #fff;
-webkit-box-shadow: 0 8px 8px rgba(0,0,0,.25);
box-shadow: 0 8px 8px rgba(0,0,0,.25);
position: absolute;
top: 100%;
left: -9000px;
z-index: 1060
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
right: 0
}
.chosen-container .chosen-results {
color: #555;
margin: 0 4px 4px 0;
max-height: 240px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.chosen-container .chosen-results li {
display: none;
line-height: 1.42857143;
list-style: none;
margin: 0;
padding: 5px 6px
}
.chosen-container .chosen-results li em {
background: #feffde;
font-style: normal
}
.chosen-container .chosen-results li.group-result {
display: list-item;
cursor: default;
color: #999;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px
}
.chosen-container .chosen-results li.active-result {
cursor: pointer;
display: list-item
}
.chosen-container .chosen-results li.highlighted {
background-color: #404040;
color: #fff
}
.chosen-container .chosen-results li.highlighted em {
background: transparent
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #f2f2f2
}
.chosen-container .chosen-results .no-results {
background: #e6e6e6;
display: list-item
}
.chosen-container .chosen-results :hover {
cursor: pointer
}
.chosen-container .chosen-results-scroll {
background: #fff;
margin: 0 4px;
position: absolute;
text-align: center;
width: 321px;
z-index: 1
}
.chosen-container .chosen-results-scroll span {
display: inline-block;
height: 1.42857143;
text-indent: -5000px;
width: 9px
}
.chosen-container .chosen-results-scroll-down {
bottom: 0
}
.chosen-container .chosen-results-scroll-down span {
background: url(https://www.spp.se/Content/theme-spp/images/chosen-sprite.png) no-repeat -4px -3px
}
.chosen-container .chosen-results-scroll-up span {
background: url(https://www.spp.se/Content/theme-spp/images/chosen-sprite.png) no-repeat -22px -3px
}
.chosen-container-single .chosen-single {
background-color: #fff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
display: block;
height: 48px;
overflow: hidden;
line-height: 48px;
padding: 0 0 0 8px;
position: relative;
text-decoration: none;
white-space: nowrap;
border: 1px solid #a6a6a6
}
.chosen-container-single .chosen-single span {
display: block;
margin-right: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.chosen-container-single .chosen-single abbr {
background: url(https://www.spp.se/Content/theme-spp/images/chosen-sprite.png) right top no-repeat;
display: block;
font-size: 1px;
height: 10px;
position: absolute;
right: 26px;
top: 19px;
width: 12px
}
.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
background-position: right 2px
}
.chosen-container-single .chosen-single div {
display: block;
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 15%
}
.chosen-container-single .chosen-single div :hover {
cursor: pointer
}
.chosen-container-single .chosen-single div b {
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;
font-size: 22px;
color: #819f2b;
border-left: 1px solid #a6a6a6;
color: #000;
display: block;
height: 100%;
width: 100%!important;
padding-top: 14px;
padding-left: 8px;
top: 0
}
.chosen-container-single .chosen-single div b:before {
content: ""
}
.chosen-container-single .chosen-default {
color: #a6a6a6
}
.chosen-container-single .chosen-search {
margin: 0;
padding: 3px 4px;
position: relative;
white-space: nowrap;
z-index: 1000
}
.chosen-container-single .chosen-search input {
background: url(https://www.spp.se/Content/theme-spp/images/chosen-sprite.png) no-repeat 100% -20px,#fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
margin: 1px 0;
padding: 4px 20px 4px 4px;
width: 100%;
outline: none
}
.chosen-container-single .chosen-drop {
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box
}
.chosen-container-single-nosearch .chosen-search input {
position: absolute;
left: -9000px
}
.chosen-container-multi .chosen-choices {
background-color: #fff;
border: 1px solid #ccc;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
cursor: text;
height: auto!important;
height: 1%;
margin: 0;
overflow: hidden;
padding: 0;
position: relative
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none
}
.chosen-container-multi .chosen-choices .search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.chosen-container-multi .chosen-choices .search-field input {
background: transparent!important;
border: 0!important;
-webkit-box-shadow: none;
box-shadow: none;
color: #555;
height: 32px;
margin: 0;
padding: 4px;
outline: 0
}
.chosen-container-multi .chosen-choices .search-field .default {
color: #999
}
.chosen-container-multi .chosen-choices .search-choice {
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #eee;
border: 1px solid #ccc;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-image: -webkit-linear-gradient(top,white 0,#f2f2f2 100%);
background-image: -o-linear-gradient(top,white 0,#f2f2f2 100%);
background-image: linear-gradient(to bottom,white 0,#f2f2f2 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
color: #333;
cursor: default;
line-height: 13px;
margin: 6px 0 3px 5px;
padding: 3px 20px 3px 5px;
position: relative
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
background: url(/Content/theme-spp/images/chosen-sprite.png) right top no-repeat;
display: block;
font-size: 1px;
height: 10px;
position: absolute;
right: 4px;
top: 5px;
width: 12px
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
background-position: right -11px
}
.chosen-container-multi .chosen-choices .search-choice-focus {
background: #d4d4d4
}
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
background-position: right -11px
}
.chosen-container-multi .chosen-results {
margin: 0 0 0 0;
padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
display: none
}
.chosen-container-active .chosen-single {
-webkit-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s
}
.chosen-container-active.chosen-with-drop .chosen-single {
background-color: #eee;
-webkit-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
border: 1px solid #000
}
.chosen-container-active.chosen-with-drop .chosen-single div {
background: transparent;
border-left: none
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
border-left: 1px solid #000
}
.chosen-container-active .chosen-choices {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s
}
.chosen-container-active .chosen-choices .search-field input {
color: #111!important
}
.chosen-disabled {
cursor: default;
opacity: .5!important
}
.chosen-disabled .chosen-single {
cursor: default
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default
}
.chosen-rtl {
text-align: right
}
.chosen-rtl .chosen-single {
padding: 0 8px 0 0;
overflow: visible
}
.chosen-rtl .chosen-single span {
margin-left: 26px;
margin-right: 0;
direction: rtl
}
.chosen-rtl .chosen-single div {
left: 7px;
right: auto
}
.chosen-rtl .chosen-single abbr {
left: 26px;
right: auto
}
.chosen-rtl .chosen-choices .search-field input {
direction: rtl
}
.chosen-rtl .chosen-choices li {
float: right
}
.chosen-rtl .chosen-choices .search-choice {
margin: 6px 5px 3px 0;
padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices .search-choice .search-choice-close {
background-position: right top;
left: 4px;
right: auto
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0
}
.chosen-rtl .chosen-results .group-option {
padding-left: 0;
padding-right: 15px
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none
}
.chosen-rtl .chosen-search input {
background: url(https://www.spp.se/Content/theme-spp/images/chosen-sprite.png) no-repeat -28px -20px,#fff;
direction: rtl;
padding: 4px 5px 4px 20px
}
.jslider {
display: block;
width: 100%;
position: relative
}
.jslider table {
width: 100%;
border-collapse: collapse;
border: 0
}
.jslider td,.jslider .jslider th {
padding: 0;
vertical-align: top;
text-align: left;
border: 0
}
.jslider table,.jslider .jslider table tr,.jslider .jslider table tr td {
width: 100%;
vertical-align: top
}
.jslider .jslider-bg {
position: relative
}
.jslider .jslider-bg i {
height: 12px;
position: absolute;
font-size: 0;
top: 0;
background: #fff
}
.jslider .jslider-bg .v {
position: absolute;
width: 60%;
left: 20%;
top: 0;
height: 5px;
background-position: 0 -20px
}
.jslider .jslider-pointer {
position: absolute;
cursor: pointer;
cursor: hand;
margin-top: 1px;
border-radius: 3px;
border: 1px solid gray;
z-index: 1
}
.jslider .jslider-pointer-to {
left: 80%
}
.jslider .jslider-label {
line-height: 12px;
color: #444;
white-space: nowrap;
padding: 0 2px;
position: absolute;
top: -18px;
left: 0
}
.jslider .jslider-label-to {
left: auto;
right: 0
}
.jslider .jslider-value {
white-space: nowrap;
z-index: 1;
text-align: center
}
.jslider .jslider-value span {
padding-right: 6px
}
.jslider .jslider-label small,.jslider .jslider .jslider-value small {
position: relative;
top: -.4em
}
.jslider .jslider-scale {
position: relative;
top: 15px
}
.jslider-single .jslider-pointer-to,.jslider-single .jslider-value-to,.jslider-single .jslider-bg .v,.jslider-limitless .jslider-label {
display: none
}
.jslider_round .jslider-pointer {
min-width: 40px;
margin-left: -25px
}
.jslider {
margin-top: 20px;
margin-left: 120px;
margin-bottom: 40px;
height: 6px;
width: 80%
}
.jslider .jslider-label {
margin-top: 50px;
font-family: "SignaWeb-Light",Arial,"Times New Roman",Times,serif;
font-size: 18px;
color: #404040
}
.jslider .jslider-bg i {
height: 6px
}
.jslider .jslider-bg .l {
height: 6px;
background-color: #666;
border: none
}
.jslider .jslider-bg .r {
height: 6px;
background-color: #e6e6e6;
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
.jslider .jslider-pointer {
top: -20px;
left: -5px;
height: 44px;
max-height: 44px;
width: 44px;
max-width: 44px;
background-color: transparent;
background-image: url(https://www.spp.se/Content/theme-spp/images/stb-slider-knob.png);
background-repeat: no-repeat;
border: 1;
overflow: visible;
border: 0
}
.jslider .jslider-value {
margin-top: 42px;
font-family: "SignaWeb-Book",Arial,"Times New Roman",Times,serif;
font-size: 18px;
color: #404040;
position: relative;
width: 120px;
left: -35px!important
}
p.unit {
float: left;
padding-left: 6px;
font-size: 18px
}
.sliderInput {
margin-top: -12px;
float: left;
width: 80px!important
}
.row div.slider {
margin-bottom: 12px
}
.bootstrap-datetimepicker-widget {
top: 0;
left: 0;
width: 250px;
padding: 4px;
margin-top: 1px;
z-index: 99999!important;
border-radius: 4px
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
width: 600px
}
.bootstrap-datetimepicker-widget.bottom:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0,0,0,.2);
position: absolute;
top: -7px;
left: 7px
}
.bootstrap-datetimepicker-widget.bottom:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
top: -6px;
left: 8px
}
.bootstrap-datetimepicker-widget.top:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0,0,0,.2);
position: absolute;
bottom: -7px;
left: 6px
}
.bootstrap-datetimepicker-widget.top:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
position: absolute;
bottom: -6px;
left: 7px
}
.bootstrap-datetimepicker-widget .dow {
width: 14.2857%
}
.bootstrap-datetimepicker-widget.pull-right:before {
left: auto;
right: 6px
}
.bootstrap-datetimepicker-widget.pull-right:after {
left: auto;
right: 7px
}
.bootstrap-datetimepicker-widget>ul {
list-style-type: none;
margin: 0
}
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0
}
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none
}
.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0
}
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
width: 4px;
padding: 0;
margin: 0
}
.bootstrap-datetimepicker-widget .datepicker>div {
display: none
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center
}
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0
}
.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th {
text-align: center;
border-radius: 4px
}
.bootstrap-datetimepicker-widget td {
height: 54px;
line-height: 54px;
width: 54px
}
.bootstrap-datetimepicker-widget td.cw {
font-size: 10px;
height: 20px;
line-height: 20px;
color: #777
}
.bootstrap-datetimepicker-widget td.day {
height: 20px;
line-height: 20px;
width: 20px
}
.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover {
background: #eee;
cursor: pointer
}
.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new {
color: #777
}
.bootstrap-datetimepicker-widget td.today {
position: relative
}
.bootstrap-datetimepicker-widget td.today:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-bottom: 7px solid #337ab7;
border-top-color: rgba(0,0,0,.2);
position: absolute;
bottom: 4px;
right: 4px
}
.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}
.bootstrap-datetimepicker-widget td.active.today:before {
border-bottom-color: #fff
}
.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover {
background: none;
color: #777;
cursor: not-allowed
}
.bootstrap-datetimepicker-widget td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 4px
}
.bootstrap-datetimepicker-widget td span:hover {
background: #eee
}
.bootstrap-datetimepicker-widget td span.active {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}
.bootstrap-datetimepicker-widget td span.old {
color: #777
}
.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover {
background: none;
color: #777;
cursor: not-allowed
}
.bootstrap-datetimepicker-widget th {
height: 20px;
line-height: 20px;
width: 20px
}
.bootstrap-datetimepicker-widget th.picker-switch {
width: 145px
}
.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev {
font-size: 21px
}
.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover {
background: none;
color: #777;
cursor: not-allowed
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
cursor: pointer
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
background: #eee
}
.input-group.date .input-group-addon span {
display: block;
cursor: pointer;
width: 16px;
height: 16px
}
.bootstrap-datetimepicker-widget.left-oriented:before {
left: auto;
right: 6px
}
.bootstrap-datetimepicker-widget.left-oriented:after {
left: auto;
right: 7px
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td {
padding: 0!important
}
@media screen and (max-width: 767px) {
.bootstrap-datetimepicker-widget.timepicker-sbs {
width:283px
}
}
.tt-dropdown-menu,.gist {
text-align: left
}
.table-of-contents li {
display: inline-block;
*display: inline;
zoom:1}
.table-of-contents li a {
font-size: 16px;
color: #999
}
.typeahead,.tt-query,.tt-hint {
width: 396px;
padding: 8px 12px;
font-size: 16px;
line-height: 30px;
border: 2px solid #ccc;
outline: none
}
.tt-query {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.tt-hint {
color: #a6a6a6!important
}
.tt-input {
background: transparent!important
}
.tt-mobile .typeahead {
width: 100%
}
.typeahead:focus {
border: 2px solid #b0dfdb
}
.tt-dropdown-menu {
width: 60%;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
padding: 10px 0
}
.tt-mobile .tt-dropdown-menu {
width: 100%
}
.tt-suggestion {
line-height: 24px;
color: #000;
padding: 5px 15px
}
.tt-suggestion p {
font-size: 16px;
white-space: none;
color: #404040
}
.tt-suggestion.tt-cursor {
background-color: #f2f2f2;
text-decoration: underline
}
.search .tt-dropdown-menu>.tt-dataset-direkte:not(:empty)::before,.searchcontainer .tt-dropdown-menu>.tt-dataset-direkte:not(:empty)::before {
content: "GÃ¥ direkte til";
text-align: center;
width: 100%;
display: inline-block;
padding-top: 10px;
font-family: "open sans bold"
}
.search input.tt-input,.searchcontainer input.tt-input {
margin-bottom: 0
}
.search h3.headline-search,.searchcontainer h3.headline-search {
text-align: center;
margin: 10px 0 5px 0;
padding: 0!important;
font-size: 14px;
font-family: "open sans bold"
}
.search .headline-search span,.searchcontainer .headline-search span {
margin: 0;
padding: 0;
text-align: left
}
#searchHit {
width: 100px
}
.tt-mobile .twitter-typeahead {
width: inherit
}
.tt-mobile .tt-input {
padding-right: 45px
}
.yamm .nav,.yamm .collapse,.yamm .dropup,.yamm .dropdown,.yamm .fullwidth {
position: static
}
.yamm .container {
position: relative
}
.yamm .dropdown-menu {
left: auto
}
.yamm .nav.navbar-right .dropdown-menu {
left: auto;
right: 0
}
.yamm .yamm-content {
padding: 20px 30px
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0
}
.storebrand-stylecheck {
z-index: 42
}
body {
-ms-overflow-style: scrollbar
}
.block .stb-btn {
margin-top: 12px
}
p img {
max-width: 100%;
height: auto
}
.top-margin-0 {
margin-top: 0!important
}
.top-padding-0 {
padding-top: 0!important
}
.left-margin-0 {
margin-left: 0!important
}
.right-margin-0 {
margin-right: 0!important
}
.bottom-margin-0 {
margin-bottom: 0!important
}
.bottom-padding-0 {
padding-bottom: 0!important
}
.bottom-margin-30 {
margin-bottom: 30px!important
}
.top-margin-30 {
margin-top: 30px
}
.textimageblock2 div>h4:first-child {
margin-top: 0
}
.textimageblock2 div .stb-btn:last-child {
margin-bottom: 0
}
span.stb-sprite-medium.white.linkedin {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/general-sprite-extra.png) no-repeat;
background-position: 0 0
}
span.stb-sprite-small.white.linkedin {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/general-sprite-extra.png) no-repeat;
background-position: -27px 0
}
.chart.donut {
position: relative
}
.chart.donut:after {
content: ' ';
display: block;
width: 100%;
padding-bottom: 100%
}
.chart.donut>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.accordionblock2 {
height: fit-content!important
}
.block.accordionblock2,.block.linklistblock,.block.documentlistblock,.block.youtubeembeddedblock,.block.newslistblock,.block.iframeblock {
margin-top: 24px
}
.block.accordionblock2 h3 {
margin-top: 0;
font-family: Arial,"Times New Roman",Times,serif
}
ul.accordion>li div.answer>h1,ul.accordion>li div.answer>h2,ul.accordion>li div.answer>h3,ul.accordion>li div.answer>h4,ul.accordion>li div.answer>h5,ul.accordion>li div.answer>h6 {
padding-left: 12px;
color: #282828
}
ul.accordion {
text-align: left
}
ul.accordion li a.twister {
padding-left: 10px
}
ul.accordion li a.twister:hover,ul.accordion li a.twister:focus {
color: #282828!important
}
ul.accordion li .answer ul.check.stb li {
margin-left: 0
}
ul.accordion li .answer img {
max-height: 200px;
max-width: 200px;
margin: 10px 0 10px 0
}
img[src*=".svg"] {
max-height: 200px
}
.epi-container {
margin-right: auto;
margin-left: auto;
padding-left: 24px;
padding-right: 24px
}
div.handle-password div.col-sm-12,div.handle-password div.col-sm-8,div.handle-password div.col-sm-6,div.handle-password div.col-sm-4,div.handle-password div.col-sm-3 {
padding-left: 0
}
form.div.div.div.stb-form-group {
width: 100%
}
span.search-icon.hidden-lg.visible-xs {
margin-bottom: 50px;
padding-left: 200px
}
span.search-icons {
display: inline-block;
position: absolute;
right: 50%;
padding: 2px
}
@media(max-width: 991px) {
span.search-icons {
display:inline-block;
position: absolute;
right: 2%;
padding: 2px
}
}
@media(max-width: 440px) {
span.search-icons {
right:6%
}
}
@media(min-width: 992px) and (max-width:1200px) {
span.search-icons {
display:inline-block;
position: absolute;
right: 40%;
padding: 2px
}
}
@media(min-width: 992px) {
.col-sm-12 span.search-icons {
right:48%
}
}
.mobile_second_search {
padding: 0 5px 0 0;
border: none;
background: none
}
.clear_search_button {
padding: 4px 20px 0 6px;
height: 46px;
border: none;
background: none
}
.searchblockbox {
font-weight: bold;
width: 600px!important;
margin-right: 10px
}
.searchblock a {
margin-right: 10px
}
@media(max-width: 375px),(max-width:450px) {
.hero-block-bg-fix {
background-position-x:-250px
}
}
@media(max-width: 428px) {
.hero-block-bg-fix {
background-position-x:-270px
}
}
@media(max-width: 450px) {
.searchblock a {
display:block
}
.searchblock p a:not(:last-child) {
margin-bottom: 8px
}
.searchblock p a:first-of-type {
margin-top: 8px
}
}
@media(max-width: 991px) {
.searchblockbox {
width:100%!important;
height: 50px!important
}
}
div.banner.stbcolor-secondary.second span.stb-color-sprite-small.pdf,div.banner.stbcolor-primary.first span.stb-color-sprite-small.pdf,div.banner.stbcolor-secondary.fourth span.stb-color-sprite-small.pdf {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
background-position: -30px -400px
}
div.banner.stbcolor-secondary.second span.stb-color-sprite-small.excel,div.banner.stbcolor-primary.first span.stb-color-sprite-small.excel,div.stbcolor-secondary.fourth span.stb-color-sprite-small.excel {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
background-position: -30px -600px
}
div.banner.stbcolor-secondary.second span.stb-color-sprite-small.word,div.banner.stbcolor-primary.first span.stb-color-sprite-small.word,div.stbcolor-secondary.fourth span.stb-color-sprite-small.word {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
background-position: -30px -500px
}
div.banner.stbcolor-secondary.second span.stb-color-sprite-small.powerpoint,div.banner.stbcolor-primary.first span.stb-color-sprite-small.powerpoint,div.stbcolor-secondary.fourth span.stb-color-sprite-small.powerpoint {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
background-position: -30px -700px
}
div.banner.stbcolor-secondary.third span.stb-color-sprite-small.pdf,div.banner.stbcolor-gray.third span.stb-color-sprite-small.pdf {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
background-position: -59px -400px
}
div.banner.stbcolor-secondary.third span.stb-color-sprite-small.excel,div.stbcolor-gray span.stb-color-sprite-small.excel {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
background-position: -59px -600px
}
div.banner.stbcolor-secondary.third span.stb-color-sprite-small.word,div.stbcolor-gray span.stb-color-sprite-small.word {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
background-position: -59px -500px
}
div.banner.stbcolor-secondary.third span.stb-color-sprite-small.powerpoint,div.banner.stbcolor-gray span.stb-color-sprite-small.powerpoint {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
background-position: -59px -400px
}
.block.textimageblock2 {
margin-bottom: 30px!important
}
.block.textimageblock2:not(.col-sm-12),.block.textimageblock2:not(.col-sm-8),.block.textimageblock2:not(.col-sm-6),.block.textimageblock2:not(.col-sm-4),.block.textimageblock2:not(.col-sm-3) {
padding-left: 15px;
padding-right: 15px
}
.col-sm-8 .block.textimageblock2:not(.col-sm-12),.col-sm-8 .block.textimageblock2:not(.col-sm-8),.col-sm-8 .block.textimageblock2:not(.col-sm-6),.col-sm-8 .block.textimageblock2:not(.col-sm-4),.col-sm-8 .block.textimageblock2:not(.col-sm-3) {
padding-left: 0;
padding-right: 0
}
.block.textimageblock2 .stb-box {
padding: 24px
}
.block.textimageblock2 img.img-responsive,.block.accordionblock2 img.img-responsive {
margin-bottom: 10px
}
.block.textimageblock2 img.pull-left,.block.textimageblock2 img.pull-right {
margin-bottom: 0
}
.block.textimageblock2 .stb-box.nopadding {
border: none
}
.block.textimageblock2 .text {
word-wrap: break-word
}
.block.textimageblock2 .text p:last-child {
margin-bottom: 0
}
.block.textimageblock2 .stb-btn.transparent,.block.textimageblock2 .stb-btn.green {
text-align: left;
white-space: normal;
height: auto
}
.block.textimageblock2 .stbcolor-primary.first .text p,.block.textimageblock2 .stbcolor-primary.first .article-tag,.block.textimageblock2 .stbcolor-primary.first h1,.block.textimageblock2 .stbcolor-primary.first h2,.block.textimageblock2 .stbcolor-primary.first h3,.block.textimageblock2 .stbcolor-primary.first h4,.block.textimageblock2 .stbcolor-primary.first h5,.block.textimageblock2 .stbcolor-primary.first h6,.block.textimageblock2 .stbcolor-primary.second h1,.block.textimageblock2 .stbcolor-primary.second h2,.block.textimageblock2 .stbcolor-primary.second h3,.block.textimageblock2 .stbcolor-primary.second h4,.block.textimageblock2 .stbcolor-primary.second h5,.block.textimageblock2 .stbcolor-secondary.first .text p,.block.textimageblock2 .stbcolor-secondary.first .article-tag,.block.textimageblock2 .stbcolor-secondary.first h1,.block.textimageblock2 .stbcolor-secondary.first h2,.block.textimageblock2 .stbcolor-secondary.first h3,.block.textimageblock2 .stbcolor-secondary.first h4,.block.textimageblock2 .stbcolor-secondary.first h5,.block.textimageblock2 .stbcolor-secondary.first h6,.block.textimageblock2 .stbcolor-secondary.second .text p,.block.textimageblock2 .stbcolor-secondary.second .article-tag,.block.textimageblock2 .stbcolor-secondary.second h1,.block.textimageblock2 .stbcolor-secondary.second h2,.block.textimageblock2 .stbcolor-secondary.second h3,.block.textimageblock2 .stbcolor-secondary.second h4,.block.textimageblock2 .stbcolor-secondary.second h5,.block.textimageblock2 .stbcolor-secondary.second h6,.block.textimageblock2 .stbcolor-secondary.fourth .text p,.block.textimageblock2 .stbcolor-secondary.fourth .article-tag,.block.textimageblock2 .stbcolor-secondary.fourth h1,.block.textimageblock2 .stbcolor-secondary.fourth h2,.block.textimageblock2 .stbcolor-secondary.fourth h3,.block.textimageblock2 .stbcolor-secondary.fourth h4,.block.textimageblock2 .stbcolor-secondary.fourth h5,.block.textimageblock2 .stbcolor-secondary.fourth h6 {
color: #fff
}
.block.textimageblock2 .stbcolor-primary.first a.stb-btn.transparent {
border: 1px solid #fff;
color: #fff
}
.block.textimageblock2 div.stbcolor-primary.first a.stb-btn.transparent:hover {
border: 1px solid #fff;
color: #fff;
background-color: rgba(0,0,0,.1)
}
.block.textimageblock2 .stbcolor-secondary.fifth a.stb-btn.transparent,.block.textimageblock2 .stbcolor-secondary.sixth a.stb-btn.transparent,.block.textimageblock2 .stbcolor-secondary.seventh a.stb-btn.transparent,.block.textimageblock2 .stbcolor-secondary.eighth a.stb-btn.transparent,.block.textimageblock2 .stbcolor-gray a.stb-btn.transparent,.block.textimageblock2 .stbcolor-visuals.third a.stb-btn.transparent,.block.textimageblock2 .stbcolor-visuals.fourth a.stb-btn.transparent,.block.textimageblock2 .stbcolor-primary.third a.stb-btn.transparent {
border: 1px solid #404040!important;
color: #000!important
}
.block.textimageblock2 .stbcolor-secondary.seventh .text p,.block.textimageblock2 .stbcolor-secondary.seventh .text a,.block.textimageblock2 .stbcolor-secondary.seventh ul.stb,.block.textimageblock2 .stbcolor-secondary.seventh h2,.block.textimageblock2 .stbcolor-secondary.seventh h3,.block.textimageblock2 .stbcolor-secondary.seventh h4,.block.textimageblock2 .stbcolor-secondary.seventh h5,.block.textimageblock2 .stbcolor-secondary.seventh h6,.block.textimageblock2 .stbcolor-secondary.sixth .text h2,.block.textimageblock2 .stbcolor-secondary.sixth .text h3,.block.textimageblock2 .stbcolor-secondary.sixth .text h4,.block.textimageblock2 .stbcolor-secondary.sixth .text h5,.block.textimageblock2 .stbcolor-secondary.sixth .text h6,.block.textimageblock2 .stbcolor-secondary.sixth .text p,.block.textimageblock2 .stbcolor-secondary.sixth .text a,.block.textimageblock2 .stbcolor-secondary.sixth ul.stb,.block.textimageblock2 .stbcolor-secondary.fifth .text p,.block.textimageblock2 .stbcolor-secondary.fifth ul.stb,.block.textimageblock2 .stbcolor-secondary.fifth .text h2,.block.textimageblock2 .stbcolor-secondary.fifth .text h3,.block.textimageblock2 .stbcolor-secondary.fifth .text h4,.block.textimageblock2 .stbcolor-secondary.fifth .text h5,.block.textimageblock2 .stbcolor-secondary.fifth .text h6,.block.textimageblock2 .stbcolor-visuals .text p,.block.textimageblock2 .stbcolor-visuals .text h2,.block.textimageblock2 .stbcolor-visuals .text h3,.block.textimageblock2 .stbcolor-visuals .text h4,.block.textimageblock2 .stbcolor-visuals .text h5,.block.textimageblock2 .stbcolor-visuals .text h6,.block.textimageblock2 .stbcolor-visuals ul.stb,.block.textimageblock2 .stbcolor-gray .text p,.block.textimageblock2 .stbcolor-gray .text a,.block.textimageblock2 .stbcolor-gray .text h2,.block.textimageblock2 .stbcolor-gray .text h3,.block.textimageblock2 .stbcolor-gray .text h4,.block.textimageblock2 .stbcolor-gray .text h5,.block.textimageblock2 .stbcolor-gray .text h6,.block.textimageblock2 .stbcolor-gray ul.stb,.block.textimageblock2 .stbcolor-primary.third ul.check,.block.textimageblock2 .stbcolor-primary.third h2,.block.textimageblock2 .stbcolor-primary.third h3,.block.textimageblock2 .stbcolor-primary.third h4,.block.textimageblock2 .stbcolor-primary.third h5,.block.textimageblock2 .stbcolor-primary.third h6 {
color: #282828
}
.block.textimageblock2 .stbcolor-secondary.seventh .text a,.block.textimageblock2 .stbcolor-secondary.sixth .text a,.block.textimageblock2 .stbcolor-gray .text a {
border-bottom: 1px solid #282828
}
.banner.stbcolor-secondary.first .block.textimageblock2 .stbcolor-primary.third .text p,.banner.stbcolor-secondary.second .block.textimageblock2 .stbcolor-primary.third .text p,.banner.stbcolor-secondary.third .block.textimageblock2 .stbcolor-primary.third .text p,.banner.stbcolor-secondary .block.textimageblock2 .stbcolor-primary.third .text p {
color: #000!important
}
.banner.stbcolor-secondary.fourth .block.textimageblock2 .stbcolor-primary.third .text a {
color: #282828;
border-bottom: 1px solid #666
}
.textimageblock2 .stbcolor-primary.third h1,.textimageblock2 .stbcolor-secondary.fifth h1,.textimageblock2 .stbcolor-secondary.sixth h1,.textimageblock2 .stbcolor-secondary.seventh h1,.textimageblock2 .stbcolor-secondary.eighth h1,.textimageblock2 .stbcolor-gray h1,.textimageblock2 .stbcolor-visuals.third h1,.textimageblock2 .stbcolor-visuals.fourth h1 {
color: #B20000
}
.textimageblock2 .text[class*="col-sm-"] {
padding: 0
}
.textimageblock2 .bottom-margin-20 {
margin-bottom: 20px!important
}
.textimageblock2 .pull-left,.accordionblock2 .pull-left {
padding-left: 0;
margin-right: 24px
}
.textimageblock2 .pull-right,.accordionblock2 .pull-right {
padding-right: 0;
margin-left: 24px
}
.block.iframeblock {
margin-bottom: 24px!important
}
.mediaType {
margin-left: 5px;
font-weight: normal
}
ul.check {
text-align: left;
margin-right: 18px
}
ul.check>li:before {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/color-sprites.png) no-repeat;
background-position: 3px 3px;
width: 28px;
height: 28px;
display: block;
position: absolute;
content: " ";
margin-left: -35px
}
ul.check>li {
display: list-item;
padding-left: 30px;
list-style-type: none
}
div.text-align-center {
text-align: center
}
div.container div.banner div.stb-box {
padding: 0
}
div.container div.banner div.stb-box.dashed,div.container div.banner div.stb-box.mini {
padding: 24px 24px 0 24px
}
div.stb-box.mini ul.stb {
display: inline-block
}
span.filemargin {
margin-right: 50px
}
button.fileUploadButton {
margin-top: 20px
}
.fileUpload {
position: relative;
overflow: hidden
}
.fileUpload input.upload {
cursor: pointer;
font-size: 20px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
height: 48px
}
.fileUpload>span {
position: relative;
top: 5px
}
.onefile .uploadfilename {
color: GrayText;
float: left;
width: 30%
}
.cursor-pointer {
cursor: pointer
}
.risk-profiles {
text-align: center;
margin-left: -5px;
margin-right: -5px
}
.risk-profiles h3 {
margin: 0;
color: #fff;
padding: 5px 0;
font-weight: 500;
font-family: Arial,"Times New Roman",Times,serif
}
.xformblock form textarea {
width: 75%;
height: 150px
}
.xformblock form textarea.mega {
width: 100%;
height: 250px
}
@media(max-width: 991px) {
.xformblock form textarea {
width:100%;
height: 200px
}
}
@media(min-width: 992px) {
.product-illustration {
margin-top:30px
}
.product-illustration figure img {
display: block;
margin-left: auto;
margin-right: auto
}
}
div.mentorblock div.container div.row {
padding: 0
}
div.contentarearowblock div.banner div.container {
padding-left: 0;
padding-right: 0
}
.spara-med-spp .contentarearowblock div.banner div.container {
padding: 24px;
padding-top: 0
}
.spara-med-spp.contentarearowblock:nth-last-of-type(2) {
margin-bottom: 0
}
.textimageblock img[src*=".svg"],.accordion img[src*=".svg"],.textimageblock2 img[src*=".svg"],.accordionblock2 img[src*=".svg"] {
max-width: 124px!important
}
figure.img-circle {
width: 160px;
height: 160px
}
figure.my-services.img-circle img[src*=".svg"] {
height: 110px;
padding: 35px 0 0 43px
}
@media(max-width: 767px) {
div.banner div[class^="col-"] h2,div.banner div[class^="col-"] h3,div.banner div[class^="col-"] h4,div.banner div[class^="col-"] h5,div.banner div[class^="col-"] h6 {
margin-top:30px
}
div.textimageblock2 img.pull-left,div.textimageblock2 img.pull-right {
max-width: 100%;
margin-bottom: 10px!important
}
}
div.banner .stb-figure img[src*=".svg"],div.mentorblock .stb-figure img[src*=".svg"],div.mentoreditorblock .stb-figure img[src*=".svg"] {
max-height: 160px;
max-width: 100%;
margin-bottom: 30px
}
div.mentorblock .stb-figure.infografik img[src*=".svg"],div.mentoreditorblock .stb-figure.infografik img[src*=".svg"] {
max-height: 270px;
max-width: 100%;
margin-bottom: 25px
}
div.miniboxblock .image img[src*=".svg"] {
height: 150px;
padding-bottom: 15px
}
.product-illustration figure img[src*=".svg"] {
height: 142px
}
.stb-box.mini .text h3 {
margin-bottom: 6px;
margin-top: 15px
}
@media(max-width: 991px) {
.stb-box.mini .text h3 {
margin-bottom:15px
}
p.boxy {
font-size: 20px
}
}
@media(max-width: 1024px) {
.block.textimageblock2 .text {
display:block!important
}
}
div.contentarearowblock:nth-last-of-type(2) {
margin-bottom: 25px
}
.messagecontainer {
padding-top: 25px;
padding-bottom: 25px
}
div.messagecontainer h3 {
margin: 0
}
div.portfolio-content-holder>.container {
padding-top: 0
}
.color-swatch {
border-radius: 50%;
width: 42px;
height: 42px;
float: left;
margin: 0 12px 12px 0
}
.color-swatch-small {
border-radius: 50%;
width: 12px;
height: 12px;
float: left;
margin: 5px 9px 5px 0
}
div.banner .stbcolor-primary .third div.container div.mini {
background: green
}
.indeximagewrapper {
margin-top: 15px;
font-size: 30px
}
.indexImagewrapper .indeximage {
margin-top: -10px
}
.insurance-level-holders>.sustainability-level {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/hallbarhetsskalaBorder.svg) no-repeat;
display: inline-block;
height: 30px;
width: 190px;
font-size: 1.8em;
margin-top: 13px;
padding: 0
}
.insurance-level-holders>.sustainability-level.s0 {
background-position: 0 0
}
.insurance-level-holders>.sustainability-level.s1 {
background-position: 0 -30px
}
.insurance-level-holders>.sustainability-level.s2 {
background-position: 0 -65px
}
.insurance-level-holders>.sustainability-level.s3 {
background-position: 0 -96px
}
.insurance-level-holders>.sustainability-level.s4 {
background-position: 0 -127px
}
.insurance-level-holders>.sustainability-level.s5 {
background-position: 0 -158px;
height: 31px
}
.insurance-level-holders>.sustainability-level.s6 {
background-position: 0 -189px;
height: 31px
}
.insurance-level-holders>.sustainability-level.s7 {
background-position: 0 -220px;
height: 31px
}
.insurance-level-holders>.sustainability-level.s8 {
background-position: 0 -252px;
height: 31px
}
.insurance-level-holders>.sustainability-level.s9 {
background-position: 0 -283px;
height: 31px
}
.insurance-level-holders>.sustainability-level.s10 {
background-position: 0 -314px;
height: 31px
}
div.category-page div.container div.row div- {
padding-bottom: 0
}
.stb-btn-active {
background-color: #404040!important
}
.stb-btn.green {
background-color: #819f2b!important;
border: none!important;
color: #fff!important
}
.stb-btn.green:hover {
background-color: #6c8524!important
}
#fileBrowser {
position: absolute;
opacity: 0;
left: -10000px
}
input[type=checkbox].stb-checkbox+input+label {
display: inline-block;
margin: -2px;
padding: 8px 20px 8px 6px;
border: solid 1px #ccc;
font-weight: normal
}
input[type=checkbox].stb-checkbox+input+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px 0;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
input[type=checkbox].stb-checkbox:checked+input+label span {
background: url(https://www.spp.se/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -40px;
padding-left: 40px;
padding-top: 10px;
font-size: 16px
}
.petite-label {
font-size: .9em;
font-weight: normal;
font-family: "Open Sans",Arial,ArialMT,sans-serif
}
@media(max-width: 768px) {
.textimageblock {
margin-left:10px;
margin-right: 10px
}
}
form .stb-form-group>label.label-with-helptext-for-textbox {
padding: 8px 10px 8px 0;
display: inline
}
.label-with-helptext,.span-to-hide {
display: none
}
@media(min-width: 400px) and (max-width:1200px) {
form .stb-form-group>label.label-with-helptext-for-textbox {
display:block
}
.label-with-helptext,.span-to-hide {
top: -35px;
left: -90px;
position: relative
}
}
div.upload-container-file {
padding: 0 10px 0 0
}
span.filemargin {
padding-right: 10px
}
#email-info-text {
display: none;
border-left: 1px solid #000;
padding-left: 20px;
margin-bottom: 10px;
font-size: 14px
}
@media(min-width: 768px) {
#email-info-text {
width:510px
}
}
#email-info-text p {
font-size: 14px
}
img.email-info-text-toggle {
margin-left: 5px;
width: 24px;
padding-bottom: 2px
}
div.email-info-text-toggle {
font-weight: 600;
font-size: 16px
}
div>form#sms2>div.stb-form-group>input.in-text-input {
padding-bottom: 0!important;
margin-bottom: 10px!important;
border-top: none!important;
border-left: none!important;
border-right: none!important;
box-shadow: none!important;
border-bottom: 1px solid #404040!important;
font-size: 1.7em;
font-weight: 300
}
@media(max-width: 991px) {
div>form#sms2>div.stb-form-group>input.in-text-input {
font-size:1.3em
}
}
.increase-font {
font-size: 1.5em
}
.width-one-sixth {
width: 16.66666667%!important
}
.stb-svg-icon.medium {
height: 24px;
width: 24px
}
.stb-svg-icon.large {
height: 32px;
width: 32px
}
.stb-svg-icon.lock.white {
background: url(/Content/theme-spp/images/svg/locker-v.svg) no-repeat
}
#mobilemenu ul.nav-tabs li.tab-box.five-in-row {
width: 20%
}
#top-menu-nav div.navbar ul.nav li a {
border-bottom: none
}
#top-menu-nav .navbar.navbar-default .nav {
display: flex
}
#top-menu-nav .navbar.navbar-default .nav>li {
width: 30%
}
#top-menu-nav .loggedin .navbar.navbar-default .nav>li {
width: 25%
}
#top-menu-nav .navbar.navbar-default .nav.col-md-5>li {
width: 50%
}
#top-menu-nav .navbar.navbar-default .nav>li>a {
font-size: 19px
}
#top-menu-nav .navbar.navbar-default .pw-login-toggle {
font-size: 19px
}
.readMore {
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: normal;
height: 248px
}
#save-with-spp-container .pension-age-container {
position: relative
}
#save-with-spp-container .pension-age {
margin: 0 20px
}
#save-with-spp-container .stb-sprite-small.play.subtract-year,#save-with-spp-container .stb-sprite-small.play.add-year {
position: absolute;
top: 20px;
opacity: .7;
cursor: pointer
}
#save-with-spp-container .stb-sprite-small.play.subtract-year {
left: 0;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
#save-with-spp-container .stb-sprite-small.play.add-year {
right: 0
}
.jslider {
background: #fff
}
.jslider .jslider-value>span {
line-height: 40px;
font-size: 1.4em
}
#validationsummary.hide-default {
display: none
}
.searchResultTypeaheadHolder {
background-color: #fff;
text-align: left;
list-style-type: none
}
.searchResultTypeaheadlist {
padding-bottom: 5px;
font-size: 16px;
height: 30px
}
li.searchResultTypeaheadlist a {
color: #555
}
li.searchResultTypeaheadlist a:hover {
font-weight: bold
}
span.intro {
font-size: 24px;
line-height: 30px;
margin: 0 0 12px
}
@media(max-width: 991px) {
span.intro {
font-size:18px;
line-height: 24px;
margin: 0 0 9px
}
}
.saving-option>div {
position: relative;
margin-top: 86px
}
.saving-option figure:first-child {
position: relative;
top: -86px;
margin-bottom: -86px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
border: 5px solid #efe8df;
background: #fff;
overflow: hidden
}
.saving-option .content {
padding: 50px 25px 25px 25px
}
.saving-option .content>h2 {
padding-top: 40px
}
.risk-profiles .twister:before {
content: ' ';
background: #000;
width: 10px;
height: 10px;
display: inline-block;
zoom:1;*display: inline;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%
}
.risk-profiles li.blue .twister:before {
background: #afdfdb
}
.risk-profiles li.green .twister:before {
background: #a7c51d
}
.risk-profiles li.beige .twister:before {
background: #e6d1b8
}
.risk-profiles li.pink .twister:before {
background: #ffb3b1
}
.risk-profiles li.brown .twister:before {
background: #786652
}
.answer table {
margin-top: 0
}
img.mobile-friendly {
max-width: 100%;
height: auto
}
.WidthAuto {
width: 100%!important
}
.Valfritt label:first-child {
float: left!important;
padding: unset!important
}
.Valfritt span {
font-size: inherit!important
}
.CursorPointer {
cursor: pointer
}
div.stbcolor-secondary.third a,div.stbcolor-secondary.third p,div.stbcolor-secondary.third ul,div.stbcolor-secondary.third ol,div.stbcolor-secondary.third h1,div.stbcolor-secondary.third h2,div.stbcolor-secondary.third h3,div.stbcolor-secondary.third h4,div.stbcolor-secondary.third h5,div.stbcolor-secondary.third h6 {
color: #fff
}
div.stbcolor-secondary.third a {
border-bottom: 1px solid #fff
}
div.stbcolor-secondary.first a,div.stbcolor-secondary.second a,div.stbcolor-secondary.fourth a {
border-bottom: 1px solid #fff
}
div.stbcolor-secondary.fifth a.stb-btn.transparent,div.stbcolor-secondary.sixth a.stb-btn.transparent,div.stbcolor-visuals.third a.stb-btn.transparent,div.stbcolor-secondary.seventh a.stb-btn.transparent,div.stbcolor-visuals.fourth a.stb-btn.transparent {
border: 1px solid #404040;
color: #000
}
div.stbcolor-secondary.fifth a.stb-btn.transparent:hover,div.stbcolor-secondary.sixth a.stb-btn.transparent:hover,div.stbcolor-visuals.third a.stb-btn.transparent:hover,div.stbcolor-secondary.seventh a.stb-btn.transparent:hover,div.stbcolor-visuals.fourth a.stb-btn.transparent:hover {
border: 1px solid #404040;
color: #404040;
background-color: rgba(0,0,0,.1)
}
div.stbcolor-primary.first a.stb-btn.transparent,div.stbcolor-secondary.first a.stb-btn.transparent,div.stbcolor-secondary.second a.stb-btn.transparent,div.stbcolor-secondary.third a.stb-btn.transparent,div.stbcolor-secondary.fourth a.stb-btn.transparent {
border: 1px solid #fff;
color: #fff
}
div.stbcolor-secondary.first a.stb-btn.transparent:hover,div.stbcolor-secondary.second a.stb-btn.transparent:hover,div.stbcolor-secondary.third a.stb-btn.transparent:hover,div.stbcolor-secondary.fourth a.stb-btn.transparent:hover {
border: 1px solid #fff;
color: #fff;
background-color: rgba(0,0,0,.1)
}
a.stb-btn.stb-big-btn.cta {
padding-top: 20px!important
}
#linklist h2.left-padding-6 {
padding-left: 6px
}
div.stbcolor-secondary.third div.imagehtmltextlinkblock button.stb-btn {
border: 1px solid #fff;
background: transparent
}
div.stbcolor-secondary.third div.imagehtmltextlinkblock button.stb-btn:hover {
background-color: rgba(0,0,0,.2)
}
div.stbcolor-primary.first div.imagehtmltextlinkblock a.stb-btn,div.stbcolor-secondary.first div.imagehtmltextlinkblock a.stb-btn,div.stbcolor-secondary.second div.imagehtmltextlinkblock a.stb-btn,div.stbcolor-secondary.third div.imagehtmltextlinkblock a.stb-btn,div.stbcolor-secondary.fourth div.imagehtmltextlinkblock a.stb-btn {
border: 1px solid #fff;
color: #fff;
background: transparent
}
div.stbcolor-primary.first div.imagehtmltextlinkblock a.stb-btn:hover,div.stbcolor-secondary.first div.imagehtmltextlinkblock a.stb-btn:hover,div.stbcolor-secondary.second div.imagehtmltextlinkblock a.stb-btn:hover,div.stbcolor-secondary.third div.imagehtmltextlinkblock a.stb-btn:hover,div.stbcolor-secondary.fourth div.imagehtmltextlinkblock a.stb-btn:hover {
background-color: rgba(0,0,0,.2);
color: #fff
}
div.stbcolor-primary.first a.stb-btn,div.stbcolor-secondary.first a.stb-btn,div.stbcolor-secondary.second a.stb-btn,div.stbcolor-secondary.third a.stb-btn,div.stbcolor-secondary.fourth a.stb-btn {
border: 1px solid #fff;
color: #fff
}
div.stbcolor-primary.first a.stb-btn:hover,div.stbcolor-secondary.first a.stb-btn:hover,div.stbcolor-secondary.second a.stb-btn:hover,div.stbcolor-secondary.third a.stb-btn:hover,div.stbcolor-secondary.fourth a.stb-btn:hover {
transition: all .2s ease-in-out
}
div.stbcolor-primary.third a.stb-btn,div.stbcolor-secondary.fifth a.stb-btn,div.stbcolor-secondary.sixth a.stb-btn,div.stbcolor-secondary.seventh a.stb-btn,div.stbcolor-gray.third a.stb-btn,div.stbcolor-gray.first a.stb-btn,div.stbcolor-visuals.third a.stb-btn,div.stbcolor-visuals.fourth a.stb-btn {
border: 1px solid #404040;
color: #404040;
background: transparent
}
div.stbcolor-primary.third a.stb-btn:hover,div.stbcolor-secondary.fifth a.stb-btn:hover,div.stbcolor-secondary.sixth a.stb-btn:hover,div.stbcolor-secondary.seventh a.stb-btn:hover,div.stbcolor-gray.third a.stb-btn:hover,div.stbcolor-gray.first a.stb-btn:hover,div.stbcolor-visuals.third a.stb-btn:hover,div.stbcolor-visuals.fourth a.stb-btn:hover {
background-color: rgba(0,0,0,.1)
}
div.textbuttonblock div.stbcolor-primary.third h2,div.textbuttonblock div.stbcolor-secondary.fifth h2,div.textbuttonblock div.stbcolor-secondary.sixth h2,div.textbuttonblock div.stbcolor-secondary.seventh h2,div.textbuttonblock div.stbcolor-gray.third h2,div.textbuttonblock div.stbcolor-gray.first h2,div.textbuttonblock div.stbcolor-visuals.third h2,div.textbuttonblock div.stbcolor-visuals.fourth h2 {
color: #404040
}
div.textbuttonblock div.stbcolor-primary.third p,div.textbuttonblock div.stbcolor-secondary.fifth p,div.textbuttonblock div.stbcolor-secondary.sixth p,div.textbuttonblock div.stbcolor-secondary.seventh p,div.textbuttonblock div.stbcolor-gray.third p,div.textbuttonblock div.stbcolor-visuals.third p,div.textbuttonblock div.stbcolor-visuals.fourth p {
color: #404040
}
div.stbcolor-primary.first div.infoboxblock h4,div.stbcolor-primary.third div.infoboxblock h4,div.stbcolor-secondary.first div.infoboxblock h4,div.stbcolor-secondary.second div.infoboxblock h4,div.stbcolor-secondary.third div.infoboxblock h4,div.stbcolor-secondary.fourth div.infoboxblock h4,div.stbcolor-secondary.fifth div.infoboxblock h4,div.stbcolor-secondary.sixth div.infoboxblock h4,div.stbcolor-secondary.seventh div.infoboxblock h4,div.stbcolor-gray.third div.infoboxblock h4,div.stbcolor-gray.first div.infoboxblock h4,div.stbcolor-visuals.third div.infoboxblock h4,div.stbcolor-visuals.fourth div.infoboxblock h4 {
color: #000
}
div.stbcolor-primary.first div.infoboxblock p,div.stbcolor-primary.third div.infoboxblock p,div.stbcolor-secondary.first div.infoboxblock p,div.stbcolor-secondary.second div.infoboxblock p,div.stbcolor-secondary.third div.infoboxblock p,div.stbcolor-secondary.fourth div.infoboxblock p,div.stbcolor-secondary.fifth div.infoboxblock p,div.stbcolor-secondary.sixth div.infoboxblock p,div.stbcolor-secondary.seventh div.infoboxblock p,div.stbcolor-gray.third div.infoboxblock p,div.stbcolor-gray.first div.infoboxblock p,div.stbcolor-visuals.third div.infoboxblock p,div.stbcolor-visuals.fourth div.infoboxblock p {
color: #000
}
.block.contentareacontainerblock .block.infoboxblock {
display: inline-block
}
div.stbcolor-primary.first div.newslistblock ul li a,div.stbcolor-primary.first div.linklistblock .inherit ul li a,div.stbcolor-secondary.first div.newslistblock ul li a,div.stbcolor-secondary.first div.linklistblock .inherit ul li a,div.stbcolor-secondary.second div.newslistblock ul li a,div.stbcolor-secondary.second div.linklistblock .inherit ul li a,div.stbcolor-secondary.third div.newslistblock ul li a,div.stbcolor-secondary.third div.linklistblock .inherit ul li a,div.stbcolor-secondary.fourth div.newslistblock ul li a,div.stbcolor-secondary.fourth div.linklistblock .inherit ul li a {
color: #fff!important
}
div.stbcolor-secondary.third div.linklistblock :not(.inherit) ul li a {
color: #282828
}
div.stbcolor-primary.first div.linklistblock .inherit ul li a:hover,div.stbcolor-primary.third div.linklistblock .inherit ul li a:hover,div.stbcolor-secondary.first div.linklistblock .inherit ul li a:hover,div.stbcolor-secondary.second div.linklistblock .inherit ul li a:hover,div.stbcolor-secondary.third div.linklistblock .inherit ul li a:hover,div.stbcolor-secondary.fourth div.linklistblock .inherit ul li a:hover,div.stbcolor-secondary.fifth div.linklistblock .inherit ul li a:hover,div.stbcolor-visuals.third div.linklistblock .inherit ul li a:hover,div.stbcolor-visuals.fourth div.linklistblock .inherit ul li a:hover,div.stbcolor-secondary.seventh div.linklistblock .inherit ul li a:hover,div.stbcolor-gray.third div.linklistblock .inherit ul li a:hover,div.stbcolor-gray.first div.linklistblock .inherit ul li a:hover {
background-color: rgba(0,0,0,.2)
}
div.stbcolor-primary.first div.newslistblock ul li a span.arrow-right,div.stbcolor-primary.first div.linklistblock .inherit ul li a span.arrow-right,div.stbcolor-secondary.first div.newslistblock ul li a span.arrow-right,div.stbcolor-secondary.first div.linklistblock .inherit ul li a span.arrow-right,div.stbcolor-secondary.second div.newslistblock ul li a span.arrow-right,div.stbcolor-secondary.second div.linklistblock .inherit ul li a span.arrow-right,div.stbcolor-secondary.third div.newslistblock ul li a span.arrow-right,div.stbcolor-secondary.third div.linklistblock .inherit ul li a span.arrow-right,div.stbcolor-secondary.fourth div.newslistblock ul li a span.arrow-right,div.stbcolor-secondary.fourth div.linklistblock .inherit ul li a span.arrow-right {
color: #fff!important;
background-position: -100px -700px!important
}
.intro {
font-weight: 300
}
p.boxy a {
font-size: 16px
}
div.stbcolor-secondary.first .miniboxblock h1,div.stbcolor-secondary.first .miniboxblock h2,div.stbcolor-secondary.first .miniboxblock h3,div.stbcolor-secondary.first .miniboxblock h4,div.stbcolor-secondary.first .miniboxblock h5,div.stbcolor-secondary.second .miniboxblock h1,div.stbcolor-secondary.second .miniboxblock h2,div.stbcolor-secondary.second .miniboxblock h3,div.stbcolor-secondary.second .miniboxblock h4,div.stbcolor-secondary.second .miniboxblock h5,div.stbcolor-secondary.third .miniboxblock h1,div.stbcolor-secondary.third .miniboxblock h2,div.stbcolor-secondary.third .miniboxblock h3,div.stbcolor-secondary.third .miniboxblock h4,div.stbcolor-secondary.third .miniboxblock h5,div.stbcolor-secondary.fourth .miniboxblock h1,div.stbcolor-secondary.fourth .miniboxblock h2,div.stbcolor-secondary.fourth .miniboxblock h3,div.stbcolor-secondary.fourth .miniboxblock h4,div.stbcolor-secondary.fourth .miniboxblock h5,div.stbcolor-primary.first .miniboxblock h1,div.stbcolor-primary.first .miniboxblock h2,div.stbcolor-primary.first .miniboxblock h3,div.stbcolor-primary.first .miniboxblock h4,div.stbcolor-primary.first .miniboxblock h5,.stbcolor-secondary.first .miniboxblock p,.stbcolor-secondary.first .miniboxblock p a,.stbcolor-secondary.first .miniboxblock li,.stbcolor-secondary.second .miniboxblock p,.stbcolor-secondary.second .miniboxblock p a,.stbcolor-secondary.second .miniboxblock li,.stbcolor-secondary.third .miniboxblock p,.stbcolor-secondary.third .miniboxblock p a,.stbcolor-secondary.third .miniboxblock li,.stbcolor-secondary.fourth .miniboxblock p,.stbcolor-secondary.fourth .miniboxblock p a,.stbcolor-secondary.fourth .miniboxblock li,.stbcolor-primary.first .miniboxblock p,.stbcolor-primary.first .miniboxblock p a,.stbcolor-primary.first .miniboxblock li {
color: #282828
}
div.stbcolor-secondary.first .miniboxblock p a:visited,div.stbcolor-secondary.second .miniboxblock p a:visited,div.stbcolor-secondary.third .miniboxblock p a:visited,div.stbcolor-secondary.fourth .miniboxblock p a:visited,div.stbcolor-primary.first .miniboxblock p a:visited {
color: #776654
}
div.stbcolor-secondary.first .miniboxblock p a,div.stbcolor-secondary.second .miniboxblock p a,div.stbcolor-secondary.third .miniboxblock p a,div.stbcolor-secondary.fourth .miniboxblock p a,div.stbcolor-primary.first .miniboxblock p a {
border-bottom: 1px solid #282828
}
.banner .stb-box.mini {
margin-bottom: 24px
}
@media(max-width: 767px) {
.stb-box.mini.wide:hover {
padding:24px 24px 12px 24px
}
}
.miniboxblock .epi-editContainer img.img-responsive[src*=".svg"],.textimageblock .epi-editContainer img.img-responsive[src*=".svg"],.mentoreditorblock .epi-editContainer img.img-responsive[src*=".svg"],.mentorblock .epi-editContainer img.img-responsive[src*=".svg"] {
height: 150px!important;
padding-bottom: 15px
}
div.row.video-text>div>h1:first-child,div.row.video-text>div>h2:first-child,div.row.video-text>div>h3:first-child,div.row.video-text>div>h4:first-child,div.row.video-text>div>h5:first-child {
margin-top: 48px
}
.stb-box.mini .text h1,.stb-box.mini .text h2,.stb-box.mini .text h3,.stb-box.mini .text h4,.stb-box.mini .text h5 {
margin-top: 15px
}
ul.accordion li.accordion2toptext {
margin: 0;
padding-left: 0;
padding-top: 12px;
padding-bottom: 6px;
border: none;
background-color: inherit
}
ul.accordion li.accordion2bottomtext {
margin: 0;
padding-left: 0;
padding-top: 6px;
border: none;
background-color: inherit
}
ul.accordion li.accordion2toptext p,ul.accordion li.accordion2bottomtext p {
padding-left: 0
}
ul.accordion li.accordion2toptext ul,ul.accordion li.accordion2toptext ol,ul.accordion li.accordion2bottomtext ul,ul.accordion li.accordion2bottomtext ol {
margin: 0 0 16px 0;
padding-left: 5px;
background-color: inherit
}
ul.accordion li.accordion2toptext ul li,ul.accordion li.accordion2bottomtext ul li {
list-style: disc outside none;
border: none;
margin-bottom: 5px;
margin-left: 13px;
background-color: inherit
}
ul.accordion li.accordion2toptext ol li,ul.accordion li.accordion2bottomtext ol li {
list-style: decimal;
border: none;
margin-bottom: 5px;
margin-left: 13px;
background-color: inherit
}
ul.accordion li div.answer ul.check li,ul.accordion li.accordion2toptext ul.check li,ul.accordion li.accordion2bottomtext ul.check li {
list-style-type: none
}
.accordion2toptext h1,.accordion2bottomtext h1,.accordion2toptext h2,.accordion2bottomtext h2,.accordion2toptext h3,.accordion2bottomtext h3,.accordion2toptext h4,.accordion2bottomtext h4,.accordion2toptext h5,.accordion2bottomtext h5,.accordion2toptext h6,.accordion2bottomtext h6 {
margin-top: 0
}
.accordion2toptext p:last-child {
margin-bottom: 0
}
.stbcolor-secondary.fourth a.twister .question,.stbcolor-primary.first .answer p,div.stbcolor-secondary.third .answer p {
color: #282828
}
.stbcolor-primary.first ul.accordion .accordion2toptext li,.stbcolor-primary.first ul.accordion .accordion2toptext p,.stbcolor-primary.first ul.accordion .accordion2bottomtext li,.stbcolor-primary.first ul.accordion .accordion2bottomtext p,.stbcolor-secondary.first ul.accordion .accordion2toptext li,.stbcolor-secondary.first ul.accordion .accordion2toptext p,.stbcolor-secondary.first ul.accordion .accordion2bottomtext li,.stbcolor-secondary.first ul.accordion .accordion2bottomtext p,.stbcolor-secondary.second ul.accordion .accordion2toptext li,.stbcolor-secondary.second ul.accordion .accordion2toptext p,.stbcolor-secondary.second ul.accordion .accordion2bottomtext li,.stbcolor-secondary.second ul.accordion .accordion2bottomtext p,.stbcolor-secondary.third ul.accordion .accordion2toptext li,.stbcolor-secondary.third ul.accordion .accordion2toptext p,.stbcolor-secondary.third ul.accordion .accordion2bottomtext li,.stbcolor-secondary.third ul.accordion .accordion2bottomtext p,.stbcolor-secondary.fourth ul.accordion .accordion2toptext li,.stbcolor-secondary.fourth ul.accordion .accordion2toptext p,.stbcolor-secondary.fourth ul.accordion .accordion2bottomtext li,.stbcolor-secondary.fourth ul.accordion .accordion2bottomtext p {
color: #fff
}
ul.accordion {
padding-bottom: 12px
}
ul.accordion li .answer ol,ul.accordion li .answer ul {
overflow: hidden
}
.stb-list-group a.list-group-item,.stb-list-group a.list-group-item:hover {
padding-left: 10px
}
.linklistblock :not(.inherit) .stb-list-group ul li {
background-color: #fff
}
a.pdf-link {
margin-left: 2px
}
.textimageblock h1,.textimageblock h2,.textimageblock h3,.textimageblock h4,.textimageblock h5,.textimageblock h6,.youtubeembeddedblock h1,.youtubeembeddedblock h2,.youtubeembeddedblock h3,.youtubeembeddedblock h4,.youtubeembeddedblock h5,.youtubeembeddedblock h6 {
margin: 0 12px 6px 0
}
.pw-login-toggle {
color: #fff;
background-color: #bb1b18;
font-family: "Open Sans Bold",Arial,ArialMT,sans-serif;
font-size: 16px;
border: 0;
padding: 0;
height: 100%;
width: 100%;
line-height: 80px
}
.pw-login-toggle .lock {
margin-right: 5px;
margin-bottom: -2px
}
.pw-login-toggle .caret {
margin-left: 5px
}
.pw-login-toggle-menu {
display: none;
position: absolute;
background-color: #fff;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
border: 1px solid rgba(0,0,0,.15);
padding: 10px;
list-style: none;
min-width: 215px;
z-index: 1000
}
.pw-login-toggle-menu li {
padding: 5px
}
#top-menu-nav .pw-login-toggle-menu li a.menu-link:hover {
color: #B20000;
border-bottom: 1px solid #B20000;
text-decoration: none
}
.pw-login-toggle-menu.is-visible {
display: block
}
.block.textimageblock2 .container,.block.heroimageblock .container {
padding-top: 24px;
padding-bottom: 24px
}
.block.mentorblock .container,.block.mentoreditorblock .container {
padding-bottom: 0
}
.block.heroimageblock .banner {
background-size: cover;
background-position-y: center;
min-height: 376px
}
.block.heroimageblock .v-center {
display: flex!important;
align-items: center!important;
flex-direction: row!important;
flex-wrap: wrap!important;
justify-content: center!important
}
.block.heroimageblock .stb-transparent>span.banner-box {
margin-top: 24px;
margin-bottom: 24px
}
.block.heroimageblock .stb-transparent>div {
padding: 40px;
background: rgba(255,255,255,.8)
}
.block.heroimageblock .banner h1 {
margin-top: 0;
margin-bottom: 12px
}
.block.heroimageblock p.intro {
font-size: 20px
}
.block.heroimageblock .dark .v-center.stb-transparent>div {
background: rgba(0,0,0,.7)!important;
color: #fff
}
.block.heroimageblock .dark h1,.block.heroimageblock .dark p.intro,.block.heroimageblock .dark .epi-editContainer {
color: #fff!important
}
.block.heroimageblock .stb-btn {
border-radius: 2px
}
.block.heroimageblock .stb-btn:first-of-type {
margin-right: 30px
}
@media(max-width: 440px) {
.block.heroimageblock .stb-btn {
max-width:100%;
display: block;
text-align: center
}
.block.heroimageblock .stb-btn:first-of-type {
margin-right: 0
}
}
.searchblock .searchcontainer {
margin-bottom: 30px
}
.cookie-buttons-wrapper {
text-align: center
}
.cookie-buttons {
flex-direction: column;
display: inline-flex;
flex-wrap: wrap
}
@media(max-width: 992px) {
#cookiebanner.stb-modal .modal-content {
height:auto;
margin-left: 15px;
margin-right: 15px
}
}
@media(max-width: 742px) {
.cookie-buttons {
padding-left:0%;
padding-right: 0%
}
}
#cookiebanner .modal-body {
padding: 48px
}
#cookiebanner .modal-body .container {
padding-top: 0
}
#cookiebanner .modal-body .container .col-sm-8 {
padding-left: 0
}
#cookiebanner #close-cookie-information {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
height: 16px;
width: 16px
}
#cookiebanner #close-cookie-information .remove {
position: absolute;
right: 48px
}
.cookie-buttons p {
text-align: center
}
.cookie-buttons p .stb-btn {
width: 100%
}
#cookie-information-text .container.article {
width: auto
}
#cookie-information-text .container.article .row {
overflow: hidden
}
#cookie-information-text .container.article .row .col-sm-8 {
width: 100%
}
input[type=checkbox].stb-checkbox.disabled-checked+label span {
background: url(/Content/theme-spp/images/stb-sprites/ui-sprites.png) no-repeat transparent;
background-position: -1px -80px
}
.nopadding {
padding: 0!important
}
.textimageblock2 .nopadding,.textimageblock .nopadding,.teaserblock .nopadding {
padding: 24px 0 24px 0!important
}
.teaserblock .stb-box:first-child {
padding-top: 0
}
.container {
padding-top: 30px
}
.border-heading {
display: inline-block;
color: #fff;
z-index: 10;
line-height: 40px;
font-size: 20px;
font-weight: bold;
padding-left: 34px;
padding-right: 34px
}
.article-tag {
margin-right: 10px;
text-transform: uppercase;
font-size: 14px;
padding-bottom: 16px;
display: inline-block
}
#iframeDiv {
min-height: 145px
}
#iframeDiv .spinner {
z-index: -1!important
}
.breadcrumb {
padding: 14px 2px;
background-color: #fff;
font-size: 16px;
line-height: 18px;
font-weight: 600;
margin: 0;
color: #282828
}
@media(max-width: 768px) {
.breadcrumb {
font-size:14px
}
}
.breadcrumb>li+li:before {
content: "›";
color: #282828
}
ul.breadcrumb li a {
cursor: pointer;
text-decoration: none;
border-bottom: 1px solid #666;
line-height: 30px
}
ul.breadcrumb li a:hover {
border-bottom: 1px solid #B20000
}
.breadcrumb>.active {
color: #282828
}
.container.breadcrumb-wrapper {
background-color: #fff;
padding-top: 0;
margin-bottom: 0
}
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav.reversed {
display: flex;
flex-direction: row-reverse
}
#top-menu-nav .navbar .container {
height: 80px
}
.mobilefooter .container .social,.row.social div.col-sm-6,.mobilefooter .container .row.info {
display: flex;
flex-direction: row
}
.mobilefooter .container .row.info ul {
padding: 0 15px 0 15px;
flex: auto
}
.mobilefooter .container .social div,.row.social div.col-sm-6 div {
flex: auto;
text-align: center
}
.mobilefooter .container .social div .stb-svg-icon {
height: 16px;
width: 16px
}
.mobilefooter .container .copyright {
text-align: center
}
.float-right {
float: right
}
.ui-widget-content .ui-state-active {
border: 1px solid #eee;
background: #eee;
font-weight: normal;
color: #212121
}
.youtube-error-message-block,.spotify-error-message-block {
display: none
}
.onetrust-targeting-notallowed {
display: none
}
.video-container {
min-height: .65rem!important
}
.stb-box.error {
border: 3px dashed #e36a31;
background: #fee6db
}
.stb-box.error img {
width: 25px;
height: 25px
}
textarea.FormTextbox__Input {
width: 100%
}
.spp-business-search-group {
position: relative;
display: inline-block
}
.spp-business-search-group .autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
top: 80%;
left: 0;
right: 0
}
.spp-business-search-group .autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4
}
.spp-business-search-group .autocomplete-items div:hover {
background-color: #e9e9e9
}
.spp-business-search-group .autocomplete-active {
background-color: #1e90ff!important;
color: #fff
}
.stb-svg-icon.employee-v {
background: url(https://www.spp.se/Content/theme-spp/images/svg/employee-v.svg) no-repeat;
}
.stb-svg-icon {
display: inline-block;
}
p a {
color: #bf0900 !important;
border-bottom: 0 !important;
text-decoration: underline;
}
p a:visited {
color: #bf0900 !important;
border-bottom: 0 !important;
text-decoration: underline;
}
p a:hover {
color: #bf0900 !important;
border-bottom: 0 !important;
text-decoration: underline;
}
p a.stb-footer-link {
color: #ffffff !important;
border-bottom: 1px solid #ffffff !important;
}
p a.stb-footer-link:visited {
color: #ffffff !important;
border-bottom: 1px solid #ffffff !important;
}