/* Minification failed. Returning unminified contents.
(353,1): run-time error CSS1019: Unexpected token, found '@import'
(353,9): run-time error CSS1019: Unexpected token, found 'url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css)'
(354,1): run-time error CSS1019: Unexpected token, found '@import'
(354,9): run-time error CSS1019: Unexpected token, found 'url(https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2.css)'
(355,1): run-time error CSS1019: Unexpected token, found '@import'
(355,9): run-time error CSS1019: Unexpected token, found 'url(https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2-bootstrap.css)'
(356,1): run-time error CSS1019: Unexpected token, found '@import'
(356,9): run-time error CSS1019: Unexpected token, found 'url(https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css)'
(357,1): run-time error CSS1019: Unexpected token, found '@import'
(357,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic)'
(358,1): run-time error CSS1019: Unexpected token, found '@import'
(358,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Open+Sans)'
(359,1): run-time error CSS1019: Unexpected token, found '@import'
(359,9): run-time error CSS1019: Unexpected token, found 'url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css)'
(360,1): run-time error CSS1019: Unexpected token, found '@import'
(360,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic)'
(361,1): run-time error CSS1019: Unexpected token, found '@import'
(361,9): run-time error CSS1019: Unexpected token, found 'url(https://fast.fonts.net/cssapi/8f2a6800-87fc-4721-88c2-c4395f5c2529.css)'
(1112,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

@media screen and (max-width: 480px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -25%; /* 3 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -75%; /* 9 columns */
  }

  .row-offcanvas-right.active {
    right: 25%; /* 3 columns */
  }

  .row-offcanvas-left.active {
    left: 75%; /* 9 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 75%; /* 9 columns */
  }
}


/*---- Body ----*/
body, html {
    font-size: 15px;
    /*background-color: #333333;*/
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
}


h1 {
    font-size: 235%;
    font-family: 'Gill Sans W01', 'Arial', sans-serif;
    /*font-size i bootstrap 260%*/
}

h2 {
    font-size: 190%;
    font-family: 'Gill Sans W01', 'Arial', sans-serif;
    /*font-size i bootstrap 215%*/
}

h3 {
    font-size: 155%;
    font-family: 'Gill Sans W01', 'Arial', sans-serif;
    /*font-size i bootstrap 170%*/
}

h4 {
    font-size: 120%;
    font-family: 'Gill Sans W01', 'Arial', sans-serif;
    /*font-size i bootstrap 125%*/
}

/*---- Page building blocks ----*/
#toolbar {
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
}

#header {
    background: #fff;
    /*margin-bottom: 10px;*/
}

#logotype {
    padding: 20px 0 20px 16px;
}

#english-link {
    padding: 25px;
    margin-top: 7px;
}

#mainHeader {
    background: #333;
    color: #fff;
    margin-bottom: 10px;
    padding-right: 0px;
}

#leftlogininfo {
    position: relative;
    padding-left: 20px;
    top: 17px;
}

.menyknapp {
    margin-left: 5px;
}

#rightlogininfo {
    position: relative;
    top: 2px;
}

#glyphButton {
    margin-right: 10px;
    margin-top: 10px;
}

#logout-button {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
}

#main {
    background: #fff;
    padding: 10px 0;
    margin-bottom: 10px;
}

#content-primary {
    margin-bottom: 10px;
}

#footer {
    margin-bottom: 20px;
    text-align: center;
}

/*---- Menus and navigation ----*/
#nav-main .nav li a {
    padding: 3px 5px;
    margin: 2px 0;
}

#nav-main .nav a {
    color: #666;
}

#nav-main .nav a:hover {
    text-decoration: underline !important;
    background-color: #eee;
    color: #666;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus 
{
    color: #fff !important;
    background-color: #0F6CB5;
}

.nav-pills > li.active > a:hover {
        color: #eee;
        background-color: #0043a3 !important;
    }

.nav-level-1 a {
    text-transform: uppercase;
}

.nav-level-2 a {
    text-transform: none;
}

.nav-level-2, .nav-level-3, .nav-level-4, .nav-level-5, .nav-level-6, .nav-level-7 {
    padding-left: 3px;
    margin-left: 6px;
}

.nav-sub-current {
    font-size: 85%;
}

.nav-sort {
    margin-bottom: 10px;
}

