/* 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/4.0.13/css/select2.min.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.min.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)'
(996,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/4.0.13/css/select2.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.8/select2-bootstrap.min.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;
}

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

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

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

.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-bottom: 10px;
    margin-top:40px;
}
#transport-container {
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#logotype {
    background: #fff;    
    display: inline-block;
    vertical-align: middle;
    float: none;
    cursor:pointer;
}
.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-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;
}
@media only screen and (max-width: 768px) {
    #content-secondary {
        margin-top: 0px;
    }
}
#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;
}
.afterAsterisk::after {
    content: "*";
}
p.beforeAsterisk::before {
    content: "*";
}
label.redRequiredAsterisk::after {
    content: "*";
    color:#A94442;
}