/**
 * Import fonts
 */
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/**
 * Global css
 */

body {
    font-family: "Open Sans", Arial, sans-serif;
    margin-top: 40px;
}

.container {
    width: 1450px !important;
}

.d-none {
    display: none !important;
}

.bg-white {
    background: #fff;
}

.locked-overlay {
    position: fixed;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: .1;
    z-index: 99999;
}

.locked-overlay-text {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffcc;
    z-index: 10000;
    padding: 8px 15px;
    margin-bottom: 0;
    color: #999;
}

/**
 * Sök V2
 */

.sok-container {
    position: relative;
    width: 300px;
    display: inline-block;
}
.sok-container input {
    border-radius: 0;
    margin-bottom: .5rem;
}
.sok-container ul {
    position: absolute;
    top: 34px;
    left: 0;
    list-style-type: none;
    padding: 0;
    z-index: 9999;
    width: 100%;
}
.sok-container li.selected a {
    background: #ffc;
}
.sok-container li a {
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    display: block;
    padding: .5rem .75rem;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;

}
.sok-container li a:hover {
    background: #ffc;
}
.sok-container li a span {
    font-size: 1.1rem;
    font-weight: 500;
    display: block;
    margin-top: .125rem;
}

/**
 * Balkonger med samma BRF
 */

.brf-glasuppsattningar-holder caption {
    font-weight: 600;
    font-size: 1.6rem;
}

.brf-glasuppsattningar-holder table {
    border-bottom: 2px solid #ddd;
}

.brf-glasuppsattningar-holder thead,
.brf-glasuppsattningar-holder tbody {
    border: 1px solid #ddd;
}

.brf-glasuppsattningar-holder thead th {
    background: #ddd;
    color: #000;
}

.brf-glasuppsattningar-holder tbody {
    font-size: 1.2rem;
}

.brf-glasuppsattningar-holder tbody tr.medium td {
    background: #eee;
    color: #000;
}

.brf-glasuppsattningar-holder tbody tr td {
    border-bottom: 1px solid #ddd;
}

/*
 DISABLES INPUT[number] SPINNER/ARROWS
*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.uppercase {
    text-transform: uppercase;
    font-size: 1em;
}

.btn.camera {
    padding: 4px !important;
    width: auto;
    border: 0;
}

.btn.camera .glyphicon {
    font-size: 32px;
}

.visafler {
    width: 46px;
    height: 46px;
    background: #666;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: .8em;
    text-align: center;
    padding: 7px;
}

.photopreview {
    margin-right: 2px;
    cursor: pointer;
    height: 46px;
    width: 46px;
}

h1 {
    margin-bottom: 15px;
    font-size: 1.8em;
    margin-top: 0;
}

.red-text {
    color: #900;
}

.red-text:hover {
    color: #f00;
}

.nav-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.nav-side {
    list-style-type: none;
    font-size: .8em;
    color: #212121;
    padding: 0;
    margin: 0;
    width: 90%;
}

.nav-side ul {
    list-style-type: square;
}

.nav-side li {
    border: 1px solid #f5f5f5;
    margin-bottom: 3px;
    background: #eee;
}

.nav-side li.active {
    border: 1px solid #f5f5f5;
    border-left: 3px solid #39c;
    padding: 10px 18px;
    background: #ffffcc;
}

.nav-side a {
    color: #111;
    padding: 10px 20px;
    display: block;
}

.nav-side .in:before {
    content: '\25AA';
    margin: 0 7px;
}

.nav-side a:hover {
    text-decoration: none;
    background: #f5f5f5;
    color: #212121;
}

.bg-light-gray {
    background: #eee;
}

h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.4em;
}

h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2em;
}

h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.1em;
}

p {
    margin-bottom: 15px;
}

blockquote {
    font-size: 1em;
}

blockquote.red {
    border: 1px solid #c00;
    border-left: 5px solid #c00 !important;
}

.section {
    margin-bottom: 25px;
}

.form-control.half,
p.half {
    width: 92px;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    text-align: center;
}

.form-control.halfhalf,
p.halfhalf {
    width: 46px;
}

.input-group {
    padding-bottom: 4px;
}

.btn-link {
    padding: 0;
}

.btn-group {
    margin-top: 1px;
    margin-right: 1px;
}

.table > tbody > tr > th,
.table > tbody > tr > td {
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
}

.table.small th,
.table.small td {
    border-top: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.glass-suggestion-box {
    padding: 15px;
    width: 460px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block;
}

.workflow {
    padding: 20px 0;
    margin-bottom: 25px;
    list-style-type: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.workflow li {
    display: inline-block;
    margin-right: 3px;
}

.workflow li a {
    color: #333;
    font-size: 1em;
    background: #f5f5f5;
    padding: 6px 10px;
    text-decoration: none;
    position: relative;
}

.workflow li a:hover {
    background: #ddd;
}

.workflow li.active {
    font-weight: bold;
    background: #ccc;
}

.workflow li.active a {
    background: #ccc;
}
.block {
    display: block;
}

.w100 {
    width: 100px;
}

.w100p {
    width: 100%;
}


/* offerter */