/*---- Page specific styles ----*/
.list-group-item-heading {
    font-size: 120%;
    padding-top: 0;
    margin-top: 0;
}

.ts-full-height-container {
    min-height: 360px;
    padding-bottom: 0px;
}

.ts-navbar-bottom-link {
    color: #428bca;
    padding: 5px;
}

.ts-glyphicon-alerts {
    font-size: 150%;
}

/* FIX FOR WINDOWS PHONE 8 */
@-ms-viewport {
    width: device-width;
}

/* Class for accordion header-click */
.panel-heading {
    cursor: pointer;
}

/* Klasser som �ndras i mobill�ge */
@media(max-width: 767px) {

    .ts-full-height-container {
        min-height: 360px;
        padding-bottom: 20px;
        padding-right: 15px;
        padding-left: 15px;
    }

    #nav-main .nav li a {
        padding: 3px 5px;
        margin-left: 5px;
    }

    #nav-main .nav a {
        color: #428bca;
    }

    #nav-main .nav a:hover {
        text-decoration: underline !important;
        background-color: #666;
        color: #fff;
    }
}

/* Responsive header and padding for sidebarmenu */
@media(max-width: 480px) {
    h1 {
        font-size: 30px;
    }

    #nav-main .nav li a {
        padding: 3px 5px;
        margin-left: 13px;
    }
}

/* Responsive tabell i small och medium l�get */
@media (max-width: 1200px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

/* ---------------------- TS-bl� p� alla primary klasser ---------------------------- */

/*Panel*/
.panel-primary {
  border-color: #0F6CB5;
}
.panel-primary > .panel-heading {
  background-color: #0F6CB5;
  border-color: #0F6CB5;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #0F6CB5;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #0F6CB5;
}

/*Label*/
.label-primary {
  background-color: #0F6CB5;
}

/*Button*/
.btn-primary {

  background-color: #0F6CB5;
}

/*Background*/
.bg-primary {
  background-color: #0F6CB5;
}

/*Text*/
.text-primary {
  color: #0F6CB5;
}


/*----------------------------------------------------------------------------*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2-bootstrap.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic);
@import url(https://fast.fonts.net/cssapi/8f2a6800-87fc-4721-88c2-c4395f5c2529.css);

@-ms-viewport {
    width: device-width;
}
/*
 * Style tweaks
 * --------------------------------------------------
 */

.progress {
    height: 25px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 1rem;
}

.btn-light {
    border-color: #6c757d;
} 

.media-body {
    display: table-cell;
    vertical-align: top;
}

.media > .pull-left {
    padding-right: 10px;
}

.form-group {
    margin-bottom: 15px;
}

.ts-blue {
    color: #005bbb;
}

.ts-alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.ad {
    visibility: hidden !important;
}

@media (max-width: 1200px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

@media screen and (max-width: 767px) {
    #nav-main .nav a {
        color: #428BCA !important;
    }

        #nav-main .nav a.current {
            background: #005bbb;
            color: #eee !important;
        }

    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-right .sidebar-offcanvas {
        right: -50%;
        /* 6 columns */
    }

    .row-offcanvas-left .sidebar-offcanvas {
        left: -50%;
        /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%;
        /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%;
        /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: -47px;
        width: 50%;
        /* 6 columns */
    }
}

@media screen and (max-width: 480px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-right .sidebar-offcanvas {
        right: -25%;
        /* 3 columns */
    }

    .row-offcanvas-left .sidebar-offcanvas {
        left: -75%;
        /* 9 columns */
    }

    .row-offcanvas-right.active {
        right: 25%;
        /* 3 columns */
    }

    .row-offcanvas-left.active {
        left: 75%;
        /* 9 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: -47px;
        width: 75%;
        /* 9 columns */
    }

    #nav-main .nav a {
        padding: 3px 5px !important;
        margin-left: 13px !important;
    }
}
/*
---- Typography ----
*/

html,
body {
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    font-size: 15px;
    overflow-x: hidden;
    /* Prevent scroll on narrow devices */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 235%;
    /*font-size i bootstrapt 260%*/
}

h2 {
    font-size: 160%;
    /*font-size i bootstrapt 215%*/
}

h3 {
    font-size: 145%;
    /*font-size i bootstrapt 170%*/
}

h4 {
    font-size: 115%;
    /*font-size i bootstrapt 125%*/
}