.table, .table tr, .table th, .table td {
    border: 0;
}

.table>thead>tr>th {
    border-color: #fff;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td {
    border-color: #fff;
    vertical-align: top;
}

.fraga {
    /*border-bottom: 1px solid #eee;*/
    position: relative;
    padding: 5px 10px;
}

.fraga h4 {
    display: inline-block;
    margin-bottom: 4px;
    line-height: 1.5;
    margin-top: 4px;
    font-size: 1em;
    font-family: "Roboto", Tahoma, sans-serif;
}

.fraga select {
    display: inline-block;
    margin-bottom: 0;
}

.fraga input[type='text'] {
    margin-bottom: 0;
    margin-right: 0;
    display: inline-block;
}

.lpm-holder {
    /*border-bottom: 1px solid #eee;*/
    position: relative;
    padding: 5px 10px;
}
.lpm-holder h4 {
    /*border-bottom: 1px solid #eee;*/
    position: relative;
    padding-top: 7px;
    font-size: 1em;
    font-family: "Roboto", Tahoma, sans-serif;
}
.add-produkt-box {
    position: absolute;
    right: 15px;
    padding: 15px 15px;
    width: 520px;
    background: #fff;
    border: 1px solid #eee;
    z-index: 9999;
}

.add-produkt-box ul {
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0;
    overflow-y: scroll;
    max-height: 400px;
    font-size: .9em;
}

.add-produkt-box ul li a {
    border: 1px solid #eee;
    background: #fff;
    padding: 6px 8px;
    display: block;
    font-weight: normal;
}

.add-produkt-box .w60 {
    width: 50%;
}

.add-produkt-box .w375 {
    width: 47.5%;
}

.add-produkt {
    font-size: 1.4em !important;
}

.forutsattningar {
    margin-bottom: 20px;
    background: #FFD1AA;
    border-radius: 6px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.forutsattningar h2 {
    font-family: "Roboto", Tahoma, sans-serif;
    font-size: 1.4em !important;
    padding-left: 10px;
}

.kostnader {
    margin-bottom: 20px;
    background: #e2efda;
    border-radius: 6px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.kostnader h2 {
    font-family: "Roboto", Tahoma, sans-serif;
    font-size: 1.4em !important;
    padding-left: 10px;
}

.table.table-produkter {
    background: #fff;
}
.table.table-produkter {
    border: 1px solid #eee !important;
}
.table.table-produkter tbody {

}
.table.table-produkter th {
    border: 1px solid #eee !important;
}
.table.table-produkter th,
.table.table-produkter td {
    padding: 6px 6px;
}
.table.table-produkter th,
.table.table-produkter td {
    white-space: nowrap;
}
.table.table-produkter .bg-light-gray {
    background: #f5f5f5;
}
.rabatt-produkt,
.rabatt-produkt-procent,
.rabatt-paket,
.rabatt-paket-procent,
.rabatt-paket-kr,
.rabatt-tillbehor,
.rabatt-tillbehor-procent,
.rabatt-tillbehor-kr,
.rabatt-offert,
.rabatt-offert-procent,
.table.table-produkter .antal {
    cursor: pointer;
    display: inline-block;
    width: 50px;
    background: #ffc !important;
    color: #000;
}
.rabatt-produkt:hover,
.rabatt-produkt-procent:hover,
.rabatt-paket:hover,
.rabatt-paket-procent:hover,
.rabatt-paket-kr:hover,
.rabatt-tillbehor:hover,
.rabatt-tillbehor-procent:hover,
.rabatt-tillbehor-kr:hover,
.rabatt-offert:hover,
.rabatt-offert-procent:hover,
.table.table-produkter .antal:hover {
    color: #999;
}
.inline-input {
    cursor: default;
    width: 25px;
    vertical-align: top;
    padding: 0;
    border: 0;
    text-align: right;
    margin-bottom: 0;
}
.inline-input.offrabatt {
    width: 50px;
}
.black-text {
    color: #000 !important;
}
a.black-text:hover {
    color: #666 !important;
    text-decoration: none;
}
.gray-text {
    color: #333 !important;
}

.kundkorg td {
    position: relative;
}
.paketlist {
    border: 1px solid #ddd;
    background: #fff;
    list-style-type: none;
    padding: 0;
    max-width: 340px;
    text-transform: uppercase;
    font-size: .95em;
    font-weight: bold;
    position: absolute;
    top: 100px;
    overflow: visible;
    z-index: 9990;
}
.paketlist li a {
    border-bottom: 1px solid #eee;
    padding: 4px 7px;
    color: #333;
    display: block;
}
.paketlist li a:hover {
    background: #eee;
}
.paketlist li a:nth-last-child(1) {
    border-bottom: 0;
}

.accept.marked {
    color: #FFD700 !important;
    opacity: 1;
}
.accept-text.marked {
    color: #FFD700 !important;
    opacity: 1;
}


.table-offerter {
    margin-bottom: 0;
    background: #1993b6;
    color: #fff;
}
.table-offerter thead {
    background: #5e5e5e;
}
.table-offerter thead th {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
.table-offerter tfoot {
    border-top: 2px solid #fff;
    background: #5e5e5e;
}
.table-offerter tfoot td {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-weight: 600;
}
.table-offerter tfoot a {
    color: #ccc;
}
.table-offerter tfoot a:hover {
    color: #fff;
}
.table-offerter tbody {
    font-weight: 600;
}
.table-offerter tbody td a {
    color: #fff !important;
    display: block;
}
.table-offerter .rabatt-color {
    color: #ffc6bd;
}
.table-offerter .rabatt-offert-procent {
    background: #39accd !important;
    padding-right: 4px;
    color: #ffc6bd;
}
.table-offerter .inline.rabatt-offert {
    background: #fff !important;
    text-align: center;
    margin-bottom: 0;
}
.table-offerter .highlighted {
    font-weight: 700;
    color: #ff0;
}
.table-offerter .vunnen {
    background: #008D69 !important;
}
.table-offerter .vunnen .rabatt-offert-procent {
    background: #00B838 !important;
}
.w40 { width: 40px; }



.search-container {
    position: relative;
    width: 280px;
}
.search-container .search-input {
    width: 100%;
}
.search-container .search-results {
    list-style-type: none;
    position: absolute;
    padding: 0;
    width: 100%;
    z-index: 999;
}
.search-container .search-results li {
    line-height: 1.2;
}
.search-container .search-results li a {
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    padding: 6px 8px;
    display: block;
    text-decoration: none;
    font-weight: 600;
}
.search-container .search-results li.selected a,
.search-container .search-results li a:hover,
.search-container .search-results li a:active {
    background: #ffc;
    color: #000;
}
.search-container .search-results li a small {
    color: #444 !important;
    font-weight: 400;
}


/**
 * Affärsmöjligheter
 */

.container-fluid.width-90p {
    max-width: 90%;
}

.tabell .table > thead > tr > th,
.tabell .table > tbody > tr > td {
    font-size: .75em !important;
    vertical-align: middle;
}

.tabell .table > tbody > tr:nth-child(1) > td {
    border-top: 0;
}

.table-affarsmojligheter th {
    padding: 8px 2px !important;
    background: #fff;
    cursor: pointer;
}

.table-affarsmojligheter th:hover {
    color: #999;
}

.table-affarsmojligheter td {
    padding: 9px 2px !important;
}

@media (max-width: 767px) {
    .gorilla {
        width: 30px;
    }
    .filter-title {
        font-size: .7em;
        display: inline;
        white-space: nowrap;
    }
    .table-affarsmojligheter tr {
        display: block;
        padding: 10px 0 5px 0 !important;
    }
    .table-affarsmojligheter th {
        display: none;
        margin-bottom: 10px !important;
    }
    .table-affarsmojligheter td {
        display: block;
        width: 100%;
        height: 28px;
        text-align: left;
        padding: 5px !important;
        vertical-align: middle !important;
    }
    .table-affarsmojligheter td::before {
        content: attr(data-label);
        font-weight: 700;
        width: 25%;
        margin-left: 3%;
        float: left;
        vertical-align: middle !important;
    }
    .table-affarsmojligheter .empty-circle {
        height: 17px !important;
        padding: 1px 0 !important;
    }
    .table-affarsmojligheter .colored-circle {
        height: 17px !important;
        padding: 1px 0 !important;
    }
}

.table-affarsmojligheter .colored-circle {
    border-radius: 25px;
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #ddd;
    color: #333;
    background: #fff;
    cursor: pointer;
    padding: 5px 0;
}

.table-affarsmojligheter .empty-circle {
    border-radius: 12px;
    height: 25px;
    width: 70px;
    display: inline-block;
    border: 1px solid #ddd;
    color: #333;
    text-align: center;
    padding: 5px 0;
    background: #fff;
    cursor: pointer;
}

.table-affarsmojligheter .empty-circle.lg {
    width: 110px !important;
}

.table-affarsmojligheter .empty-circle.smaller {
    width: 45px !important;
}

.table-affarsmojligheter .colored-circle.smaller {
    width: 45px !important;
}

.table-affarsmojligheter .bokad-column,
.table-affarsmojligheter .senaste-column,
.kundkort .senaste-column,
.kundkort .nasta-column,
.table-affarsmojligheter .nasta-column {
    position: relative;
    cursor: pointer;
}

.table-affarsmojligheter .bokad-box,
.table-affarsmojligheter .bokad-genomford-box,
.table-affarsmojligheter .bokad-ombokas-box,
.table-affarsmojligheter .bokad-stall-in-box {
    position: absolute;
    top: -60px;
    left: -70px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 6px;
    width: 200px;
    z-index: 9999;
    padding: 6px;
    color: #000;
}
.table-affarsmojligheter .bokad-box select,
.table-affarsmojligheter .senaste-box select,
.kundkort .senaste-box select,
.table-affarsmojligheter .bokad-ombokas-box select,
.table-affarsmojligheter .bokad-genomford-box select,
.table-affarsmojligheter .bokad-stall-in-box select {
    font-size: 1.1em;
    height: 31px;
}
.kundkort .senaste-box textarea,
.table-affarsmojligheter .senaste-box textarea {
    font-size: 1.15em;
}

.kundkort .senaste-box,
.table-affarsmojligheter .senaste-box {
    position: absolute;
    top: -60px;
    left: -70px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 6px;
    width: 200px;
    z-index: 9999;
    padding: 6px;
    color: #000;
}

.kundkort .nasta-box,
.table-affarsmojligheter .nasta-box {
    position: absolute;
    top: -60px;
    left: -70px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 6px;
    width: 200px;
    z-index: 9999;
    padding: 6px;
    color: #000;
}

.stickyTableHeaders {
    border-bottom: 2px solid #ddd;
}

.blank {
    background: #fff !important;
    color: #000 !important;
}

.white {
    background: #fff !important;
    color: #000 !important;
}

.white-strikethrough {
    background: #fff !important;
    color: #000 !important;
    text-decoration: line-through;
}

.red {
    background: #cc0000 !important;
    color: #fff !important;
}

.orange {
    background: #ddcc00 !important;
    color: #fff !important;
}

.black {
    background: #000 !important;
    color: #fff !important;
}

.green {
    background: #00cc00 !important;
    color: #fff !important;
}

.blue {
    background: #0000cc !important;
    color: #fff !important;
}

.yellow {
    background: #cccc00 !important;
    color: #fff !important;
}

.light-yellow {
    background: #ffffcc !important;
    color: #000 !important;
}

.purple {
    background: #511849 !important;
    color: #fff !important;
}

.fa-comment-alt.text-success {
    cursor: pointer;
}

.btn-yellow {
    border: 1px solid #cccc00;
    background: #cccc00 !important;
    color: #fff !important;
}
.btn-yellow:hover {
    background: #bbbb00 !important;
}

/**
 * Affärsmöjligheter: Filter
 */

.sok-filter {
    width: 240px;
}

@media (max-width: 767px) {
    .sok-filter {
        width: 100% !important;
    }
}

/**
 * Affärsmöjligheter: Sök
 */

.affarsmojligheter-sok {
    position: relative;
    width: 250px;
}

.affarsmojligheter-sokresultat {
    list-style-type: none;
    position: absolute;
    top: 34px;
    width: 100%;
    padding: 0;
    z-index: 9999;
}

.affarsmojligheter-sokresultat li a {
    border: 1px solid #eee;
    border-top: 0;
    padding: 8px 12px;
    background: #fff;
    display: block;
}

@media (max-width: 767px) {
    .affarsmojligheter-sok {
        width: 100% !important;
    }
}

/**
 * Affärsmöjlighet: Scoreboard
 */

.scoreboard {
    text-align: center;
    margin-bottom: 15px;
}

.scoreboard .panel {
    width: 6.2%;
    margin: .48% .3%;
    display: inline-block;
    text-align: center;
    height: 150px;
    background: #00cc00;
    border-radius: 16px;
    vertical-align: top !important;
}

.scoreboard .panel .panel-body {
    font-size: 52px;
    color: #fff;
    font-weight: 700;
}

.scoreboard .panel .panel-body .title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.scoreboard .panel:hover {
    opacity: .5;
    cursor: pointer;
}

@media (max-width: 767px) {
    .scoreboard {
        margin-top: 15px !important;
    }
    .scoreboard .panel {
        width: 48% !important;
        height: 50px !important;
        margin: 0 0 5px 0 !important;
        text-align: center !important;
        padding: 2px !important;
    }
    .scoreboard .panel .panel-body {
        font-size: 22px !important;
        padding: 0 !important;
    }

    .scoreboard .panel .panel-body .title {
        font-size: 8px !important;
        padding: 0 !important;
    }
}

.sb-gray {
    background: #777 !important;
}

.sb-gray .panel-body {
    color: #fff !important;
}

.sb-yellow {
    background: #eddd53 !important;
}

.sb-yellow .panel-body {
    color: #fff !important;
}

.sb-light-blue {
    background: #2a7b9b !important;
}

.sb-light-blue .panel-body {
    color: #fff !important;
}

.sb-dark-blue {
    background: #3d3d6b !important;
}

.sb-dark-blue .panel-body {
    color: #fff !important;
}

.sb-black {
    background: #000 !important;
}

.sb-black .panel-body {
    color: #fff !important;
}

.sb-dark-green {
    background: #57c785 !important;
}

.sb-dark-green .panel-body {
    color: #fff !important;
}

.sb-purple {
    background: #511849 !important;
}

.sb-purple .panel-body {
    color: #fff !important;
}

.sb-dark-purple {
    background: #900c3f !important;
}

.sb-dark-purple .panel-body {
    color: #fff !important;
}

.sb-pink {
    background: #ff8d1a !important;
}

.sb-pink .panel-body {
    color: #fff !important;
}

.sb-light-green {
    background: #add45c !important;
}

.sb-light-green .panel-body {
    color: #fff !important;
}

.sb-violett {
    background: #c70039 !important;
}

.sb-violett .panel-body {
    color: #fff !important;
}

/**
 * Affärsmöjligheter: User statistik
 */

.table-sale-stat {
    font-size: 11px !important;
    font-weight: 600;
    text-transform: none;
}

.table-sale-stat th {
    text-align: right;
    padding: 2px 4px 2px 6px !important;
    color: #666;
    width: 60%;
}

.table-sale-stat td {
    text-align: left;
    padding: 2px 6px 2px 4px !important;
    color: #000;
}

.table-sale-stat tbody tr td {
    font-size: 10px !important;
    font-weight: 700;
    vertical-align: bottom !important;
}

.userstats .panel {
    border-radius: 16px 16px 0 0 !important;
}

.panel-footer {
    padding: 0;
}

.userstats {
    text-align: center;
}

.userstats .panel {
    width: 8.7%;
    margin: .58%;
    display: inline-block;
    text-align: center;
    background: #eee;
    border-radius: 25px;
    vertical-align: top !important;
    margin-bottom: 20px !important;
    font-size: .8em;
    border: 1px solid #ddd;
    text-transform: uppercase;
}

.userstats .panel p {
    font-weight: 700 !important;
}

.user-select {
    cursor: pointer;
}

.user-select:hover {
    opacity: .5;
}

/**
 * Helpers: Text & Links
 */

.text-italic { font-style: italic; }
.text-normal { font-weight: normal; }

.text-fat, .fat { font-weight: 700; }
.text-medium, .medium { font-weight: 500; }

.text-opacity {
    opacity: .5;
}

.text-tiny {
    font-size: .8em;
}

.highlight { background: #ffc !important; color: #000; }

.highlight:hover { background: #ff9 !important; color: #000; }

a.inactive {
    text-decoration: none;
    color: #000;
    cursor: default;
}

a.inactive:hover {
    text-decoration: none !important;
    color: #000 !important;
}

.no-text-decor {
    text-decoration: none !important;
}

.icon-lg {
    font-size: 2.2em;
}

/**
 * Helpers: Widths
 */

.w90p {
    width: 90%;
}

@media (max-width: 1110px) {
    .w90p {
        width: 99% !important;
    }
}

.w200px {
    width: 200px;
}

/**
 * Helpers: Alignment
 */

.m0-auto { margin: 0 auto; }
.vtop { vertical-align: top; }
.vmid { vertical-align: middle !important; }

/**
 * Helpers: Margins & Paddings
 */

.mt0 { margin-top: 0; }
.mt1 { margin-top: 1px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }

.mt1n { margin-top: -1px; }
.mt4n { margin-top: -4px; }

.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }

.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml17 { margin-left: 17px !important; }

.mb0 { margin-bottom: 0; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }

.p10 {
    padding: 10px;
}

/**
 * Helpers: Colors
 */

.btn-opacity { opacity: .5; }
.btn-opacity:hover { opacity: 1; }
.color-inherit { color: inherit; }
.text-gold { color: #ffd700; }
.text-bronze { color: #cd7f32; }
.text-red { color: #c00; }


.intresse-0-19 {
    background: #DD2C00 !important;
    color: #fff !important;
}
.intresse-20-39 {
    background: #E17000 !important;
    color: #fff !important;
}
.intresse-40-59 {
    background: #E5B600 !important;
    color: #fff !important;
}
.intresse-60-79 {
    background: #CAE100 !important;
    color: #000 !important;
}
.intresse-80-89 {
    background: #84DD00 !important;
    color: #fff !important;
}
.intresse-90-100 {
    background: #00D500 !important;
    color: #fff !important;
}



.robin-sok {
    z-index: 99999;
    display: inline-block;
    position:relative;
}
.robin-sok input {
    border-radius: 0;
}
.robin-sok ul {
    position: absolute;
    width: 100%;
    list-style-type: none;
    padding-left: 0;
    background: #fff;
}
.robin-sok ul li a {
    display: block;
    padding: .75rem;
    border: 1px solid #ddd;
}
.robin-sok ul li.selected {
    background: #ffc;
}