.lead {
    font-size: 17px !important;
    font-weight: 600;
}
/*
---- Body ----
*/

html,
body {
    overflow-x: hidden !important;
    /* Prevent scroll on narrow devices */
}

body {
    background: #333;
}
/*
---- Page building blocks ----
*/

#toolbar {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

#header {
    margin-top: 40px;
    margin-bottom: 10px;
}

#transport-container {
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#logotype {
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.title-lead {
    /* margin: 20px 0 0 -20px; */

    display: inline-block;
    color: #fff;
}

#logotype img {
    max-height: 40px
}

#nav-transport {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#header-title {
    margin-bottom: 10px;
    margin-right: 15px;
    margin-top: 10px;
}

#header,
#header-transport,
#logotype,
#nav-transport,
#nav-xs,
#search {
    /* F�r att undvika on�diga utrymmen mellan inline-block-elementen */

    font-size: 0;
}

#vag,
#sjofart,
#luftfart,
#jarnvag {
    text-align: center;
    padding: 5px 10px;
    height: 100%;
    font-size: 15px;
    /* Samma som body, hanteras b�st med LESS-variabel antar jag */
}

    #vag:hover,
    #vag.current,
    #sjofart:hover,
    #sjofart.current,
    #luftfart:hover,
    #luftfart.current,
    #jarnvag:hover,
    #jarnvag.current {
        padding: 0 10px 5px
    }

    #vag:hover,
    #vag.current {
        border-top: 5px solid #e98300
    }

    #sjofart:hover,
    #sjofart.current {
        border-top: 5px solid #cf0072
    }

    #luftfart:hover,
    #luftfart.current {
        border-top: 5px solid #00a1de
    }

    #jarnvag:hover,
    #jarnvag.current {
        border-top: 5px solid #b6bf00
    }

#nav-transport a {
    color: #444;
    font-size: 15px;
}

    #nav-transport a:hover {
        text-decoration: none !important
    }

#nav-xs {
    padding: 10px
}

#search {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

    #search button {
        background: #666;
        color: #fff;
    }

@media screen and (max-width: 767px) {
    #search {
        margin-left: auto;
        margin-right: 0px !important;
        padding: 10px;
    }
}

#banner {
    margin-bottom: 10px;
    background-image: url('//www.transportstyrelsen.se/Global/Bilder/Startsida/ny/vag1_bp.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#service-top {
    padding: 10px 15px
}

#services-block-sjofart {
    background-color: rgba(207, 0, 114, 0.9);
    color: #fff;
    max-width: 300px;
    margin-left: 0px;
}

#services-block-vagtrafik {
    background-color: rgba(233, 131, 0, 0.9);
    color: #000000;
    margin-left: 0px;
}

#services-block-luftfart {
    background-color: rgba(0, 161, 222, 0.9);
    color: #000000;
    max-width: 300px;
    margin-left: 0px;
}

#services-block-jarnvag {
    background-color: rgba(182, 191, 0, 0.9);
    color: #000000;
    max-width: 300px;
    margin-left: 0px;
}

#nav-services {
    padding: 10px 15px
}

#crisis {
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#shortcuts {
    background: #003459;
    color: #fff;
    margin-bottom: 10px;
}

#topics {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}

#news {
    background-color: #003459;
    color: #fff;
}

#more-news {
    margin: 10px 0;
    text-align: right;
}

#main {
    background: #fff
}

#content {
}

#content-primary {
    margin-bottom: 10px
}

#content-footer {
    border-top: 2px solid #cccccc;
    padding-top: 5px;
    min-height: 28px;
    margin-bottom: 15px;
}

#cart {
    margin-top: 10px
}

#gradient {
    height: 3px;
    margin-bottom: 10px;
    padding: 0;
    background: -webkit-linear-gradient(left, #00a1de, #b6bf00, #e98300, #cf0072, #1a2155);
    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(right, #00a1de, #b6bf00, #e98300, #cf0072, #1a2155);
    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(right, #00a1de, #b6bf00, #e98300, #cf0072, #1a2155);
    /* For Firefox 3.6 to 15 */

    background: linear-gradient(to right, #00a1de, #b6bf00, #e98300, #cf0072, #1a2155);
    /* Standard syntax */
}

#footer {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

    #footer a {
        color: #fff;
    }

#toolbar a {
    margin-left: 20px;
    color: #fff;
}
/*
---- Menus and navigation ----
*/

#nav-main .nav li a {
    padding: 3px 5px;
    margin: 2px 0;
}

#nav-main .nav a {
    color: #666;
}

    #nav-main .nav a:hover {
        text-decoration: underline !important;
    }

    #nav-main .nav a.current {
        background: #0F6CB5;
        color: #eee;
    }

        #nav-main .nav a.current:hover {
            background: #0043a3;
        }

.nav-level-1 a {
    text-transform: uppercase;
}

.nav-level-2 a {
    text-transform: none;
}

.nav-level-2,
.nav-level-3,
.nav-level-4,
.nav-level-5,
.nav-level-6,
.nav-level-7 {
    padding-left: 3px;
    margin-left: 6px;
}

.nav-sub-current {
    font-size: 85%;
}

.nav-sort {
    margin-bottom: 10px;
}
/*
---- General styles (classes) ----
*/

.crisis-danger {
    background: #f2dede;
    color: #b94a48;
    border: 1px solid #ebccd1;
}

    .crisis-danger a,
    .crisis-danger a:hover {
        background: #f2dede;
        color: #b94a48;
        font-weight: bold;
    }

.crisis-info {
    background: #d9edf7;
    color: #3a87ad;
    border: 1px solid #bce8f1;
}

    .crisis-info a,
    .crisis-info a:hover {
        background: #d9edf7;
        color: #3a87ad;
        font-weight: bold;
    }

.label,
.badge {
    font-weight: 600;
}
/*
---- Page specific styles ----
*/

.shortcut {
    padding: 10px;
    text-align: center;
}

.cart-delete-button {
    color: #f00;
}

.cart-list {
    padding: -1px;
    margin: -1px;
}

.cart-item {
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
}

.pub-item {
    padding: 10px 0 20px 0;
}

.pub-download {
    min-width: 100px;
    padding-bottom: 5px;
}

.pub-order {
    min-width: 220px;
    padding-bottom: 5px;
}

.pub-input-quantity {
    width: auto !important;
}

.pub-cart-input {
    padding: 0;
}

.roadsign {
    padding: 0 5px 10px 5px;
}

.tsfs-item {
    margin-bottom: 10px;
}

h3.tsfs-regulation-list {
    font-size: 120%;
    padding-top: 0;
    margin-top: 0;
}

.list-group-item-heading {
    font-size: 120%;
    padding-top: 0;
    margin-top: 0;
}

.list-group-item .alert {
    margin-bottom: 12px;
}

.badge-success {
    background: #5cb85c;
}

.badge-danger {
    background: #d9534f;
}

.badge-warning {
    background: #f0ad4e;
}

h3 .label {
    font-weight: normal;
    font-size: 65%;
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    padding: 0.1em 0.5em 0.15em;
}

.search-result {
    padding: 8px;
    margin: 0;
    border-top: 1px solid #ddd;
}

    .search-result div {
        padding-left: 0;
    }

.search-result-header {
    border-top: 0;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.search-result-header-small {
    font-weight: normal;
}

.search-result-heading {
    margin-top: 0;
}

.bigger {
    font-size: 150%;
}
/*---- Element specific styles ----*/

#nav-transport img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

#nav-xs img {
    margin-right: 10px;
}

#service-top h2 {
    font-size: 135%;
}

.heading-start {
    margin-left: -20px;
}

.heading-label-road {
    padding: 5px 10px;
    background: #e98300;
    color: #000;
}
/* h3.media-heading {
  padding-top: 2px;
  border-bottom: 1px solid #ff6103;
} */

img.share-icon {
    margin-left: 5px;
}

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

[class*='-primary'] {
    background-color: #0F6CB5;
    color: #f0f0f0;
}

.ansokknapp {
    margin-top: 15px;
}

#sok {
    max-width: 250px;
}

.modal-footer {
    margin-top: -20px;
}

#mobiletab {
    font-size: 130%;
    padding: 0px;
    margin: 0px;
}

.forhandstittskylt {
    margin-bottom: 10px;
}

#forhandReg {
    margin-top: 5px;
    width: 150px;
    margin-bottom: 0px;
    -ms-interpolation-mode: bicubic;
}

#forhandUSA {
    margin-bottom: 0px;
    margin-top: 5px;
    width: 123px;
    -ms-interpolation-mode: bicubic;
}

#forhandMC {
    margin-bottom: 0px;
    margin-top: 5px;
    width: 75px;
    image-rendering: -ms-interpolation-mode: bicubic;
}

#forhandsrubrik {
    margin-top: 0px;
}

img.highqual {
    -ms-interpolation-mode: nearest-neighbor;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#pagination {
    width: 100px;
    border: 1px solid #df0029;
}

#ts-inputTypbeteckning,
#ts-inputVersion {
    max-width: 160px;
}

#ts-grunduppgifter {
    margin-left: -15px;
}

.ts-row-align > div {
    display: inline-table;
    float: none;
    /* inline-table space fix */

    margin-right: -4px;
}

#ts-info-sign-inner-accordion {
    top: 2px;
    font-size: 80%;
    color: #31708F !important;
}

.glyphicon-chevron-right,
.glyphicon-info-sign {
    cursor: pointer;
}

.ts-collapse-header-color,
.ts-collapse-header-color a {
    color: #333;
}

#ts-chevron {
    color: #BCBCBC !important;
}

.panel-heading {
    cursor: pointer;
}

.ts-panel .panel-heading {
    padding: 0;
}

    .ts-panel .panel-heading a {
        display: block;
        padding: 10px 15px;
    }

#ts-info-sign-inner-accordion {
    top: 2px;
    font-size: 80%;
    color: #31708F !important;
}

.ts-h2 {
    font-size: 160%;
}

#ts-val {
    margin-top: 25px;
}

#ts-pager {
    padding-top: 0;
}

#ts-current-page {
    background-color: #EEEEEE;
}

#ts-h2 {
    font-size: 135%;
}

#ts-minimera-alla {
    margin-right: 5px;
}

.ts-lank-regnr {
    color: #337ab7;
}

    .ts-lank-regnr:hover {
        color: #23527c;
        text-decoration: underline;
    }

#ts-pager-list {
    margin: 0;
}

.ts-brodsmulor-div {
    display: inline-block;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    border-radius: 5px;
    margin-top: 23px;
    margin-bottom: -7px;
}

    .ts-brodsmulor-div > * {
        text-decoration: none;
        outline: none;
        display: block;
        float: left;
        font-size: 12px;
        line-height: 18px;
        color: black;
        /*need more margin on the left of links to accomodate the numbers*/

        padding: 0 5px 0 20px;
        background: white;
        position: relative;
        transition: all 0.5s;
    }

        .ts-brodsmulor-div > * div {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        /*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/

        .ts-brodsmulor-div > *:first-child {
            padding-left: 10px;
            border-radius: 5px 0 0 5px;
            /*to match with the parent's radius*/
        }

        .ts-brodsmulor-div > *:last-child {
            border-radius: 0 5px 5px 0;
            /*this was to prevent glitches on hover*/

            padding-right: 20px;
            padding-right: 8px;
        }

    .ts-brodsmulor-div a {
        color: #a9a9aa;
        padding-top: 1px;
    }
        /*hover/active styles*/

        .ts-brodsmulor-div a.active,
        .ts-brodsmulor-div a:hover {
            background: #E98300;
            color: #fff;
        }

            .ts-brodsmulor-div a.active:after,
            .ts-brodsmulor-div a:hover:after {
                background: #E98300;
            }
    /*adding the arrows for the ts-brodsmulor-divs using rotated pseudo elements*/

    .ts-brodsmulor-div > *:after {
        content: '';
        position: absolute;
        top: 0;
        right: -9px;
        /*half of square's length*/
        /*same dimension as the line-height of .ts-brodsmulor-div a */

        width: 18px;
        height: 18px;
        /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/

        transform: scale(0.707) rotate(45deg);
        -ms-transform: scale(0.707) rotate(45deg);
        -webkit-transform: scale(0.707) rotate(45deg);
        /*we need to prevent the arrows from getting buried under the next link*/

        z-index: 1;
        /*background same as links but the gradient will be rotated to compensate with the transform applied*/

        background: white;
        /*stylish arrow design using box shadow*/

        box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.1), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
        /*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/

        border-radius: 0 5px 0 50px;
        transition: all 0.5s;
    }
    /*we dont need an arrow after the last link*/

    .ts-brodsmulor-div > *:last-child:after {
        content: none;
    }
    /*we will use the :before element to show numbers*/

    .ts-brodsmulor-div > *:before {
        /*some styles now*/

        border-radius: 100%;
        width: 18px;
        height: 18px;
        line-height: 18px;
        margin: 8px 0;
        position: absolute;
        top: 0;
        left: 30px;
        background: white;
        background: linear-gradient(#444, #222);
        font-weight: bold;
        box-shadow: 0 0 0 1px #ccc;
    }

    .ts-brodsmulor-div > *:nth-child(n+2) {
        display: none;
    }

@media (max-width: 800px) {
    .ts-brodsmulor-div > *:nth-last-child(-n+2) {
        display: block;
    }

    .ts-brodsmulor-div > * div {
        max-width: 90px;
    }
}

@media (min-width: 801px) {
    .ts-brodsmulor-div > *:nth-last-child(-n+3) {
        display: block;
    }

    .ts-brodsmulor-div > * div {
        max-width: 90px;
    }
}

.xlabel {
    font-weight: normal;
    font-size: 70%;
    padding-top: 4px;
    padding-bottom: 3px;
}

.xlabel-list {
    font-weight: normal;
    font-size: 70%;
    padding-top: 4px;
    padding-bottom: 3px;
    margin-top: 0px;
}

.ts-brodsmulor-lank {
    cursor: pointer;
}

@media (max-width: 800px) {
    .ts-brodsmulor-div > *:nth-last-child(-n+2) {
        display: block;
    }

    .ts-brodsmulor-div > * div {
        max-width: 500px;
    }
}

@media (min-width: 801px) {
    .ts-brodsmulor-div > *:nth-last-child(-n+3) {
        display: block;
    }

    .ts-brodsmulor-div > * div {
        max-width: 500px;
    }
}

.ts-h1 {
    font-size: 230%;
}

@media only screen and (max-width: 480px) {
    .ts-h1 {
        font-size: 155%;
    }

    .ts-h2 {
        font-size: 135%;
    }

    .ts-h3 {
        font-size: 105%;
    }

    .ts-h4 {
        font-size: 100%;
    }
}

#content-secondary {
    margin-top: 31px;
}

.ts-h1 {
    font-size: 188%;
}

.ts-h2 {
    font-size: 135%;
}

.ts-h3 {
    font-size: 125%;
}

.ts-h4 {
    font-size: 115%;
}

.xlabel {
    font-weight: normal;
    font-size: 70%;
    padding-top: 4px;
    padding-bottom: 3px;
}

.xlabel-list {
    font-weight: normal;
    font-size: 70%;
    padding-top: 4px;
    padding-bottom: 3px;
    margin-top: 2px;
}

.ts-stang-list-group-item {
    margin-right: 20px;
}

#ts-rensa-knapp {
    margin-top: -10px;
}

.ts-forsta-rubrik {
    margin-top: 0px;
}

.ts-hr-personlig {
    margin-top: 0px;
    margin-bottom: 5px;
}

#ts-ansok-pers {
    margin-top: 15px;
}

#ts-scen {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
}

.ts-snabbatgard-forklaring {
    padding-bottom: 10px;
    margin-right: 5%;
    margin-bottom: -5px;
}

.ts-acc-ingen-ikon {
    margin-left: 26px;
}

.ts-acc-innehall-ingen-ikon {
    margin-left: 10px;
}

.ts-ikon {
    margin-right: 10px;
}

.ts-skulder-ikon {
    margin-right: 10px;
    color: #D9534F !important;
}

.ts-snabbatgard-lank:hover {
    background-color: #e5e5e5;
    text-decoration: none !important;
}

.ts-panel-rubrik {
    color: #000;
}

.panel-heading.active {
    background-color: #D9EDF7;
}

.panel-valjfordon {
    -webkit-box-shadow: 4px 4px 33px -6px rgba(0, 0, 0, 0.53);
    -moz-box-shadow: 4px 4px 33px -6px rgba(0, 0, 0, 0.53);
    box-shadow: 4px 4px 33px -6px rgba(0, 0, 0, 0.53);
}

#content-secondary {
    margin-top: 45px;
}

#leftlogininfo {
    color: #fff !important;
    margin-left: 15px;
    top: 7px;
}

#logut-button {
    margin-right: 11px;
    margin-bottom: 5px;
    margin-top: -5px;
}

#ts-login {
    margin-left: 5px;
}