html, form {
    height: 100%;
}

body {
    background-color: #F1F5F9;
    font-family: 'Inter', sans-serif;
    height: 100%;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    color: #111827;
    overflow-x: hidden;
}

img, .embed-responsive {
    border-radius: min(3px, 3%);
}

a, a:link, a:active, a:visited {
    color: #1A37C8;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
}

a:hover {
    color: #3B56D9;
}

/* Menyer */
.nav, .navbar {
    margin-bottom: 0px;
    border: none;
}

.navbar-inverse .nav li {
    /*border-left: 1px solid #ffaaaa;*/
}

.navbar-inverse > div > .row > .nav > li > a {
    display: inline-block;
    padding-left: 13px;
    padding-right: 13px;
}

.navbar-admin .navbar-nav > li.navbar-lvl-1 > a {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-inverse ul.navbar-nav > li.navbar-lvl-1 > a {
    background-color: #ffffff;
    color: #1A37C8;
}

.navbar-public ul.navbar-nav > li.navbar-lvl-1 > a {
    font-size: 16px;
}

.navbar-admin ul.navbar-nav > li.navbar-lvl-1 > a {
    font-size: 14px;
}

.navbar-admin .subnav > li.navbar-lvl-2 > a {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
}

.navbar-lg .navbar-collapse {
    width: 1450px;
    display: table-cell !important;
}

.navbar-lg .container {
    width: 1470px;
}

.navbar-lg .container:has(.subnav-row) {
    padding-left: 0px;
    padding-right: 0px;
}

.nav > .navbar-group > li {
    position: relative;
    display: block;
    float: left;
}

@media screen and (min-width: 1020px) {
    .navbar-public .navbar-nav > li.navbar-lvl-1 > a,
    .navbar-public .navbar-nav > .navbar-group > li.navbar-lvl-1 > a {
        padding-left: 13px;
        padding-right: 20px
    }

    .navbar-public .subnav > li.navbar-lvl-2 > a {
        display: inline-block;
        padding-left: 4px;
        padding-right: 8px;
    }

    .navbar-public .subnav {
        /*padding-left: 6px;*/
    }
}

@media screen and (min-width: 1451px) {

    .navbar-public .navbar-nav > li.navbar-lvl-1 > a {
        padding-left: 12px;
        padding-right: 12px;
    }

    .navbar-public .subnav > li.navbar-lvl-2 > a {
        display: inline-block;
        padding-left: 13px;
        padding-right: 7px;
    }

    .navbar-public .subnav {
        /*padding-left: 6px;*/
    }
}

.nav li.navbar-home {
    border-left: none;
    padding-top: 1px;
    padding-bottom: 5px;
}

.navbar li.navbar-home:hover,
.navbar-inverse ul.navbar-nav > li > a:hover {
    background-color: white;
    color: #1A37C8;
    /*#dc4427*/
}

.dropdown-menu-toggle {
    /*font-size: 10px;*/
}

.active li .dropdown-menu-toggle {
    padding-right: 15px;
}

.navbar ul {
    list-style-type: none;
    list-style-image: none;
}

.navbar ul li a {
    padding-top: 16px;
    padding-bottom: 17px;
}

ul.subnav > li > a {
    padding-top: 13px;
    padding-bottom: 17px;
}

.navbar-nav > li > a,
.navbar-nav > .navbar-group > li > a {
    /*padding-top: 10px;
    padding-bottom: 9px;*/
    line-height: 20px;
}

.navbar ul ul li a {
    padding-left: 10px;
}

.navbar ul ul ul li a {
    padding-left: 10px;
}

.navbar-nav {
    margin: 0px 0px;
}

    .navbar-nav.subnav {
        margin: 1px 0px;
        background-color: transparent;
    }

.navbar-inverse ul.nav {
    /*overflow: hidden;*/
    width: 100%;
}

.navbar-inverse {
    /*background: none;*/
    /*background-color: #fff;  dc4427 */
}

    .navbar-inverse > .navbar-collapse > .row > .navbar-nav {
        /*background-color: #ff00ff;dc4427*/
    }

.subnav-row {
}

.navbar-nav .navbar-sub > li > a, .navbar-nav .navbar-sub > li > a:hover, .navbar-nav .navbar-sub > li > a:focus {
    margin-top: 2px;
    /*color: #fff;
    background-color: #DC4427;*/
    margin-left: 2px;
}

@media screen and (min-width: 1020px) {
    .navbar-row {
        margin-left: -20px;
    }

    .subnav-row, .navbar-row {
        /*margin-right: -47px;*/
        width: 100%;
        min-width: 1001px;
    }

        .navbar-row .subnav-col {
            padding-left: 2px;
            padding-right: 2px;
        }

    .navbar-nav > li.navbar-company {
        width: 150px;
    }

    .navbar-nav > li > a > .navbar-company {
        display: inline-block;
        width: 80px;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .navbar-inverse .subnav li {
        border-left: none;
        padding-top: 1px;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 1451px) {
    .navbar-row {
        margin-left: -20px;
    }

        .subnav-row, .navbar-row, .navbar-row .subnav-col {
            /*margin-right: -76px;*/
            width: 100%;
            min-width: 1031px;
        }

            .navbar-row .subnav-col {
                padding-left: 0px;
                padding-right: 0px;
            }

    .navbar-nav > li.navbar-company {
        width: 260px;
    }

    .navbar-nav > li > a > .navbar-company {
        display: inline-block;
        width: 180px;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.subnav-row ul {
    width: 100%;
    background-color: #fff; /**/
}

    .subnav-row ul, .subnav-row ul li,
    .subnav-row ul li a,
    .subnav-row ul li a:link,
    .subnav-row ul li a:active,
    .subnav-row ul li a:focus,
    .subnav-row ul li a:visited,
    .subnav-row ul li a:hover {
        height: 45px;
        color: #1A37C8 !important; /*#dc4427;*/
        margin-top: 0px;
        line-height: 10px;
    }

.navbar-public .subnav-row ul,
.navbar-public .subnav-row ul li,
.navbar-public .subnav-row ul li a,
.navbar-public .subnav-row ul li a:link,
.navbar-public .subnav-row ul li a:active,
.navbar-public .subnav-row ul li a:visited,
.navbar-public .subnav-row ul li a:hover {
    font-size: 14.5px;
    font-weight: 600;
}

.navbar-admin .subnav-row ul, .subnav-row ul li,
.navbar-admin .subnav-row ul li a,
.navbar-admin .subnav-row ul li a:link,
.navbar-admin .subnav-row ul li a:active,
.navbar-admin .subnav-row ul li a:visited,
.navbar-admin .subnav-row ul li a:hover {
    font-size: 14px;
}

.subnav-row .navbar-nav > li > a:hover {
    color: #dc4427;
    text-decoration: underline;
}

.subnav-row ul.subnav,
.subnav-row ul.subnav a,
.subnav-row ul.subnav a:hover,
.subnav-row ul.subnav li.active,
.subnav-row ul.subnav li.active a,
.subnav-row ul.subnav li.active a:link,
.subnav-row ul.subnav li.active a:active,
.subnav-row ul.subnav li.active a:visited,
.subnav-row ul.subnav li.active a:hover {
    text-decoration: underline;
    color: #766a63;
}

.subnav-col {
    background-color: transparent;
    /*margin-left: 10px;
    margin-right: -100px;*/
    margin-top: 1px;
}

.navbar-nav .navbar-sub > li.active > a, .navbar-nav .navbar-sub > li.active > a:hover, .navbar-nav .navbar-sub > li.active > a:focus {
    margin-top: 2px;
    color: #dc4427;
    background-color: #FFF;
    /*margin-left: 20px;*/
}

.navbar-inverse .row {
    /*background-color: #dc4427;   */
}

    .navbar-inverse .row .subnav-row {
        /*background-color: #fff;   */
    }


/* Toppmeny */
.navbar-inverse {
    border: none;
}

#navTop {
    background-color: #1A37C8;
}

.navbar-inverse .navbar-collapse {
    border-color: #1A37C8;
}

.navbar-inverse ul li a, .navbar-inverse ul li a:link, .navbar-inverse ul li a:active, .navbar-inverse ul li a:visited, .navbar-inverse ul li a:hover {
    text-decoration: none;
}

.navbar-inverse .navbar-brand {
    padding-top: 8px;
    margin-bottom: 9px;
}

.navbar-header button.navbar-toggle, .navbar-header button.navbar-toggle:link, .navbar-header button.navbar-toggle:active, .navbar-header button.navbar-toggle:visited, .navbar-header button.navbar-toggle:focus, .navbar-header button.navbar-toggle:hover {
    margin-top: 0px;
    height: 39px;
    border: none;
    background-color: #fff;
}

.navbar-toggle {
    float: left;
}

.navbar-admin .glyphicon {
    margin-left: 0px;
    margin-right: 0px;
}

.navbar-public .glyphicon {
    margin-left: 0px;
    margin-right: 10px;
}

.navbar-public img {
    margin-left: 1px;
    margin-right: 1px;
}

/* Vänstermeny */
.sidebar-nav a {
    color: #111827;
    display: block;
}

.sidebar-nav ul, .sidebar-nav li {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .sidebar-nav ul a:hover, .sidebar-nav ul a:hover, .sidebar-nav ul li.active a:hover, .sidebar-nav ul li.active li.active a:hover, .sidebar-nav ul li.active li.active li.active a:hover {
        color: #000;
        text-decoration: underline;
    }
    /* Inaktiva menyval i vänstermeny */
    .sidebar-nav ul a {
        background-color: #fff;
    }

    .sidebar-nav ul .active li a, .sidebar-nav ul .active li.active li a {
        background-image: none;
        background-color: #fff;
        font-weight: normal;
        border: none;
    }

    /* Aktiva menyval i vänstermeny */
    .sidebar-nav ul a:focus, .sidebar-nav ul a:active, .sidebar-nav ul .active a, .sidebar-nav ul .active li.active a, .sidebar-nav ul .active li.active li.active a {
        font-weight: 600;
        text-decoration: none;
        background-image: none;
        background-color: #fce6cc;
    }

    .sidebar-nav ul .active li.active a, .sidebar-nav ul .active li.active li.active a {
        border-top: 1px solid #fff;
    }

    .sidebar-nav ul a:hover, .sidebar-nav ul li.active a:hover, .sidebar-nav ul li.active li.active a:hover {
        background-image: linear-gradient(to right, #F0F0F0 1px, #fff 190px);
        background-repeat: repeat-x;
    }

    .sidebar-nav ul .active {
        -webkit-box-shadow: 0px 0px 10px 5px rgba(210,210,210,1);
        -moz-box-shadow: 0px 0px 10px 5px rgba(210,210,210,1);
        box-shadow: 0px 0px 10px 5px rgba(210,210,210,1);
        border-top: 1px solid #dc4427;
        border-bottom: 1px solid #dc4427;
        z-index: 50;
    }

        .sidebar-nav ul .active li.active {
            border: none;
            box-shadow: none;
        }

.sidebar-nav .arrow {
    margin-top: 5px;
    font-size: 7px;
    color: #dc4427;
}

.glyphicon.arrow::before {
    content: "\e114";
}

.active > a > .glyphicon.arrow::before {
    content: "\e113";
}

/* Glyphicons */
.glyphicon {
    margin-right: 5px;
}

.login-top .glyphicon {
    margin-left: 10px;
}

.login-top .glyphicon {
    margin-left: 5px;
}

.tool-box-margin {
    margin-right: 10px;
}

/* Sökmotor */
.panel select, .panel input {
    height: 35px;
}

    .panel input[type="checkbox"], .panel input[type="checkbox"]:active, .panel input[type="checkbox"]:focus {
        height: 13px;
        margin-right: 7px;
        border: none;
    }

.extra-filter h4 {
    margin-top: 25px;
}

.extra-filter input[type="text"] {
    padding-left: 5px;
}

/* Inloggning */

#ToolsLogin {
    /*max-width: 40px;*/
}
.dropdown .caret {
    margin-left: 5px;
}

.dropdown-language {
    /*clear: both;*/
    max-width: 30px;
}

    .dropdown-language ul {
        min-width: 40px;
        width: 40px;
    }

        .dropdown-language ul li {
            height: 20px;
        }

.dropdown-menu {
    /*width: 250px;*/
    padding-left: 5px;
    z-index: 1500;
}

    .dropdown-menu li a, .dropdown-menu li a:link, .dropdown-menu li a:active, .dropdown-menu li a:visited, .dropdown-menu li a:hover, .dropdown-menu li a:focus {
        color: #1A37C8;
        margin-left: -5px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .dropdown-menu li a:hover {
            text-decoration: underline;
            color: #3B56D9;
            background-color: #f8f5ed;
        }

.login-top {
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}

.login-top, .login-top .login-user, .login-top .login-button {
    display: inline-block;
}
@media screen and (max-width: 1449px) {
    #pnlMobileLoggedIn > .dropdown {
        margin-top: 10px;
    }
    .login-user .glyphicon {
        margin-top: -17px;
    }

    .login-user .caret {
        margin-top: -7px;
    }
}
.login-top .login-button a {
    font-size: 19px;
}

.login-user-info {
    min-width: 235px;
    padding: 5px;
    font-size: 12px;
    line-height: 13px;
    color: #000;
}

.login-user-info .status {
    font-size: 11px;
    color: #1A37C8;
    line-height: 11px;
}

.login-user-info .name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}




.container-cookie {
    background-color: #111827;
    color: #fff;
    padding: 2px;
    font-size: 14px;
}

    .container-cookie a {
        color: #fd5a16;
    }

.it-head, .it-header {
    background-color: #fff;
    /*padding: 10px;*/
}

    .it-head .tool-box, .it-header .tool-box {
        float: right;
        margin-top: 13px;
        margin-right: 5px;
    }

    /* Industritorget Logo */
    .it-head .it-logo, .it-header .it-logo {
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .it-head .it-logo img, .it-header .it-logo img {
            border: none;
            margin-bottom: -3px;
        }

.it-header {
    /*width: 100%;
    max-width: 1449px;
    margin-top: 10px;*/
    margin-bottom: 1px;
}

    .it-header, .it-header div[class*='col-'] {
        /*border: 1px solid lightgreen;*/
    }
.it-header-col-content {
    white-space: nowrap;
    height: 65px;
    display: table-cell;
    vertical-align: bottom;
}

.it-header-col-1 .it-header-col-content {
    padding-bottom: 15px;
}

.it-header-col-2 .it-header-col-content {
    padding-bottom: 5px;
}

.it-header-col-3 .it-header-col-content {
    padding-bottom: 20px;
}

.it-header-language {
    display: inline-block;
}
.it-header-language .dropdown-menu-left{
    top: 63px;
    left: auto;
    min-width: 40px;
    margin-left: -11px;
}
.it-header-language .dropdown-menu-left li{
    min-height: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.it-header-language .dropdown-menu-left li + li{
    margin-top: 8px;
}
.industritorget-logo {
    max-width: 250px;
}

.navbar-header .login-button {
    margin-top: 12px;
    margin-right: 20px;
    margin-left: -10px;
    white-space: nowrap;
    padding-right: 5px;
}

.navbar-toggle {
    margin-left: 10px;
    margin-right: 0px;
    padding: 0px 0px;
}

.navbar-brand {
    padding: 0px;
}

.input-group-supersearch > .form-control {
    width: 100%;
    border-radius: 6px !important;
    /*width: calc(110% - 35px);*/
}

.navbar-brand > .industritorget-logo {
    max-width: 150px;
}
.logo-tagline {
    padding-top: 0px;
    height: 100%;
}

    .logo-tagline .logo-spacer {
        width: 10vw;
        max-width: 45px;
        height: 20px;
        float: left;
        display: inline-block;
    }


/* SuperSearch */
.supersearch {
    padding: 5px 15px 5px 15px;
    border-radius: 10px;
    background-color: #eee;
}

    .supersearch .spacer {
        height: 5px;
    }

.input-group-supersearch {
    padding: 5px;
    margin: 0px;
    position: relative;
    margin-right: -17px;
}
.input-group-supersearch.input-group-mobile {
    margin-left: 6px;
}
.input-group-supersearch.input-group-mobile .input-group-btn {
    display: inline-block;
    position: absolute;
    right: 5px;
    width: 35px !important;
}

.input-group-supersearch .btn {
    height: 35px;
    font-size: 21px;
    padding: 0px 2px 0px 1px;
    margin-top: 0px;
    background-color: tranparent;
    border: 1px solid #E2E8F0;
}
.input-group-supersearch.input-group-mobile .btn {
    border: none;
    background-color: transparent;
}

.input-group-supersearch.input-group-mobile .btn,
.input-group-supersearch.input-group-mobile a.btn,
.input-group-supersearch.input-group-mobile a.btn:link,
.input-group-supersearch.input-group-mobile a.btn:visited,
.input-group-supersearch.input-group-mobile a.btn:focus,
.input-group-supersearch.input-group-mobile a.btn:active,
.input-group-supersearch.input-group-mobile a.btn:hover {
    color: #64748B;
    padding: 0px;
}
.input-group-supersearch.input-group-mobile .btn {
    display: table-cell;
}
.input-group-supersearch.input-group-mobile  .btn > .material-symbols-outlined {
    margin: 0px;
}

.input-group-supersearch .btn img {
    margin: 4px;
}
.input-group-supersearch.input-group-mobile input {
    /*border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;*/
    webkit-box-shadow: none;
    box-shadow: none;
    width: calc(100vw - 55px) !important;
    border: 1px solid #E2E8F0 !important;
}
@media screen and (min-width: 1020px) and (max-width: 1449px) {
    .input-group-supersearch.input-group-mobile input {
    }
    .dropdown-menu-right {
        left: auto;
    }
}
.input-group-supersearch.input-group-mobile input:placeholder {
    color: red !important;
}


    .input-group-supersearch input, .supersearch .dropdown-toggle {
        height: 35px;
        font-size: 18px;
    }

    .supersearch .dropdown-toggle {
        width: 100%;
        min-width: 150px;
        padding: 3px 5px;
        text-align: left;
        border-radius: 0px;
    }

        .supersearch .dropdown-toggle .caret {
            float: right;
            margin-top: 10px;
        }

    .supersearch-detailed {
        font-size: 10px;
        line-height: 12px;
        text-align: right;
        font-style: normal;
        margin-right: -7px;
    }

    .dropdown-menu option, .dropdown-menu option.divider, .dropdown-menu option.divider:hover {
        background-color: #fff;
    }

        .dropdown-menu option.divider {
            margin: 0px;
            height: 2px;
            border: none;
            line-height: 2px;
        }

        .dropdown-menu option:hover {
            background-color: #f8f5ed;
        }

    .btn-dropdown {
        background-image: -webkit-linear-gradient(color-stop(#d0e5f4 1px), color-stop(#fff 1px), color-stop(#d0e5f4 50px));
        background-image: linear-gradient(#fff 1px, #eee 20px);
        border: 1px solid #ddd;
    }

    .dropdown-group-header {
        border-bottom: 1px solid #ddd;
    }

    .supersearch [class*="col-"] {
        padding: 0px;
    }

    .fixed-width-500 {
        width: 500px;
    }

    .width-70px {
        width: 70px;
    }

    .input-group-supersearch .btn {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    /* Viktigt meddelande */
    .important-message {
        padding: 2px;
        text-align: center;
        margin-bottom: 0px;
        font-style: italic;
    }

.panel {
    padding: 20px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    /*overflow: hidden;*/
    box-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.07);
}

    .panel-shadow {
        /*height: 20px;*/
        margin-bottom: 30px;
    }

    .navbar-lg, .navbar-inverse {
        box-shadow: 0px 10px 13px -3px rgba(0, 0, 0, 0.07);
    }

    .panel .divider {
        margin: 20px -20px;
        width: calc(100% + 40px);
    }
    .panel .divider {
        margin: 20px -20px;
        width: calc(100% + 40px);
    }
    .row > .divider {
        margin: 20px -10px;
        width: calc(100% + 20px);
    }
    /* Paneler
.panel {
    padding: 5px;
    border: 10px solid transparent;
    -webkit-border-image: url('/Assets/image/borders/PanelShadow.png') 30 stretch;
    -o-border-image: url('/Assets/image/borders/PanelShadow.png') 30 stretch;
    border-image: url('/Assets/image/borders/PanelShadow.png') 30 stretch;
    border-image-outset: 9px 1px;
    border-radius: 15px !important;
}

.panel-shadow {
    padding: 0px;
    border: 10px solid transparent;
    -webkit-border-image: url('/Assets/image/borders/PanelShadow.png') 30 stretch;
    -o-border-image: url('/Assets/image/borders/PanelShadow.png') 30 stretch;
    border-image: url('/Assets/image/borders/PanelShadow.png') 30 stretch;
    border-image-outset: -10px 1px;
    margin-top: -15px;
    margin-bottom: 10px;
}
    .panel-shadow > .panel {
        margin: -1px -9px;
    }

 */
    .panel-shadow-campaign {
        margin-left: -13px;
        margin-right: -13px;
    }

    .navbar > .panel-shadow {
        margin-bottom: -10px;
    }

    .panel-nopadding {
        padding: 0px;
    }

    .panel-outer {
        margin: 0px -15px;
        padding: 3px;
    }

        .panel-outer .panel {
            margin-bottom: 0px;
        }

    .panel-job {
        width: 205px;
        text-align: left;
        padding-bottom: 15px;
    }

    /* Rubriker */
    h1, h2, h3, h4, h5, h6 {
        margin: 0px;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
    }

    h1 {
        font-size: 20px; /* 30 */
    }

    h2 {
        font-size: 18px; /* 28 */
    }

    h3 {
        font-size: 16px; /* 25 */
    }

    h4 {
        font-size: 15px; /* 20 */
    }

    h5 {
        font-size: 15px; /* 18 */
        /*line-height: 21px;*/
    }

    h6 {
        font-size: 14px; /* 15 */
    }

    h1, .tool-box:has(~ h1) {
        margin-top: 8px;
    }

    h3, .tool-box:has(~ h3) {
        margin-top: 10px;
    }

    h1:not(:has(~ .divider)):not(:has(~ div .divider)) {
        margin-bottom: 8px;
    }

    h3:not(:has(~ .divider)) {
        margin-bottom: 10px;
    }

    .panel h1 {
        /*margin-top: 0px;*/
    }

    .supersearch-start h3, .object-start > h3.block-header, .offer-start h3 {
        display: block;
        padding: 15px 15px 11px 15px;
        margin: -15px -15px 7px -15px;
        font-size: 13px;
        border-radius: 5px\9;
    }


    .block-header, .campaigns-header {
        font-weight: 600;
        display: inline-block;
        width: 100%;
        clear: both;
        border-bottom: 1px solid #ddd;
    }

    .block-header {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .supersearch-start .block-header, .object-start .block-header, .offer-start .block-header {
        border: none;
        margin-top: -15px;
        margin-bottom: 7px;
        margin-right: -15px;
        color: #888;
        display: block;
        width: auto;
        font-style: normal;
        font-weight: 600;
        border-bottom: 1px solid #e8e8e8\9;
        box-shadow: 0px 0px 10px 5px rgba(221,221,221,1)\9;
    }

    /* Startsidan */

    .object-start, .offer-start {
        padding-bottom: 0px;
        margin-bottom: 5px;
        min-height: 732px;
    }
    @media screen and (max-width: 767px) {
        .offer-start {
            min-height: 795px !important;
        }
        .carousel-offer{
            max-width: 500px;
        }
    }
    @media screen and (min-width: 768px) and (max-width: 1021px) {
        .offer-start {
            min-height: 920px !important;
        }
        .carousel-offer{
            max-width: 600px;
        }
    }
    .object-start > .block-header {
        height: 33px;
        /*
                background-color: #ffffff;
                background-image: -webkit-linear-gradient(color-stop(#fff 40px), color-stop(#e8e8e8 40px), color-stop(#fff 48px));
                background-image: linear-gradient(#fff 51px, #e8e8e8 51px, #F0F0F0 59px);
                */
        border: none;
    }

    /*.object-start > .divider, .offer-start > .divider {*/
    .panel:has(h4) > .divider {
        margin-top: 10px;
        margin-bottom: 13px;
    }

    .jobads-start {
        padding: 0px 10px;
        margin-top: -10px;
        color: #fff;
        background-color: #766a63;
        line-height: auto;
    }

        .jobads-start h2 a {
            display: inline;
            margin-top: 0px;
            margin-bottom: 0px;
            letter-spacing: 2px;
            vertical-align: bottom;
            font-size: 15px;
        }

    .supersearch-start {
        background-color: #fff /*fce6cc*/;
    }
    /* Erbjudanden på startsidan */
    .offer-start .carousel {
        margin-top: 17px;
    }

    .carousel-offers {
        text-align: center;
        vertical-align: middle;
        /*max-height: 496px;*/
        margin-bottom: 1px;
        /*min-height: 483px;*/
        top: 10px;
    }

    .carousel-offer {
        overflow: hidden;
        /*max-height: 496px;*/
    }

    /* Köp & Sälj på startsidan */
    .object-item {
        margin-top: 10px;
        padding: 15px;
        min-height: 272px;
        /*
    -webkit-box-shadow: 0px 0px 10px 5px rgba(235,235,235,1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(235,235,235,1);
    box-shadow: 0px 0px 10px 5px rgba(235,235,235,1);
    border-bottom: 3px solid #ddd;
    */
        margin-bottom: 5px;
        /*min-height: 270px;*/
    }

    .latest-object-item > .panel {
        border-image-outset: 9px 1px 3px 1px;
    }

    .latest-object-item {
        line-height: 14px;
        margin-top: 0px;
    }

        .latest-object-item h3 {
            line-height: 30px;
            font-weight: 400;
        }

        .latest-object-item h4 {
            display: inline-block;
            padding-top: 5px;
            padding-bottom: 7px;
            line-height: 1.2;
        }

        .latest-object-item img {
            margin-bottom: 8px;
            max-height: 117px;
            text-align: center;
        }

        .latest-object-item a, .latest-object-item a:link, .latest-object-item a:hover, .latest-object-item a:active, .latest-object-item a:visited,
        .latest-object-make a, .latest-object-make a:link, .latest-object-make a:hover, .latest-object-make a:active, .latest-object-make a:visited,
        .latest-object-company a, .latest-object-company a:link, .latest-object-company a:hover, .latest-object-company a:active, .latest-object-company a:visited {
            color: #111827;
            line-height: 15px;
        }

            .latest-object-item a:hover, .latest-object-item a:hover h4 {
                text-decoration: underline;
            }

                .latest-object-item a:hover .latest-object-price {
                    color: #3B56D9;
                    text-decoration: underline;
                    text-decoration-color: #3B56D9;
                }

    .latest-object-row-1 + .latest-object-row-1 {
        margin-top: 5px;
    }

    .latest-object-row-1 .latest-object-header, .latest-object-row-2 .latest-object-header {
        height: 55px;
        vertical-align: middle;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .latest-object-make {
        height: 25px;
    }

    .latest-object-price, .latest-object-company {
        margin-bottom: 15px;
    }

    .latest-object-company {
    }

    .latest-object-price,
    .latest-object-price a, .latest-object-price a:link, .latest-object-price a:hover, .latest-object-price a:active, .latest-object-price a:visited {
        font-weight: 600;
        color: #1A37C8;
    }

    /* Sidfot */
    .panel-credit-rating {
        text-align: center;
        padding: 0px;
    }

    .panel-footer-company {
        padding-left: 1px;
    }

        .panel-footer-company h5 {
            font-size: 16px;
        }

    .footer {
        /*background-color: #555;
        background-image: -webkit-linear-gradient(color-stop(#ddd 1px), color-stop(#bbb 8px), color-stop(#333 8px), color-stop(#555 9px), color-stop(#555 90px), color-stop(#333 202px));
        background-image: linear-gradient(#ddd 1px, #bbb 8px, #333 8px, #555 9px, #555 90px, #333 202px);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 );*/
        background-color: #111827;
        color: #fff;
        padding: 15px;
        min-height: 202px;
    }

        .footer .panel {
            color: #111827;
            background-image: url("/Assets/image/kuggar2.png");
            -webkit-box-shadow: 0px 0px 10px 5px rgba(70,70,70,1);
            -moz-box-shadow: 0px 0px 10px 5px rgba(70,70,70,1);
            box-shadow: 0px 0px 10px 5px rgba(70,70,70,1);
            background-position: right;
            margin: 10px 0px 10px -10px;
            text-align: left;
            max-width: 310px;
        }

        .footer h6 {
            color: #fd5a16;
            margin-left: 20px;
            line-height: 20px;
        }

    .footer-inverted a {
        color: #fff;
    }
    /* Nyheter */
    .news-start {
        padding: 15px;
        margin-top: -10px;
        color: #fff;
        background-color: #1A37C8; /*#125687;*/ /*227ec6*/
        line-height: auto;
    }

        .news-start h2 {
            display: inline;
            margin-top: 0px;
            margin-bottom: 0px;
            letter-spacing: 2px;
            vertical-align: bottom;
        }

    .news-search input {
        padding-left: 5px;
    }

        .panel input::placeholder,
        .extra-filter input[type="text"]::placeholder,
        .input-group-supersearch input::placeholder,
        .news-search input::placeholder {
            color: #64748B !important;
        }

    .news-search > .input-group-btn > .btn {
        font-size: 20px;
        width: 40px;
        height: 35px;
        padding: 5px 9px 3px 9px;
    }

        .news-search > .input-group-btn > .btn,
        .news-search > .input-group-btn > .btn > img {
            margin: 0px;
        }



    .news-header {
        font-weight: 600;
        hyphens: auto;
        margin-top: 10px;
    }

    .news img {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .news a {
        color: #111827;
    }

    .news-time, .news-time-special {
        color: #111827;
        display: block;
    }

    .news-column .news-time, .news-column .news-time-special {
        margin-top: 10px;
    }

    .news-time:not(:has(+ .news-preamble)), .news-time-special:not(:has(+ .news-preamble)) {
        margin-bottom: 10px;
    }

    .date-special {
        display: none;
    }

    .date-special-divider::before {
        content: "-";
    }

    .news-popular .nav-tabs, .object-message .nav-tabs {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .nav-tabs > li > a {
        padding-right: 12px;
        padding-left: 12px;
    }

    .news-popular a.list-item,
    .news-col-right a.list-item,
    .panel-aside-saleobject a.list-item,
    .panel-aside-prioritizedsaleobject a.list-item {
        line-height: 25px;
        display: block;
        padding-top: 3px;
        padding-bottom: 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .narrow .nav-tabs li a {
        padding-left: 6px;
        padding-right: 6px;
        letter-spacing: -0.3px;
        font-size: 13px;
    }

    .news-date-divider {
        background-color: #1A37C8;
        color: #fff;
        margin: 10px -10px;
        padding: 10px;
        border: none;
        font-size: 14px;
    }

    .news-col-right h6 {
        margin-bottom: 0px;
    }

    .news-article a,
    .news-article a:link,
    .news-article a:active,
    .news-article a:visited {
        color: #1A37C8;
    }

        .news-article a:hover,
        .news-article a:focus {
            color: #3B56D9;
        }

    .news-article-date {
        float: right;
    }

    .news-preamble, .news-article-preamble {
        display: block;
    }

    .news-preamble {
        margin-bottom: 10px;
    }

    .news-article-preamble {
        font-weight: 600;
        font-size: 17px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .news-article-logo {
        float: right;
        text-align: center;
        margin-left: 10px;
    }

        .news-article-logo img {
            margin-bottom: 0px;
        }

        .news-article-logo a {
            font-size: 12px;
        }

    .news-article-author {
        color: #111827;
        margin-top: 20px;
    }

    h1.news-header {
        font-size: 30px;
    }

    .news-search-result h5.news-header, .news-search-result img {
        margin-top: 5px;
    }

    .panel-newsarticle-form {
        width: 430px;
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }

    .panel-newsarticle-preview {
        width: 680px;
        /*	height: 400px;*/
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }

    /* Bli medlem */
    .register-form {
        padding-top: 36px;
        padding-bottom: 36px;
    }

    /* Listor */
    .listview-nested {
        margin-top: 5px;
        padding: 5px 0px 0px 0px;
        border-top: 1px solid #eee;
    }

    .list-item {
        padding: 15px 0px;
        border-bottom: 1px solid #eee;
    }

    .list-item-noline {
        padding: 2px 0px;
    }

    .list-item-click {
        cursor: pointer;
    }

    .list-item-alternate {
        background-color: #F1F5F9; /*f5f5f5*/
    }

    .list-item .image-container:not(:has(.multiple-images)) {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .list-item .image-container:has(.multiple-images) {
        margin-top: 6px;
        margin-bottom: 8px;
    }

    .image-container > .thumbnail > a > img {
        width: 140px;
        height: 85px;
    }

    .thumbnail > a > img[id*='imgLogo'] {
        max-width: 140px;
        max-height: 75px;
    }

    .list-item .thumbnail, .list-item-noline .thumbnail {
        display: table-cell;
        margin: 0px;
        background-color: #fff;
        width: 150px;
        vertical-align: middle;
    }

        .list-item .thumbnail:not(:has(img[id*='imgLogo'])), .list-item-noline .thumbnail:not(:has(img[id*='imgLogo'])) {
            height: 110px;
        }

        .list-item .thumbnail:has(img[id*='imgLogo']), .list-item-noline .thumbnail:has(img[id*='imgLogo']) {
            height: 85px;
        }

        .list-item .thumbnail img, .list-item-noline .thumbnail img {
            vertical-align: middle;
        }

    .list-item-checkbox {
        position: static;
        margin: 0px;
        display: inline-block;
        float: left;
        width: 15px;
    }

    .list-item-start-of-group {
        border-top-width: 3px;
        border-top-color: #aaa;
        border-top-style: solid;
    }

    .list-item-end-of-group {
        border-bottom-width: 3px;
        border-bottom-color: #aaa;
        border-bottom-style: solid;
    }

    .list-item-end-of-position {
        border-bottom-width: 1px;
        border-bottom-color: #ccc;
        border-bottom-style: solid;
    }

    .list-item-button-height {
        padding-top: 7px;
        min-height: 37px;
    }

        .list-item-button-height input,
        .list-item-button-height select {
            margin-top: -2px;
        }

    .list-headers {
        background-color: #F0F0F0;
        color: #111827;
        display: block;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 19px;
        margin-bottom: 5px;
        font-weight: 600;
        border-top: 1px solid #edc;
        border-bottom: 1px solid #edc;
    }

    .list-headers-no-margin-top {
        margin-top: 0px;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .cursor-default {
        cursor: default;
    }
    /* Banners */
    .campaigns-header {
        font-size: 8px;
        margin-bottom: 2px;
        min-width: 205px;
    }

    .campaigns-header-top, .campaigns-header-category {
        text-align: left;
    }

    .campaigns-header-top {
        max-width: 980px;
    }

    .campaigns-header-category {
        max-width: 1020px;
    }

    .campaigns-header-campaign {
        margin: -20px -5px 20px -5px;
    }

    .campaigns-header-sponsored {
        border-bottom: none;
        margin-bottom: 3px;
    }

    .campaigns-right {
        padding-top: 0px;
        padding-left: 40px;
    }

    .campaign-right {
        padding-bottom: 15px;
    }

        .campaign-right .carousel-inner {
            width: 205px;
        }

    .campaign-small {
        padding: 0px;
        margin: 0px;
    }

        .campaign-small [class*="col-"] {
            padding-left: 0px;
            padding-bottom: 0px;
        }

    .campaign-top .hidden-sm object, .campaign-top .hidden-sm embed {
        width: 980px;
        height: 126px; /* Ska eg. vara 120px */
    }

    .campaign-top .hidden-md object, .campaign-top .hidden-md embed {
        width: 700px;
        height: 90px; /* Ska eg. vara 86px */
    }
    /* Formulär */
    select, input, textarea, .form-table select, .form-table input, .form-table textarea {
        width: 100%;
        border-radius: 3px;
        border: 1px solid #aaa;
    }

        textarea, .form-table textarea, input[type="text"], .form-table input[type="text"], select, .form-table select {
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            line-height: 1.5;
            font-weight: 400;
            border-radius: 6px;
            border: 1px solid #E2E8F0;
            /*border-right: none;*/
            background-color: #FFFFFF;
            color: #4B5563;
            width: 100%;
            box-sizing: border-box;
            resize: vertical;
            transition: border-color 0.2s, box-shadow 0.2s;
        }

        textarea, .form-table textarea, input[type="text"], .form-table input[type="text"] {
            padding: 5px 10px;
        }

    select, .form-table select {
        padding: 5px 10px;
    }
    /**/
    textarea::placeholder, .form-table textarea::placeholder, input[type="text"]::placeholder, .form-table input[type="text"]::placeholder {
        color: #64748B;
    }


    textarea:focus, .form-table textarea:focus, input[type="text"]:focus, .form-table input[type="text"]:focus, select:focus, .form-table select:focus {
        outline: none;
        border-color: #1A37C8;
        box-shadow: 0 0 0 1px #1A37C8;
    }

    textarea:disabled, .form-table textarea:disabled, input[type="text"]:disabled, .form-table input[type="text"]:disabled, select:disabled, .form-table select:disabled {
        background-color: #F3F4F6;
        color: #9CA3AF;
        border: 1px solid #E2E8F0;
        cursor: not-allowed;
    }

    .form-table [class*="col-"] {
        padding-top: 2px;
        padding-bottom: 2px;
        min-height: 28px;
        vertical-align: middle;
    }

    .form-table h3, .cookies h3 {
        margin-bottom: 0px;
    }

    span.invalid, table.invalid, div.invalid {
        border: 1px solid #dc4427;
        border-radius: 3px;
    }

    span.invalid, div.invalid {
        padding: 2px 4px;
    }

    table.invalid td {
        padding: 0px 4px;
    }

    span.invalid input[type='checkbox'] {
        margin-bottom: 4px;
    }

    input.invalid, textarea.invalid, select.invalid {
        border: 1px solid #dc4427;
    }

        input.invalid:active, textarea.invalid:active, input.invalid:focus, textarea.invalid:focus, select.invalid:focus {
            border: 1px solid #dc4427;
            -webkit-box-shadow: 0px 0px 10px 5px rgba(220,220,220,1);
            -moz-box-shadow: 0px 0px 10px 5px rgba(220,220,220,1);
            box-shadow: 0px 0px 10px 5px rgba(220,220,220,1);
        }

    .form-input-feedback {
        color: #dc4427;
        font-size: 12px;
    }

    input[type="radio"], input[type="checkbox"] {
        width: 13px;
        height: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .radio-button-list label {
        font-weight: normal;
    }

    select.dropdown-multiple {
        height: auto;
    }

    select.filter {
        margin-bottom: 3px;
    }
    /* Felmeddelande */
    .alert-error {
        color: #b3261e;
        background-color: #fdecea;
        border: 1px solid #f5c6c6;
    }

        .alert-error ul {
            list-style-image: url("/Assets/image/odash.png");
        }

        .alert-error a, .alert-error a:link, .alert-error a:active, .alert-error a:visited {
            color: red;
            text-decoration: underline;
        }

            .alert-error a:hover {
                color: red;
                text-decoration: none;
            }

    /* Success meddelande*/
    .alert-success {
        background-color: #e6f4ea;
        color: #2d6a4f;
        border: 1px solid #b9e1c5;
    }

    /* Sök företag */
    .panel-campaign,
    .panel-campaign .panel {
        border: none;
        -webkit-border-image: none;
        -o-border-image: none;
        border-image: none;
        border-image-outset: 0;
    }

        .panel-campaign .panel {
            margin-bottom: 0px;
        }

        .panel-campaign .panel {
            padding: 0px 11px;
            background-color: #eef4ff;
            /*
    background-color: #fffdb7;
    background-color: #fce6cc;
    background-color: #fff;
    border-color: #f0ad4e;
    border-color: #dc4427;
    border-color: #1A37C8;
	border-color: #d58012;
	*/
        }

    .panel-campaign {
        margin: 0px 0px -10px 0px;
        padding: 1px; /*4px*/
        background-color: #1a3fa1;
    }

        .panel-campaign .col-list-logo {
            margin-top: 6px;
        }

    .panel-campaign-secondary {
        background-color: #c7d9f9;
    }

        .panel-campaign-secondary .panel {
            background-color: #eef4ff;
        }

    .panel-campaign .list-item {
        background: none;
    }

    /* Företagspresentation */
    .company-header h1 {
        line-height: 35px;
        margin-top: 8px;
    }

    .logo,
    .no-logo {
        width: 140px;
        height: 75px;
        border-radius: 2px;
        overflow: hidden;
    }

    .header-logo-border {
        width: 150px;
        height: 85px;
        border-radius: 2px;
        border: 1px solid #ccc;
        padding: 4px;
    }

    .header-logo-border,
    .header-logo {
        margin-top: 0px;
        margin-bottom: 0px;
        display: inline-block;
    }

    .customer-header .header-logo-border {
        width: 103px;
        height: 60px;
        display: inline-block;
    }

    .logo {
        margin-top: 12px;
    }

    .no-logo img {
        margin-top: -4px;
        width: 140px;
        height: 85px;
    }

    .col-list-logo > .logo {
        margin-top: 0px;
        border-radius: 2px;
    }
    /*.logo input
{
    width: 140px;
    height: 75px;
    border-radius: 3px;
}
*/
    .col-list-logo {
        /* padding-left: 30px; */
    }

    .company-view-facts {
        border-right: 1px solid #ddd;
    }

    .company-view-objects a, .company-view-objects a:link, .company-view-objects a:visited, .company-view-objects a:active, .company-view-objects a:hover
    /*, .company-view-categories a, .company-view-categories a:link, .company-view-categories a:visited, .company-view-categories a:active, .company-view-categories a:hover*/ {
        color: #111827;
    }

    .company-view-files img {
        vertical-align: sub;
        margin-left: -2px;
        margin-right: 5px;
    }

    .contact-photo {
        float: left;
        margin-right: 10px;
        border: 1px solid #aaa;
    }

    .contact-body {
        padding-top: 10px;
        padding-bottom: 15px;
        display: inline-block;
    }

        .contact-body > div {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .news-compressed .news-time {
        display: inline-block;
        width: 90px;
    }

    /* Köp & Sälj */

    .object-list {
        padding-top: 0px;
    }

        .object-list .list-item {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .list-item .thumbnail, .list-item-noline .thumbnail {
        position: relative;
        z-index: 12;
    }

    .multiple-images .thumbnail {
        margin-bottom: 6px;
    }

    .multiple-images img {
        position: relative;
        z-index: 15;
    }

    .multiple-images:before, .multiple-images:after {
        content: "";
        position: absolute;
        width: 150px;
        height: 110px;
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 5px;
    }

    .multiple-images:before {
        left: 12px; /*13*/
        top: 8px;
        z-index: 10;
    }

    .multiple-images:after {
        left: 14px; /*16*/
        top: 10px;
        z-index: 8;
    }

    #images img {
        margin-top: 9px;
        margin-bottom: 11px;
        border: 1px solid #ccc;
    }

    .object-view h3.price {
        margin-top: 2px;
        margin-bottom: 12px;
        display: inline;
    }

    .specs-label, .specs-label-no-width {
        display: inline-block;
        vertical-align: top;
    }

    .specs-label-selected-objects {
        display: inline-block;
        vertical-align: top;
        width: 55px;
    }

    .specs-label-price, .specs-value-price {
        font-size: 20px;
        line-height: 50px;
        padding-top: 30px;
        font-weight: normal;
    }

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

    .object-view .specs-label, .object-view .specs-label-price {
        width: 150px;
    }

    .object-list-edit .image-container {
        position: relative;
        margin-left: -20px;
    }

        .object-list-edit .image-container .thumbnail {
            margin-left: 10px;
            margin-top: 0px;
            width: 150px;
            height: 110px;
        }

    .panel-saleobject .list-item #pnlCol2 {
        padding-top: 3px;
    }

    .panel-saleobject .list-item #pnlCol3 {
        padding-top: 10px;
    }

    #lblNewUsed {
        display: inline-block;
        width: 30px;
        text-align: center;
        background-color: #5ca8e3; /*227ec6/5ac0de/2bacd2*/
        color: #fff;
        border-radius: 5px;
        padding-bottom: 2px;
        margin-right: 5px;
    }

    /* Bli medlem */
    .checklist {
        list-style-image: url("/Assets/image/icons/check-green.png");
        list-style-position: outside;
        padding: 12px 25px 0px 25px;
    }

        .checklist li {
            margin-bottom: 4px;
            font-size: 16px;
        }

        .checklist > li > ul {
            margin-top: 10px;
        }

            .checklist > li > ul > li {
                font-size: 13px;
            }

    /* Allmänt */
    .available, .available td {
        background-color: #e0ffe0;
        /*color: gray;*/
    }

    .booked, .booked td {
        background-color: #feefc7;
        color: gray;
        font-style: italic;
    }

        .booked a, .booked a:link, .booked a:active, .booked a:visited, .booked a:hover {
            color: gray;
        }

    .italic {
        font-style: italic;
    }

    .line-through {
        text-decoration: line-through;
    }

    .normal, .normal span {
        font-style: normal;
    }

        .normal a, .normal a:link, .normal a:active, .normal a:visited {
            color: #1A37C8;
        }

            .normal a:hover {
                color: #3B56D9;
            }

    .font-weight-normal, div.font-weight-normal, .list-item-new > div.font-weight-normal {
        font-weight: normal;
    }

    .inline {
        display: inline;
    }

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

    .table-cell {
        display: table-cell;
    }

    .clear-both {
        clear: both;
    }

    .clear-left {
        clear: left;
    }

    .clear-right {
        clear: right;
    }

    .float-right {
        float: right;
    }

    .float-left {
        float: left;
    }

    .right {
        text-align: right;
    }

    .spacer, .spacer-narrow, .spacer-mimic-header, .spacer-double, .divider, .divider-line {
        clear: both;
        overflow: hidden;
    }

    .spacer-mimic-header {
        height: 9px;
    }

    .spacer {
        height: 15px;
    }

    .spacer-narrow {
        height: 4px;
    }

    .spacer-double {
        height: 25px;
    }

    .spacer-horizontal, .spacer-horizontal-checkbox {
        display: inline-block;
        width: 16px;
    }

    .spacer-horizontal-checkbox-financing {
        display: inline-block;
        width: 30px;
        vertical-align: baseline;
        height: 20px;
    }

    .spacer-horizontal-narrow {
        display: inline-block;
        width: 8px;
    }

    .divider, .divider-light {
        margin-bottom: 10px;
        width: 100%;
        height: 10px;
    }

    .divider {
        border-bottom: 1px solid #E2E8F0;
    }

    .divider-light {
        border-bottom: 1px solid #eee;
    }

    .divider-line {
        height: 2px;
    }

    .nav-tabs li a {
        padding-top: 2px;
        padding-bottom: 2px;
    }

        .nav-tabs li a:hover {
            text-decoration: underline;
        }

    .nav-tabs li.active a:hover {
        text-decoration: none;
    }

    ul {
        list-style-image: url("/Assets/image/dash.png");
        padding-left: 15px;
    }

    li {
        min-height: 25px;
        margin-top: 5px;
    }

    .btn-big {
        height: auto;
        border-radius: 10px;
        font-size: 17px;
        padding-top: 2px;
        padding-bottom: 3px;
    }

    .btn-success a, .btn-success a:link, .btn-success a:visited, .btn-success a:hover, .btn-success a:active {
        color: #fff;
        text-decoration: none;
    }

    .btn-alert {
        color: #dc4427;
        border-color: #dc4427;
        background-color: #ffffff;
        border-width: 1px;
    }

    .engine-buttons {
        margin-top: 15px;
    }

    .result-list {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .row.summary-and-pagination {
    }

        .row.summary-and-pagination > div[class*=col] > span {
            height: 44px;
            display: table-cell;
            vertical-align: middle;
        }

    .pagination {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .pagination-top .results-summary {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .pagination-top .pagination {
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #1A37C8;
        border-color: #1A37C8;
    }

    .pagination > li > a, .pagination > li > span {
        color: #1A37C8;
        min-width: 34px;
        text-align: center;
    }

        .pagination > li > a:hover {
            color: #3B56D9;
            z-index: 0;
            background-color: #F1F5F9;
        }

    .right-side-of-header > .pagination {
        margin-top: 10px;
    }

    .left-side-of-pagination {
        padding-top: 10px;
    }

    .btn-disabled {
        background-color: #ddd;
        color: #111827;
        font-style: italic;
        border-color: #ccc;
    }

    .btn {
        padding: 10px 20px;
        border: 1px solid #1A37C8;
        border-radius: 6px !important;
        font-weight: 500;
        font-size: 16px;
        cursor: pointer;
        font-family: inherit;
    }

    /*
    .btn + .btn {
        margin-left: 16px;
    }
*/

    .btn-default, .btn-default:hover {
        background-color: transparent;
        border-width: 1px !important;
        border-style: solid !important;
    }

    .btn-default {
        border-color: #1A37C8 !important;
        color: #1A37C8;
    }

        .btn-default a,
        .btn-default a:link,
        .btn-default a:active,
        .btn-default a:visited,
        .btn-default a:focus {
            color: #1A37C8;
        }

            .btn-default a:hover {
                color: #3B56D9;
            }

        .btn-default:hover {
            color: #3B56D9;
            border-color: #3B56D9 !important;
        }

    .btn {
        padding: 10px 20px;
        font-size: 16px;
        font-weight: 500;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        margin: 8px;
        transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }

    .btn-primary {
        background-color: #1A37C8;
        color: #fff;
    }

        .btn-primary:hover {
            background-color: #3B56D9;
        }

        .btn-primary > a,
        .btn-primary > a:link,
        .btn-primary > a:visited,
        .btn-primary > a:hover,
        .btn-primary > a:active,
        .btn-primary > a:focus,
        a.btn-primary,
        a.btn-primary:link,
        a.btn-primary:visited,
        a.btn-primary:hover,
        a.btn-primary:active,
        a.btn-primary:focus {
            color: #fff;
        }

    .btn-info {
        background-color: #5ac0de;
    }

        .btn-info:hover {
            background-color: #2bacd2;
        }

        .btn-info a {
            color: #fff;
        }

            .btn-default a, .btn-default a:link, .btn-default a:hover, .btn-default a:active, .btn-default a:visited,
            .btn-primary a, .btn-primary a:link, .btn-primary a:hover, .btn-primary a:active, .btn-primary a:visited,
            .btn-info a, .btn-info a:link, .btn-info a:hover, .btn-info a:active, .btn-info a:visited {
                text-decoration: none;
            }

    .btn-error {
        background-color: #dc4427;
        color: #fff;
    }

    input.btn-error {
        border-color: #b42f16;
    }

    .btn-error:hover {
        background-color: #bd260a;
        color: #fff;
    }

    .btn-error > a,
    .btn-error > a:link,
    .btn-error > a:visited,
    .btn-error > a:hover,
    .btn-error > a:active {
        color: #fff;
    }

    .btn-green,
    .btn-green a,
    .btn-green a:link,
    .btn-green a:visited,
    .btn-green a:active,
    .btn-green a:focus,
    a.btn-green,
    a.btn-green:link,
    a.btn-green:visited,
    a.btn-green:active,
    a.btn-green:focus {
        background-color: #15651F;
        color: #fff !important;
    }

        .btn-green:hover,
        .btn-green a:hover,
        a.btn-green:hover {
            background-color: #2D7E38;
            color: #fff;
        }

    .thumbnail {
        border-color: #ccc;
    }

    .toggle-box, .tool-box {
        float: right;
    }

    .toggle-box-button-correction .btn {
        margin-top: -5px;
    }

    .border-2 {
        border-width: 2px;
    }

    .valign-middle {
        display: flex;
        align-items: center;
    }

    .valign-middle-115 {
        display: table-cell;
        vertical-align: middle;
        height: 115px;
    }

    .valign-middle .glyphicon {
    }

    .form-table div.valign-bottom,
    .valign-bottom {
        display: flex;
        vertical-align: bottom;
        min-height: 28px;
        flex-direction: column-reverse;
    }

    .tiny-text {
        font-size: 10px;
    }

    .vertical-text {
        transform: rotate(-50deg);
        transform-origin: center;
    }

    .col-border {
        border-left: 1px solid #edc;
    }

    .col-filler:after {
        content: "\00a0";
    }
    /* Erbjudanden */
    .offer-list-header {
        clear: both;
        height: 40px;
        display: table-cell;
    }

    .checkbox-offer {
        margin-right: 10px;
        display: inline-block;
        vertical-align: top;
    }

    /* Färger */
    .bg-white {
        background-color: #fff;
    }

    .bg-grey-light {
        background-color: #eee;
    }

    .color-inverted {
        color: #dc4427;
    }

    a:hover .color-inverted {
        color: #e36148;
        text-decoration: underline;
    }

    .color-warning {
        color: #ff9900;
    }

    a:hover .color-warning {
        color: #ffb750;
        text-decoration: underline;
    }

    .color-white, a:hover .color-white {
        color: #ffffff;
    }

    a.color-white:hover {
        color: #dfdfdf;
    }

    .info-missing {
        color: #aaa;
        font-style: italic;
        max-width: 400px;
    }

    .bg-primary-light {
        background-color: #F1F5F9;
    }

    .border-inverted {
        border-color: #dc4427;
    }

    .color-success,
    .color-success a,
    a.color-success {
        color: #5cb85c;
    }

    .color-error,
    .color-error a,
    a.color-error,
    a.color-error:link,
    a.color-error:active,
    a.color-error:visited {
        color: #d9534f;
    }

        a.color-error:hover {
            color: #ff8877;
        }

    .color-red,
    a.color-red {
        color: red;
    }

    .color-orange,
    .color-orange a,
    a.color-orange {
        color: #F39C12;
    }

    .color-yellow,
    .color-yellow a,
    a.color-yellow {
        color: #F1C40F;
    }

    .color-grey,
    .color-grey a {
        color: #aaa;
    }

    .color-purple,
    .color-purple a {
        color: #606;
    }

    .color-black {
        color: #000;
    }

    .bg-main {
        background-image: linear-gradient(#bbb 1px, #F0F0F0 8px);
        padding-top: 5px;
    }

    .color-primary, a.color-primary, a:link.color-primary, a:visited.color-primary, a:active.color-primary {
        color: #1A37C8;
    }

    .color-default {
        color: #1A37C8;
    }

    a:hover.color-primary {
        color: #3B56D9;
        text-decoration: underline;
    }

    .bannerFlashDisabler {
        background: transparent url('/Assets/Image/trans.gif') 0 0 repeat;
        position: absolute;
        top: 0;
        left: 0;
    }

    .newItemInList, .newItemInList div, .list-item-new, .list-item-new div {
        font-weight: 600;
    }

    .radio-button-list label {
        margin-right: 10px;
    }

    .checkbox-image {
        vertical-align: top;
    }

    .list-headers input[type="checkbox"] {
        margin-top: -3px;
    }

    .list-headers .cb-top-margin input[type="checkbox"] {
        margin-top: 3px;
    }

    .list-headers .col-xs-1 input[type="checkbox"], .list-headers .col-xs-2 input[type="checkbox"], .list-headers .col-xs-3 input[type="checkbox"], .list-item-narrow input[type="checkbox"] {
        margin-top: 3px;
    }

    .form-label {
        display: block;
        font-size: 15px;
        font-weight: 500;
        color: #374151;
        margin-top: 12px;
        margin-bottom: 12px;
        /*
    margin-top: 24px;
    margin-bottom: 8px;
    */
    }

    .form-label-mandatory {
        font-weight: 600;
    }

        .form-label-mandatory:before {
            content: "● ";
            color: #dc4427;
        }

    .form-label.adapt-to-button {
        margin-top: 25px;
    }

    .adapt-to-button > .bootstrap-filestyle.input-group, .adapt-to-button > input[type=text] {
        margin-top: 13px;
    }

        .adapt-to-button > .bootstrap-filestyle.input-group > .group-span-filestyle > .btn {
            margin-top: -5px;
        }

    .panel-attached-files {
        padding-top: 5px;
        padding-bottom: 10px;
    }

    a[href]:after {
        content: none;
    }

    .company-header {
        page-break-inside: avoid;
    }

    .no-break-print {
        page-break-inside: avoid;
    }

    .panel-disabled, .panel-disabled h4 {
        color: gray;
    }

        .panel-disabled a, .panel-disabled a:link, .panel-disabled a:hover, .panel-disabled a:visited, .panel-disabled a:active {
            color: gray;
            cursor: default;
        }

    .disabled, .disabled td, .disabled a, .disabled a:link, .disabled a:hover, .disabled a:visited, .disabled a:active,
    a.disabled:hover {
        color: gray;
    }

    .color-expired, .expired, .expired a, .expired a:link, .expired a:hover, .expired a:visited, .expired a:active, input.expired {
        color: #AAAAAA; /*gray=#808080*/
    }
    /* Bootstrap skriver över ajaxtoolkit, låt oss skriva över den igen... */
    .ajax__calendar_container {
        padding: 4px;
        cursor: default;
        width: 170px;
        font-size: 11px;
        text-align: center;
        font-family: tahoma,verdana,helvetica;
    }

    .ajax__calendar_body {
        height: 139px;
        width: 170px;
        position: relative;
        overflow: hidden;
        margin: auto;
    }

    .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
        top: 0px;
        left: 0px;
        height: 139px;
        width: 170px;
        position: absolute;
        text-align: center;
        margin: auto;
    }

    .ajax__calendar_container TABLE {
        padding: 0px;
        margin: 0px;
        font-size: 11px;
    }

    .ajax__calendar_container TD {
        padding: 0px;
        margin: 0px;
        font-size: 11px;
    }

    .ajax__calendar_header {
        height: 20px;
        width: 100%;
    }

    .ajax__calendar_prev {
        cursor: pointer;
        width: 15px;
        height: 15px;
        float: left;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .ajax__calendar_next {
        cursor: pointer;
        width: 15px;
        height: 15px;
        float: right;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .ajax__calendar_title {
        cursor: pointer;
        font-weight: 600;
        margin-left: 15px;
        margin-right: 15px;
    }

    .ajax__calendar_footer {
        height: 15px;
    }

    .ajax__calendar_today {
        cursor: pointer;
        padding-top: 3px;
    }

    .ajax__calendar_dayname {
        height: 17px;
        width: 17px;
        text-align: right;
        padding: 0 2px;
    }

    .ajax__calendar_day {
        height: 17px;
        width: 18px;
        text-align: right;
        padding: 0 2px;
        cursor: pointer;
    }

    .ajax__calendar_month {
        height: 44px;
        width: 40px;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
    }

    .ajax__calendar_year {
        height: 44px;
        width: 40px;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
    }

    .ajax__calendar .ajax__calendar_container {
        border: 1px solid #646464;
        background-color: #ffffff;
        color: #000000;
    }

    .ajax__calendar .ajax__calendar_footer {
        border-top: 1px solid #f5f5f5;
    }

    .ajax__calendar .ajax__calendar_dayname {
        border-bottom: 1px solid #f5f5f5;
    }

    .ajax__calendar .ajax__calendar_day {
        border: 1px solid #ffffff;
    }

    .ajax__calendar .ajax__calendar_month {
        border: 1px solid #ffffff;
    }

    .ajax__calendar .ajax__calendar_year {
        border: 1px solid #ffffff;
    }

    .ajax__calendar .ajax__calendar_active .ajax__calendar_day {
        background-color: #edf9ff;
        border-color: #0066cc;
        color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_active .ajax__calendar_month {
        background-color: #edf9ff;
        border-color: #0066cc;
        color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_active .ajax__calendar_year {
        background-color: #edf9ff;
        border-color: #0066cc;
        color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_today .ajax__calendar_day {
        border-color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_today .ajax__calendar_month {
        border-color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_today .ajax__calendar_year {
        border-color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_other .ajax__calendar_day {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #646464;
    }

    .ajax__calendar .ajax__calendar_other .ajax__calendar_year {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #646464;
    }

    .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
        background-color: #edf9ff;
        border-color: #daf2fc;
        color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
        background-color: #edf9ff;
        border-color: #daf2fc;
        color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
        background-color: #edf9ff;
        border-color: #daf2fc;
        color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
        color: #0066cc;
    }

    .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
        color: #0066cc;
    }

    /* styles for invalid dates as defined by startDate and endDate*/
    .ajax__calendar .ajax__calendar_invalid .ajax__calendar_day {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #646464;
        text-decoration: line-through;
        cursor: default;
    }

    .ajax__calendar .ajax__calendar_invalid .ajax__calendar_month {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #646464;
        text-decoration: line-through;
        cursor: default;
    }

    .ajax__calendar .ajax__calendar_invalid .ajax__calendar_year {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #646464;
        text-decoration: line-through;
        cursor: default;
    }

    .ajax__calendar .ajax__calendar_invalid .ajax__calendar_today {
        visibility: hidden;
        cursor: default;
    }

    .it-admin-only,
    .it-admin-only a,
    .it-admin-only a:link,
    .it-admin-only a:active,
    .it-admin-only a:visited,
    .it-admin-only a:hover,
    a.it-admin-only,
    a.it-admin-only:link,
    a.it-admin-only:active,
    a.it-admin-only:visited,
    a.it-admin-only:hover {
        color: red;
        font-style: italic;
        font-size: 12px;
    }

    .sticky-note {
        border: 10px solid transparent;
        -webkit-border-image: url('https://media.industritorget.se/Assets/image/borders/PanelShadowStickyNote.png') 30 stretch;
        -o-border-image: url('https://media.industritorget.se/Assets/image/borders/PanelShadowStickyNote.png') 30 stretch;
        border-image: url('https://media.industritorget.se/Assets/image/borders/PanelShadowStickyNote.png') 30 stretch;
        border-image-outset: 9px 0px;
        -ms-transform: rotate(10deg); /* IE 9 */
        -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
        transform: rotate(10deg);
        background-color: #fdfdca;
        background: -webkit-linear-gradient(#f8f7b6, #fefede, #fdfdca, #f8f7b6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f8f7b6, #fefede, #fdfdca, #f8f7b6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f8f7b6, #fefede, #fdfdca, #f8f7b6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f8f7b6, #fefede, #fdfdca, #f8f7b6);
        border-radius: 2px;
        margin-top: -30px;
        margin-bottom: 10px;
        margin-right: 120px; /**/
        position: absolute;
        display: inline-block;
        padding: 8px 2px;
        color: #dc4427;
        width: 170px;
        min-height: 60px;
        vertical-align: middle;
        right: 50px;
        text-align: center;
        /*
	box-shadow: 2px 2px 2px #888888;
	background: linear-gradient(to bottom right, #333, #ccc, #333);
	background-color: red;
	background: linear-gradient(#fdfdca, #fefede, #f8f7b6);
	margin:-12px 10px 10px 10px; 
	*/
    }

    .sticky-note-xs {
        margin-right: 30px;
    }

    .position-static {
        position: static;
    }

    .my-account-company {
        background-image: url(/Assets/image/myAccount/company.gif);
    }

    .my-account-offers {
        background-image: url(/Assets/image/myAccount/offers.gif);
    }

    .my-account-creditreports {
        background-image: url(/Assets/image/myAccount/creditreports.gif);
    }

    .my-account-rfqs {
        background-image: url(/Assets/image/myAccount/rfqs.gif);
    }

    .my-account-news {
        background-image: url(/Assets/image/myAccount/news.gif);
    }

    .my-account-saleobjects {
        background-image: url(/Assets/image/myAccount/saleobjects.gif);
    }

    .my-account-jobs {
        background-image: url(/Assets/image/myAccount/jobs.gif);
    }

    .my-account-website {
        background-image: url(/Assets/image/myAccount/website.gif);
    }

    .my-account-google-ads {
        background-image: url(/Assets/image/myAccount/google-ads.gif);
    }

    .my-account-advertising {
        background-image: url(/Assets/image/myAccount/advertising.gif);
    }

    .my-account-support {
        background-image: url(/Assets/image/myAccount/support.gif);
    }

    .my-account-freighttransport {
        background-image: url(/Assets/image/myAccount/freighttransport.gif);
    }

    .my-account-company,
    .my-account-offers,
    .my-account-creditreports,
    .my-account-rfqs,
    .my-account-news,
    .my-account-saleobjects,
    .my-account-jobs,
    .my-account-website,
    .my-account-advertising,
    .my-account-freighttransport {
        background-position: right bottom;
        background-repeat: no-repeat;
        min-height: 125px;
    }

    .my-account-google-ads {
        background-position: right bottom;
        background-repeat: no-repeat;
        min-height: 113px;
    }

    .my-account-support {
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    .panel-customer-activity {
        font-weight: 600;
    }

    .it-admin-start-counts-col-1,
    .it-admin-start-counts-col-2,
    .it-admin-start-counts-divider {
        display: inline-block;
        float: right;
    }

    .it-admin-start-counts-col-1 {
        width: 55%;
        text-align: right;
    }

    .it-admin-start-counts-col-2 {
        width: 35%;
        text-align: left;
    }

    .it-admin-start-counts-divider {
        width: 10%;
        text-align: center;
    }

    .text-overflow,
    .text-overflow a {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .panel-it-message h4 {
        line-height: 28px;
    }

    .panel-demo {
        background-color: #766a63;
        border-radius: 5px;
    }

    .info-box {
        border: 1px solid #ccc;
    }

        .info-box .info-box-header,
        .info-box .list-item {
            padding: 5px 10px;
            margin: 0px;
        }

            .info-box .info-box-header h3 {
                display: inline;
            }

        .info-box .info-box-header {
            background-color: #1A37C8; /*#dc4427;*/
            color: #fff;
        }

    .navbar-img {
        margin-top: -5px;
    }

    .navbar ul li.navbar-flag a {
        padding: 14px 25px;
    }

    .list-item-img {
        margin: 0px 0px 0px 10px;
    }

    .aside-saleobject {
        width: 100%;
    }

        .aside-saleobject .list-item {
            overflow: hidden;
            text-overflow: ellipsis;
            height: 10px;
            padding-top: 2px;
        }

        .aside-saleobject img {
            margin-bottom: 15px;
        }

    .aside-header {
    }

    .bold {
        font-weight: 600;
    }

    .navbar-group {
        position: relative;
        display: block;
        float: left;
        height: 50px;
        padding-top: 9px;
        /*margin-bottom: -12px;*/
    }

        .navbar-group:has(.container .subnav-row) {
            padding-top: 2px;
        }

    .navbar-inverse .navbar-nav > li.navbar-lvl-1 > a,
    .navbar-inverse .navbar-nav > li.navbar-lvl-1 > a:link,
    .navbar-inverse .navbar-nav > li.navbar-lvl-1 > a:visited,
    .navbar-inverse .navbar-nav > .navbar-group > li.navbar-lvl-1 > a,
    .navbar-inverse .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:link,
    .navbar-inverse .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:visited {
        background-color: transparent;
        color: #ffffff;
    }

        .navbar-inverse .navbar-nav > li.active > a,
        .navbar-inverse .navbar-nav > li.active > a:link,
        .navbar-inverse .navbar-nav > li.active > a:visited,
        .navbar-inverse .navbar-nav > li.navbar-lvl-1 > a:active,
        .navbar-inverse .navbar-nav > li.navbar-lvl-1 > a:hover,
        .navbar-inverse .navbar-nav > .navbar-group > li.active > a,
        .navbar-inverse .navbar-nav > .navbar-group > li.active > a:link,
        .navbar-inverse .navbar-nav > .navbar-group > li.active > a:visited,
        .navbar-inverse .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:active,
        .navbar-inverse .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:hover {
            background-color: #ffffff;
            color: #1A37C8;
        }

    .navbar-inverse .navbar-nav > subnav > li.active > a,
    .navbar-inverse .navbar-nav > subnav > li.active > a:link,
    .navbar-inverse .navbar-nav > subnav > li.active > a:visited,
    .navbar-inverse .navbar-nav > subnav > li.navbar-lvl-1 > a:active,
    .navbar-inverse .navbar-nav > subnav > li.navbar-lvl-1 > a:hover,
    .navbar-inverse .navbar-nav > subnav > .navbar-group > li.active > a,
    .navbar-inverse .navbar-nav > subnav > .navbar-group > li.active > a:link,
    .navbar-inverse .navbar-nav > subnav > .navbar-group > li.active > a:visited,
    .navbar-inverse .navbar-nav > subnav > .navbar-group > li.navbar-lvl-1 > a:active,
    .navbar-inverse .navbar-nav > subnav > .navbar-group > li.navbar-lvl-1 > a:hover {
        background-color: transparent !important;
    }

    .navbar-public .navbar-nav > li.navbar-lvl-1 > a,
    .navbar-public .navbar-nav > li.navbar-lvl-1 > a:link,
    .navbar-public .navbar-nav > li.navbar-lvl-1 > a:visited,
    .navbar-public .navbar-nav > li.navbar-lvl-1 > a:active,
    .navbar-public .navbar-nav > li.navbar-lvl-1 > a:hover,
    .navbar-public .navbar-nav > .navbar-group > li.navbar-lvl-1 > a,
    .navbar-public .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:link,
    .navbar-public .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:visited,
    .navbar-public .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:active,
    .navbar-public .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:hover {
        font-size: 15px;
        font-weight: 600;
    }

    .navbar-inverse .navbar-nav > li.navbar-lvl-1 > a:hover {
        text-decoration: underline;
    }

    .navbar-nav > li.navbar-logout {
        float: right;
        margin-right: -50px;
    }

    .subnav-row {
        margin-bottom: -30px;
    }

    .btn-focus {
        background-color: #1A37C8; /*#dc4427;*/
        margin-top: 3px;
    }

        .btn-focus:hover {
            background-color: #1b629a; /*#cc4025;*/
        }

        .btn-focus > a,
        .btn-focus > a:link,
        .btn-focus > a:visited,
        .btn-focus > a:active,
        .btn-focus > a:hover {
            color: #fff;
            text-decoration: none;
        }

    .btn-focus-image {
        float: left;
    }

    .btn-group-focus {
    }

    .pager-minimized {
        margin-bottom: 8px;
    }

        .pager-minimized div {
            display: inline-block;
            width: 140px;
        }

            .pager-minimized div.pager-minimized-pageof {
                text-align: center;
                width: 110px;
            }

    .input-group-listbox {
        width: 100%;
        margin-bottom: 3px;
    }

        .input-group-listbox button {
            text-align: left;
            padding-left: 5px;
            padding-right: 5px;
            height: 35px;
            font-size: 16px;
            width: 100%;
            /*
	max-width: 232px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	*/
        }

        .input-group-listbox select {
            position: absolute;
            height: auto;
            width: auto;
            min-width: 100%;
        }

        .input-group-listbox .caret {
            float: right;
            margin-top: 10px;
            margin-left: 10px;
        }

    .img-header {
        margin-top: -7px;
        margin-left: 10px;
        margin-right: 8px;
        padding: 8px;
    }

    .padding-left-5 {
        padding-left: 5px;
    }

    #divPrimaryFilter h4, #divSecondaryFilter h4 {
        font-size: 15px;
        font-weight: 600;
        margin-left: 5px;
        margin-bottom: 12px;
    }

    .alert-link, .alert-link:hover, .alert-link:link, .alert-link:active, .alert-link:visited {
        color: #dc4427;
        font-weight: 600;
    }

    .campaign-position {
        display: inline-block;
        width: 20px;
        text-align: center;
        border: 1px solid black;
        margin-right: 1px;
        margin-bottom: 1px;
    }

        .campaign-position a {
            color: white;
        }

    .campaign-position-free {
        background-color: green;
    }

    .campaign-position-active {
        background-color: #f3826d;
    }

    .campaign-position-booked {
        background-color: orange;
    }

    .icon-expand {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .icon-cogwheels {
        margin-left: 2px;
    }

    .icon-google {
        margin-top: 5px;
    }

    input.btn {
        width: auto;
        height: auto;
        display: inline;
    }

    input.btn-primary {
        border-color: #1e70b0;
    }

    .addthis-inline-block {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        width: 102px;
    }

    .addthis-share {
        height: 33px;
        vertical-align: middle;
        margin-top: -30px;
        margin-right: 5px;
        line-height: 33px;
    }

    .linkedin {
        margin-top: 5px;
    }

        .linkedin img {
            margin-right: 5px;
            margin-top: 3px;
            vertical-align: top;
        }

    .h3-aside {
        margin-top: 5px;
    }

    .company-link {
        line-height: 25px;
    }

    .theme-header {
        font-variant: small-caps;
        text-align: center;
        font-size: 30px;
        letter-spacing: 10px;
    }

    .text-align-right {
        text-align: right;
    }


    .mailing-filler-preview {
        background-color: #fff;
        border-color: silver;
        border-style: solid;
        border-width: 1px;
        vertical-align: top;
        padding: 15px;
        width: 230px;
        font-family: calibri, arial, verdana;
        font-size: 11pt;
    }

    .it-admin-ad-alternative-links-click {
        display: inline-block;
        width: 70px;
        text-align: right;
    }

    .vertical-center {
        position: relative;
        top: 30%;
        transform: translateY(-30%);
    }

    .btn-modal {
        position: fixed;
        bottom: 5px;
        right: 15px;
    }

    .it-modal {
        position: fixed;
        display: block;
        right: 15px;
        bottom: 10px;
        z-index: 900;
    }

        .it-modal .panel-reminder {
            border: 10px solid transparent;
            -webkit-border-image: url('http://media.local.industritorget.se/Assets/image/borders/PanelShadowAdminAlert.png') 30 stretch;
            -o-border-image: url('http://media.local.industritorget.se/Assets/image/borders/PanelShadowAdminAlert.png') 30 stretch;
            border-image: url('http://media.local.industritorget.se/Assets/image/borders/PanelShadowAdminAlert.png') 30 stretch;
            border-image-outset: 9px 0px;
        }

            .it-modal .panel-reminder, .it-modal .panel-reminder .btn {
                font-size: 12px;
            }

                .it-modal .panel-reminder .spacer {
                    height: 5px;
                }

                .it-modal .panel-reminder .btn {
                    padding: 0px 6px;
                    height: 19px;
                }

                .it-modal .panel-reminder b {
                    color: #d9534f;
                }

    .checkboxlist-glyphicon-tooltip {
        vertical-align: top;
        margin-top: 2px;
        color: #aaa;
    }

    .color-disabled {
        color: #ddd;
    }

    .panel-inner {
        padding: 14px;
        border: none;
        -webkit-border-image: none;
        -o-border-image: none;
        border-image: none;
        border-image-outset: unset;
        box-shadow: none;
    }

    .form-block-edit {
        border: 2px solid #1A37C8;
        padding: 10px 10px 35px 10px;
        margin-top: 20px;
    }

    .newsletter-block-content-edit-buttons {
        clear: both;
        height: 25px;
    }

    .newsletter-block-frame-edit {
        border: 2px solid #1A37C8;
        padding: 5px;
    }

    .newsletter-one-column-block-header {
        background-color: #555555;
        color: #ffffff;
        height: 39px;
        padding-top: 4px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .newsletter-one-column-block-header h4 {
            display: inline;
        }

        .newsletter-one-column-block-header input {
            background-color: #555555;
            color: #ffffff;
        }

        .newsletter-one-column-block-header a,
        .newsletter-one-column-block-header a:link,
        .newsletter-one-column-block-header a:visited,
        .newsletter-one-column-block-header a:active {
            color: #ffffff;
        }

    .center {
        text-align: center;
        float: none;
    }

    .no-float {
        float: none;
    }

    .newsletter-one-column-cell-id {
        display: inline-block;
        width: 17%;
    }

    .newsletter-one-column-cell-date {
        display: inline-block;
        width: 30%;
        text-align: right;
    }

    .newsletter-empty-ad-pos-1-2 div,
    div.newsletter-empty-ad-pos-1-2,
    .newsletter-empty-ad-pos-3-4 div,
    div.newsletter-empty-ad-pos-3-4,
    .newsletter-empty-ad-pos-3 div,
    div.newsletter-empty-ad-pos-3,
    .newsletter-empty-ad-pos-4 div,
    div.newsletter-empty-ad-pos-4 {
        display: table-cell;
        background-color: #ddd;
        border: 1px solid #ccc;
        vertical-align: middle;
        text-align: center;
    }

    .newsletter-empty-ad-pos-1-2 div, div.newsletter-empty-ad-pos-1-2 {
        width: 400px;
        height: 200px;
    }

    .newsletter-empty-ad-pos-3-4 div, div.newsletter-empty-ad-pos-3-4 {
        width: 820px;
        height: 120px;
    }

    .newsletter-empty-ad-pos-3, .newsletter-empty-ad-pos-4 {
        padding-top: 5px;
    }

        .newsletter-empty-ad-pos-3 div, div.newsletter-empty-ad-pos-3 {
            width: 530px;
            height: 140px;
        }

    .newsletter-empty-ad-pos-4 {
        background-color: #ffffff;
    }

        .newsletter-empty-ad-pos-4 div, div.newsletter-empty-ad-pos-4 {
            width: 280px;
            height: 140px;
        }

    .newsletter-block-frame-edit .newsletter-empty-ad-pos-1-2 {
        padding-top: 25px;
    }

    .newsletter-refresh-content {
        margin-top: 4px;
    }

        .newsletter-refresh-content a,
        .newsletter-refresh-content a:link,
        .newsletter-refresh-content a:active,
        .newsletter-refresh-content a:visited,
        .newsletter-refresh-content a:hover {
            color: #dc4427;
        }

    .newsletter-content-changed-frame {
        border: 2px solid #dc4427;
        padding: 5px;
    }

    .newsletter-content-changed-frame-saleobject-large {
        margin: 0px 10px;
    }

    .newsletter-content-changed-frame-banner-column {
        margin: 5px 0px;
    }

    .newsletter-optional-content-error,
    a.newsletter-optional-content-error:link,
    a.newsletter-optional-content-error:active,
    a.newsletter-optional-content-error:visited,
    a.newsletter-optional-content-error:hover {
        color: #dc4427;
    }

    .panel-kompar {
        padding: 5px;
        margin-bottom: 20px;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid transparent;
        -webkit-border-image: url('/Assets/image/borders/PanelShadowKompar.png') 30 stretch;
        -o-border-image: url('/Assets/image/borders/PanelShadowKompar.png') 30 stretch;
        border-image: url('/Assets/image/borders/PanelShadowKompar.png') 30 stretch;
        border-image-outset: 9px 1px;
        background-color: #fff;
        /*    background-image: -webkit-linear-gradient(color-stop(#ddd 1px), color-stop(#bbb 8px), color-stop(#333 8px), color-stop(#555 9px), color-stop(#555 90px), color-stop(#333 202px));
    background-image: linear-gradient(#ddd 1px, #bbb 8px, #333 8px, #555 9px, #555 90px, #333 202px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 );*/
        background-image: -webkit-linear-gradient(color-stop(#557fa0 1px), color-stop(#80b3d4 1px), color-stop(#80b3d4 98px), color-stop(#fff 8px));
        background-image: linear-gradient(#557fa0 1px, #80b3d4 1px, #80b3d4 98px, #fff 8px);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b3d4', endColorstr='#fff',GradientType=0 );
        background-repeat: repeat-x;
        border-radius: 4px;
    }

        .panel-kompar > .spacer {
            height: 7px;
        }

        .panel-kompar > div > div > input.btn-primary,
        .panel-kompar > div > div > input.btn-primary:link,
        .panel-kompar > div > div > input.btn-primary:visited,
        .panel-kompar > div > div > input.btn-primary:active {
            background-color: #3d6283;
            border-color: #3d6283;
        }

            .panel-kompar > div > div > input.btn-primary:hover {
                background-color: #557fa0;
                border-color: #3d6283;
            }

    .validator-error-kompar {
        font-style: italic;
        font-size: 8pt;
    }

    .panel-kompar > .kompar-logo {
        padding-top: 10px;
        background-color: #80b3d4;
        width: 100%;
        margin-bottom: 25px;
        color: #fff;
    }

    .panel-kompar input[type="text"] {
        border-color: #3d6283;
        border-radius: 7px;
        border-width: 2px;
        padding: 4px;
    }

    .panel-kompar > .kompar-form-label {
        margin-left: 7px;
        line-height: 22px;
    }

    a.btn-jumbo-icon:has(span.glyphicon-earphone) > .glyphicon {
        margin-left: -13px;
    }

    input.btn-jumbo,
    a.btn-jumbo {
        min-width: 140px;
        border-radius: 3px;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
    }

    input.btn-jumbo-margin-right,
    a.btn-jumbo-margin-right {
    }

    a.btn-jumbo-blue,
    a.btn-jumbo-blue:link,
    a.btn-jumbo-blue:visited,
    input.btn-jumbo-blue,
    input.btn-jumbo-blue:link,
    input.btn-jumbo-blue:visited,
    a.btn-jumbo-blue-coral,
    a.btn-jumbo-blue-coral:link,
    a.btn-jumbo-blue-coral:visited,
    input.btn-jumbo-blue-coral,
    input.btn-jumbo-blue-coral:link,
    input.btn-jumbo-blue-coral:visited {
        background-color: #1A37C8; /*#1A37C8; #5bbcff;*/
        border-color: #1A37C8; /*#50aff2;*/
        color: #ffffff;
    }

        a.btn-jumbo-blue:hover,
        a.btn-jumbo-blue:active,
        input.btn-jumbo-blue:hover,
        input.btn-jumbo-blue:active {
            background-color: #3B56D9; /*#1673ba; #50aff2;*/
            border-color: #3B56D9; /*#1eb493;*/
            color: #ffffff;
        }

        a.btn-jumbo-blue-coral:hover,
        a.btn-jumbo-blue-coral:active,
        input.btn-jumbo-blue-coral:hover,
        input.btn-jumbo-blue-coral:active {
            background-color: #3B56D9; /*#1673ba; #50aff2;*/
            border-color: #3B56D9; /*#1eb493;*/
            color: #ffffff;
        }

    a.btn-jumbo-blue-disabled,
    a.btn-jumbo-blue-disabled:link,
    a.btn-jumbo-blue-disabled:visited,
    a.btn-jumbo-blue-disabled:hover,
    a.btn-jumbo-blue-disabled:active {
        background-color: #5bbcff;
        border-color: #50aff2;
        color: #eeeeee;
    }

    a.btn-jumbo-green,
    a.btn-jumbo-green:link,
    a.btn-jumbo-green:visited,
    input.btn-jumbo-green,
    input.btn-jumbo-green:link,
    input.btn-jumbo-green:visited {
        background-color: #15651F; /*#24c5a1;*/
        border-color: #15651F; /*#1eb493;*/
        color: #ffffff;
    }

        a.btn-jumbo-green:hover,
        a.btn-jumbo-green:active,
        input.btn-jumbo-green:hover,
        input.btn-jumbo-green:active {
            background-color: #2D7E38; /*#1eb493;*/
            border-color: #2D7E38; /*#50aff2;*/
            color: #ffffff;
        }


    a.btn-jumbo-coral,
    a.btn-jumbo-coral:link,
    a.btn-jumbo-coral:visited,
    input.btn-jumbo-coral,
    input.btn-jumbo-coral:link,
    input.btn-jumbo-coral:visited {
        background-color: #8F4000; /*#24c5a1;*/
        border-color: #8F4000; /*#1eb493;*/
        color: #ffffff;
    }

        a.btn-jumbo-coral:hover,
        a.btn-jumbo-coral:active,
        input.btn-jumbo-coral:hover,
        input.btn-jumbo-coral:active {
            background-color: #A35622; /*#1eb493;*/
            border-color: #A35622; /*#50aff2;*/
            color: #ffffff;
        }

    a.btn-jumbo-default,
    a.btn-jumbo-default:link,
    a.btn-jumbo-default:visited,
    input.btn-jumbo-default,
    input.btn-jumbo-default:link,
    input.btn-jumbo-default:visited {
        background-color: #ffffff;
        border-color: #adadad;
        color: #333333;
    }

        a.btn-jumbo-default:hover,
        a.btn-jumbo-default:active,
        input.btn-jumbo-default:hover,
        input.btn-jumbo-default:active {
            background-color: #e6e6e6;
            color: #333333;
        }

    .btn-jumbo > .btn-jumbo-text {
        font-size: 16px;
    }

    .btn-jumbo > .btn-jumbo-text-phone {
        font-size: 16px;
    }

    .btn-jumbo > .btn-jumbo-text-phone-long {
        font-size: 12px;
        line-height: 27px;
    }

    .btn-jumbo-below-list {
        position: absolute;
        bottom: 40px;
        right: 30px;
    }

    .pnl-jumbo-buttons {
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 0px;
        white-space: nowrap;
    }

        .pnl-jumbo-buttons .btn {
            margin-right: 7px;
        }

    .saleobject-price {
        padding-top: 23px;
        padding-bottom: 15px;
        padding-left: 20px;
    }

    .saleobject-price-financing {
        padding-top: 2px;
        padding-bottom: 5px;
        padding-left: 20px;
    }

        .saleobject-price-financing > .btn {
            margin-top: 10px;
        }

    a.btn-jumbo > .glyphicon {
        font-size: 13px;
        margin-right: 9px;
    }

    .tool-box .btn {
        margin-top: -4px;
    }

    .tool-box-next-to-header {
        margin-top: 3px;
    }

    .row-editable input[type="text"] {
        margin-top: -3px;
        margin-bottom: -3px;
    }

    .row-editable input[type="checkbox"] {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .newsletter-saleobject-info {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 5px;
        line-height: 18px;
    }

    .newsletter-saleobject-header {
        line-height: 15pt;
    }

    .newsletter-saleobject-info {
        height: 70px;
        margin-top: 5px;
        margin-bottom: -5px;
    }

    .point {
        letter-spacing: -3px;
        display: inline;
    }

    .form-textbox-clear {
        cursor: pointer;
        font-size: 11px;
        color: #555;
    }

    .margin-left-2 {
        margin-left: 2px;
    }

    .glyphicon-form-large {
        font-size: 20px;
    }
}

.header-social-media {
    /*margin-bottom: -8px;*/
}

    .header-social-media img {
        vertical-align: top;
        margin: -1px 5px 0px 5px;
    }

    .header-social-media span {
        margin-right: 10px;
        font-style: italic;
    }

.booking-status {
}

h3.booking-status {
    display: inline-block;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0px;
    width: 100%
}
@media screen and (min-width: 0px) and (max-width: 1449px) {
    .sticky-down {
        top: 70px;
    }
    #navbarWithShadow, .navbar {
        position:fixed;
        top: 0px;
        width: 100%;
    }
}
    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .sticky + .content {
        padding-top: 102px;
    }

#navbarWithShadow, .navbar {
    z-index: 500;
    min-height: 50px;
}

    li.dropdown-flags, li.dropdown-flags a {
        width: 55px;
        height: 40px;
        text-align: left;
    }

        li.dropdown-flags img {
            margin: 5px 2px 5px 0px;
        }

    ul.dropdown-flags {
        min-width: 54px;
        margin-left: -1px;
    }

        ul.dropdown-flags img {
            margin: 5px 4px 5px 5px;
        }

        ul.dropdown-flags a:hover {
            background-color: #f0f0f0;
        }

    li.dropdown-right {
        /*float: right;
        margin-right: -20px;*/
    }

    .temporary-alert, .temporary-alert-close {
        position: absolute;
        z-index: 10000;
        width: 95%;
    }

    .temporary-alert {
        animation: fadein 2s;
        -moz-animation: fadein 2s; /* Firefox */
        -webkit-animation: fadein 2s; /* Safari and Chrome */
        -o-animation: fadein 2s; /* Opera */
    }

    .temporary-alert-close {
        animation: fadeout 2s;
        -moz-animation: fadeout 2s; /* Firefox */
        -webkit-animation: fadeout 2s; /* Safari and Chrome */
        -o-animation: fadeout 2s; /* Opera */
    }

    .temporary-alert-inner {
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #333;
        min-width: 200px;
        padding: 10px;
        display: table;
        margin: 0 auto;
        text-align: center;
    }

    @keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-moz-keyframes fadein { /* Firefox */
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-webkit-keyframes fadein { /* Safari and Chrome */
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-o-keyframes fadein { /* Opera */
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fadeout {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @-moz-keyframes fadeout { /* Firefox */
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @-webkit-keyframes fadeout { /* Safari and Chrome */
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @-o-keyframes fadeout { /* Opera */
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    body.sticky-padding {
        padding-top: 40px;
    }

    #navbar-placeholder {
        height: 0px;
        clear: none;
    }

    .news-article h1, .news-article h2, .news-article h3, .news-article h4, .news-article h5, .news-article h6 {
        display: inline-block;
        margin-top: 2px;
        margin-bottom: 8px;
    }

    .news-article h2 {
        font-size: 21px;
    }

    .news-article h3 {
        font-size: 19px;
    }

    .news-article h4 {
        font-size: 17px;
    }

    .news-article h5 {
        font-size: 15px;
    }

    .news-article h4 {
        font-size: 13px;
    }

    .glyphicon-imitation {
        max-height: 14px;
        border: none;
        position: relative;
        top: -1px;
        margin: 0px 5px 0px 0px;
    }

    .footer-block {
        display: inline-block;
        margin: 0px;
        vertical-align: top;
        /*background-color: dimgray;*/
    }

        .footer-block > h3 {
            /*font-size: 20px;*/
        }

        .footer-block > ul {
            list-style: none;
        }

            .footer-block > ul > li {
                margin: 6px 0px 7px -15px;
            }

        .footer-block a,
        .footer-block a:link,
        .footer-block a:active,
        .footer-block a:visited {
            color: #d0d0d0;
            font-size: 14px;
        }

            .footer-block a:hover {
                color: #ffffff;
                text-decoration: none;
            }

        .footer-block > .contact-info > a,
        .footer-block > .contact-info > a:link,
        .footer-block > .contact-info > a:active,
        .footer-block > .contact-info > a:visited {
            color: #ffffff;
            font-size: 14px;
        }

            .footer-block > .contact-info > a:hover {
                color: #d0d0d0;
                text-decoration: none;
            }

    .footer-social-media img {
        margin: 0px 12px 0px 0px;
    }

    .footer-block > .contact-info {
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 5px;
    }

        .footer-block > .contact-info > .glyphicon,
        .footer-block > .contact-info > a > .glyphicon,
        .footer-block > .contact-info > a:link > .glyphicon,
        .footer-block > .contact-info > a:active > .glyphicon,
        .footer-block > .contact-info > a:visited > .glyphicon,
        .footer-block > .contact-info > a:hover > .glyphicon {
            color: #125687;
        }

    .footer-divider {
        border-bottom: 1px solid #ffffff;
        margin-bottom: 20px;
        width: 100%;
        height: 10px;
        clear: both;
    }

    @media screen and (min-width: 0px) {
        .navbar-inverse,
        .navbar-header button.navbar-toggle,
        .navbar-header button.navbar-toggle:hover {
            background-color: #fff;
        }

        .document-footer-block, .footer-block {
            width: 100%;
        }

            .document-footer-block, .footer-block > .contact-info {
                display: block;
                clear: both;
            }

        .footer-credit img {
            margin-right: 10px;
        }
    }
    @media screen and (min-width: 0px) and (max-width: 1449px) {
        .navbar-inverse .nav li {
            clear: both;
            padding-left: 9px;
            white-space: nowrap;
        }
    }

    @media screen and (min-width: 1451px) {
        .navbar-inverse {
            /*background-image: linear-gradient(to bottom, #1A37C8 77px, #fff 77px);*/
            background-color: none;
            background-image: linear-gradient(to bottom, #1A37C8 40px, #fff 40px);
        }

            .navbar-inverse .nav li {
                clear: unset;
            }
        .footer-block {
            width: 20%;
            /*background-color: darkgrey;*/
        }

        .footer-block-auto-width {
            min-width: 20%;
            width: auto;
            /*background-color: dimgrey;*/
        }

        .footer-block-50 {
            width: 60%;
            /*background-color: slategrey;*/
        }

        .footer-credit {
            margin-top: -25px;
            margin-bottom: 0px;
            float: right;
        }

            .footer-credit img {
                margin-left: 0px;
                margin-right: 0px;
            }

        .footer-block > .contact-info {
            display: inline-block;
            clear: none;
        }

        .footer-block-wider {
            width: 23%;
            /*background-color: darkgrey;*/
        }

        .footer-block-narrower {
            width: 17%;
            /*background-color: darkgrey;*/
        }

        .footer-block > .contact-info {
            display: block;
        }
    }

    @media screen and (min-width: 1451px) {
        .navbar-inverse {
            background-image: linear-gradient(to bottom, #1A37C8 50px, #fff 50px);
        }

        .footer-credit {
            margin-top: -60px;
            margin-right: -115px;
        }

            .footer-credit img {
                margin-left: 10px;
                margin-right: 0px;
            }

        .footer-block > .contact-info {
            display: inline-block;
        }
    }

    .top {
        vertical-align: top;
    }

    .bottom {
        vertical-align: bottom;
    }

    .no-wrap, .nowrap {
        white-space: nowrap;
    }

    .unsaved-changes {
        background-color: #eff5f8;
    }

    .unsaved-changes-info {
        font-style: italic;
        color: #bbb;
    }

    .object-view #images {
    }

    .saleobject-thumbs-list {
        overflow: hidden;
        margin-top: 9px;
    }

    .saleobject-thumbs-list-inside {
        transition: all 0.5s ease-in-out 0s;
        margin-top: -9px;
        max-width: 107px;
        /*transform:translateY(-200px);*/
    }

    #hlBtnThumbsScrollUp, #hlBtnThumbsScrollDown {
        position: absolute;
        width: calc(100% - 20px);
        height: 20px;
        max-width: 107px;
        background-color: rgba(34, 126, 198, 0.5);
        color: #fff;
        text-align: center;
        margin-right: 10px;
        padding-left: 8px;
        padding-top: 2px;
    }

    #hlBtnThumbsScrollUp {
        top: 0px;
        z-index: 1000;
    }

    #hlBtnThumbsScrollDown {
        z-index: 1001;
    }

        #hlBtnThumbsScrollUp:hover, #hlBtnThumbsScrollDown:hover {
            background-color: rgba(34, 126, 198, 0.8);
        }

    .adjust-for-fixed-menu {
        display: block;
        position: relative;
        height: 1px;
        visibility: hidden;
    }

    @media screen and (min-width: 0px) {
        .saleobject-thumbs-list {
            max-height: 445px;
        }

        #hlBtnThumbsScrollDown {
            top: 425px;
        }

        .adjust-for-fixed-menu {
            top: -40px;
        }
    }

    @media screen and (min-width: 1020px) {
        .adjust-for-fixed-menu {
            top: -90px;
        }
    }

    @media screen and (min-width: 1451px) {
        .saleobject-thumbs-list {
            max-height: 459px;
        }

        #hlBtnThumbsScrollDown {
            top: 439px;
        }
    }

    .labels {
        padding-top: 17px;
    }

    .label .glyphicon-remove {
        margin: 0px 0px 0px 4px;
    }

    .block {
        display: block;
    }

    .customerid-inline {
        display: inline-block;
        width: 65px;
        text-align: right;
        padding-right: 5px;
    }

    .comment > div,
    .comment > div a,
    .comment > div a:link,
    .comment > div a:active,
    .comment > div a:visited {
        color: #888;
    }

        .comment > div a:hover {
            color: #555;
        }

    .ellipsis {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .one-line-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .margin-left-5 {
        margin-left: 5px;
    }

    .margin-left-10 {
        margin-left: 10px;
    }

    .glyphicon-inline {
        position: relative;
        top: -8px;
    }

    .radiobuttonlist label {
        margin-right: 10px;
    }

    .recipient-type {
        display: inline-block;
        width: 35px;
        vertical-align: top;
    }

    .recipient-list {
        display: inline-block;
        vertical-align: top;
    }

    .radiobuttonlist.invalid {
        padding-top: 10px;
    }

    .quick-result > .list-item {
        padding: 0px;
    }

        .quick-result > .list-item [class*="col-"] {
            padding: 5px;
            line-height: 14px;
            min-height: 20px;
        }
    /*
.list-item > div, .list-item > div > div, .list-item > div > div > div {
    min-height: 20px;
}
*/
    .mirror {
        display: inline-block;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
        -o-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }

    .offer-large {
        background-size: cover;
        display: inline-block;
    }

    .offer-large, .offer-large-clickimage {
        width: 100%;
        max-width: 600px;
    }

    .offer-large-container {
        /*height: 350px;
        max-height: 350px;*/
        width: 100%;
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 50%, transparent 100%);
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 50%, transparent 100%);
        align-content: center;
        /*background-repeat: no-repeat;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );*/
    }

    .offer-large-clinktext {
        position: relative;
        white-space: nowrap;
        bottom: 0px;
        z-index: 1000;
        text-align: right;
        display: block;
        width: 100%;
    }

    @media screen and (min-width: 0px) {
        .offer-large, .offer-large-container, .offer-large-clickimage {
            height: 275px;
        }
    }

    @media screen and (min-width: 768px) {
        .offer-large, .offer-large-container, .offer-large-clickimage {
            height: 350px;
        }
    }

.saleobject-attr-isauction {
    font-weight: 600;
    color: #8F40008;
}

    h3.price:has(.saleobject-attr-isauction) {
        display: block;
        margin-bottom: 5px;
    }

    .saleobject-attr-isauctionpricelabel {
        font-style: italic;
        height: 20px;
        margin-left: 4px;
        margin-top: 3px;
        margin-bottom: 2px;
        display: block;
    }

    .list-item-auction {
        /*background-color: #fefff9;*/
    }

    .list-item-auction-alternate {
        /*background-color: #f8ffe8;*/
    }

    .panel-auction-endtime {
        display: block;
        width: 170px;
        height: 70px;
        text-align: center;
        padding: 10px 20px 10px 0px;
        font-size: 16px;
    }

    .auction-countdown {
        color: coral;
        font-weight: 600;
    }

    .radiobuttonlist input {
        width: 18px;
        height: 18px;
    }

    @media screen and (min-width: 0px) and (max-width: 767px) {
        img.google-partner {
            width: 90px;
            margin: 28px 0px 0px 45px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1019px) {
        img.google-partner {
            width: 80px;
            margin: 13px 10px 0px 10px;
        }

        .logo-and-tag-block {
            max-width: 280px;
        }

        .logo-tagline {
            margin-top: -17px;
            margin-left: 33px;
        }

            .logo-tagline h4 {
                font-size: 14px;
            }
        /*.logo-tagline {
        margin-top: -17px;
        margin-left: 33px;
    }
    .logo-tagline h4 {
        font-size: 14px;
    }*/
    }

    @media screen and (min-width: 1020px) and (max-width: 1259px) {
        img.google-partner {
            width: 90px;
            margin: 27px 0px 31px 7px;
        }
    }

    @media screen and (min-width: 1451px) {
        img.google-partner {
            width: 45px;
        }
    }

    @media screen and (min-width: 0px) and (max-width: 559px) {
        .google-partner-block {
            visibility: hidden;
            display: none;
        }
    }

    @media screen and (min-width: 560px) {
        .google-partner-block-xs {
            visibility: hidden;
            display: none;
        }

        .google-partner-block {
            display: inline-block;
            vertical-align: bottom;
        }
    }

    @media screen and (min-width: 1020px) {
        .google-partner-block {
            /*vertical-align: top;*/
        }
    }

    .footnote {
        margin: -5px 10px 15px 0px;
        font-style: italic;
        font-size: 12px;
        width: 500px;
        white-space: nowrap;
    }

    .logo-and-tag-block {
        display: inline-block;
        vertical-align: top;
    }

    a.as-text,
    a:link.as-text,
    a:active.as-text,
    a:hover.as-text,
    a:visited.as-text {
        color: #111827;
        text-decoration: none;
    }

    .expired a.as-text,
    .expired a:link.as-text,
    .expired a:active.as-text,
    .expired a:hover.as-text,
    .expired a:visited.as-text {
        color: #aaa;
        text-decoration: none;
    }

    .badge a,
    .badge a:link,
    .badge a:active,
    .badge a:hover,
    .badge a:visited {
        color: #fff;
    }

    .registration-type {
        float: right;
        width: 25px;
        margin-left: 5px;
        text-align: left;
    }

    .category-path {
        font-size: 12px;
    }

    .display-block {
        display: block;
    }

    .processing,
    .processing a,
    .processing a:link,
    .processing a:active,
    .processing a:visited,
    .processing a:hover {
        color: orange;
        font-weight: 600;
    }
}

.glyphicon-small {
    font-size: 12px;
}

.text-align-center {
    text-align: center;
}

.bg-error {
    background-color: #ffbbbb;
}

.new-items {
    color: #15651F;
    font-weight: 600;
}

.rfq-response {
    font-size: 11px;
    font-style: italic;
    padding: 10px 10px 15px 10px;
}

.grade-select {
    width: 33px;
    height: 33px;
    display: inline-block;
    padding: 6px 11px;
    border-radius: 50%;
    margin-right: 10px;
    font-weight: 600;
    font-size: 14pt;
    line-height: 14pt;
}

.grade-palette {
    padding: 15px;
}

.grade-select.selected {
    border: 1px solid #333; /*#999;*/
    outline: 3px solid #fff;
    outline-offset: 0px;
    box-shadow: 0 0 5px 5px #ff8800; /*#ffe2a3;*/
}

    .grade-select.selected,
    .grade-select.selected:link,
    .grade-select.selected:active,
    .grade-select.selected:visited,
    .grade-select.selected:hover {
        padding: 8px 10px;
    }

a.grade-select,
a.grade-select:link,
a.grade-select:active,
a.grade-select:visited,
a.grade-select:hover {
    padding: 9px 11px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    font-size: 14pt;
    line-height: 14pt;
}

.grade-select.grade-select-small {
    width: 25px;
    height: 25px;
    padding: 6px;
    font-size: 11pt;
    line-height: 11pt;
    margin-right: 0px;
    text-align: center;
}

    .grade-select.grade-select-small.nudge {
        padding: 5px 7px 5px 6px;
    }

.feedback-question textarea {
    margin-bottom: 20px;
}

.alert-margin-bottom {
    margin-bottom: 45px;
}

.grade-select.grade-select-small.grade-select-decimal {
    width: 29px;
    height: 29px;
    padding: 7px 0px;
    text-align: center;
}

    .grade-select.grade-select-small.grade-select-decimal::after {
        content: ' ';
        margin-left: 2px;
    }

ul.bullet {
    list-style: disc;
}

.customer-header {
}

a[disabled="disabled"],
a:link[disabled="disabled"],
a:active[disabled="disabled"],
a:visited[disabled="disabled"],
a:hover[disabled="disabled"] {
    color: #aaaaaa;
    text-decoration: none;
}

.company-general-note.expandable
/*.company-general-note-edit textarea*/ {
    height: 85px;
}

.company-general-note.expanded {
    height: auto;
    min-height: 85px;
}

.expandable {
    overflow: hidden;
    background: #333333;
    background: linear-gradient(to bottom, #333333 50%, #33333388 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.expanded {
    overflow: visible;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.customer-admins {
    padding: 20px 5px;
    background-color: #fff;
}

    .customer-admins select {
        height: 20px;
    }

.nav-pills {
    margin-bottom: 15px;
}

.company-additional-contacts.expandable {
    height: 18px;
}

.company-additional-contacts.expanded {
    height: auto;
}

.form-embedded {
    /*background-color: #f5f5f5;
    background-color: #ffd0af;*/
    background-color: #afffff;
    padding: 10px;
    border-radius: 10px;
}

    .form-embedded .glyphicon,
    .company-service-list .glyphicon {
        margin-right: 2px;
        margin-left: 0px;
        font-size: 14px;
    }

.border-right {
    border-right: 1px solid #ddd;
}

.height-100 {
    height: 100%;
    display: table-cell;
}

.form-company-convert {
    width: 220px;
}

.upcoming-meeting {
    /*    border-bottom: 1px solid #ddd;
    font-size: larger;
    padding-bottom: 10px;
*/
}

    .upcoming-meeting .upcoming-date,
    .upcoming-meeting .upcoming-type {
        color: darkorange;
        font-size: larger;
    }

.company-service-list {
    position: relative;
}

    .company-service-list.upcoming-meeting.alert {
        padding: 5px 0px;
        margin-bottom: 0px;
    }

.larger {
    font-size: larger;
}

a[id^=toggle-expand],
a[id^=toggle-expand]:link,
a[id^=toggle-expand]:hover,
a[id^=toggle-expand]:visited,
a[id^=toggle-expand]:active {
    color: #aaa;
}

.completed-task-type {
    font-variant: small-caps;
}

.bottom-right {
    position: absolute;
    bottom: 10px;
    right: 6px;
    z-index: 1000;
}

.offer-start .bottom-right, .object-start .bottom-right {
    bottom: 25px !important;
    right: 35px !important;
}

.cblGlyphicons input[type=checkbox] {
    color: purple;
    /*display: none;*/
}

table[id=cblTaskAssignedTo] {
    width: 100%;
    display: inline-block;
}

    table[id=cblTaskAssignedTo] td {
        min-width: 165px;
        /*font-size: 12px;*/
    }

.note, .service-task, .service-task-form {
    margin-bottom: 20px;
}

.note, .service-task, .service-task-form, .company-service-argument, .service-convert {
    border: 1px solid transparent;
    border-radius: 5px;
    color: #040404;
}

.note, .service-task, .service-task-form, .service-convert {
    padding: 15px;
}

.company-service-argument, input.company-service-argument {
    padding: 2px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    white-space: nowrap;
}

.note .divider {
    margin-bottom: 4px;
}

.service-task-form {
    background-color: #d9edf7; /*e6e6e6*/
    border-color: #bce8f1;
}

.service-task-form-remind {
    border-width: 2px;
    border-color: red;
}

.service-task-form-remind-date,
.service-task-form-remind-date input[type=text] {
    color: red;
    font-size: 16px;
}

.service-task {
    background-color: #f5f5f5; /*e6e6e6*/
    border-color: #d6d6d6;
}

.note-own {
    background-color: #e0eaec; /*e6e6e6*/
    border-color: #c6c6c6;
}

.note-neutral {
    background-color: #f5f5f5; /*e6e6e6*/
    border-color: #d6d6d6;
}

.note-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    /*color: #31708f;*/
}

    .note-info hr {
        border-top-color: #a6e1ec
    }

.note-createdby, .note-created, .note-comment, .note-task {
    font-weight: 600;
    font-size: 12px;
}

.note-created {
    white-space: nowrap;
}

.note-task-completed {
    font-size: 12px;
}

.note-comment {
    text-align: right;
    margin-bottom: -10px;
    margin-top: 2px;
}

.note-task, .note-task-completed {
    margin-bottom: -5px;
}

.note-comment a,
.note-comment a:link,
.note-comment a:active,
.note-comment a:visited,
.note-comment a:hover {
    color: #040404;
}

.note-id {
    float: right;
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 2px;
    color: #777;
}

.note-exclamation, .note-pin {
    position: relative;
    top: -31px;
    display: flex;
    justify-content: flex-end;
    z-index: 1000;
    font-size: 23px;
    line-height: 10px;
    margin-bottom: -20px;
    margin-right: -10px;
}

    .note-exclamation .glyphicon,
    .note-pin .glyphicon {
        text-shadow: white 0 0 15px;
        -webkit-text-stroke: 0.5px white;
    }

.note-exclamation {
    color: red; /*#dc4427;*/
}

.note-pin {
    color: #1A37C8;
}

.note-attention {
    border-color: red;
    border-width: 2px;
}

.note-attention-secondary {
    border-color: red; /*#ff8a00;*/
}

.note-pinned {
    border-color: lawngreen; /*#1A37C8;*/
    border-width: 1px;
    background-color: #efffee;
}

.note-buttons {
    text-align: center;
}

.note-previous, .note-edit {
    margin-top: 17px;
    padding: 7px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #efefef;
    font-size: 12px;
    font-style: italic;
    color: #666;
}

    .note-previous > label {
        font-weight: normal;
    }

.note-comments {
    margin-left: 40px;
}

.note .glyphicon {
    margin-right: 0px;
    margin-left: 3px;
}

.note-task-completed .glyphicon {
    margin-right: 3px;
    margin-left: 0px;
}

.note-task .glyphicon-time {
    margin-right: 3px;
    margin-left: 0px;
}

.note .spacer-horizontal-narrow {
    width: 3px;
}

.note-input, .note-select {
    font-size: 12px;
}

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

    .note-form label .glyphicon {
        color: #1A37C8;
        top: 2px;
    }

    .note-form .disabled label .glyphicon {
        color: #bbb;
    }

.note-checkbox {
    display: inline-block;
    white-space: nowrap;
    padding: 0px 1px 0px 4px;
}

.note-planned, .service-task-reminder {
    text-decoration: underline;
    line-height: 22px;
}

.note-planned-uncompleted-passed {
    color: red;
}

.note-planned-uncompleted-passed-byactive, .service-task-reminder-uncompleted-passed {
    color: red;
    font-size: 15px;
    /*line-height: 32px;*/
    font-weight: 600;
}

.service-task-reminder-uncompleted-passed {
    margin-left: 2px;
}

.auto-set > a,
.auto-set > a:link,
.auto-set > a:active,
.auto-set > a:visited,
.auto-set > a:hover {
    font-size: 20px;
    line-height: 20px;
    margin-right: -20px;
    display: inline-block;
    /*background-color: mediumpurple;
color: white;*/
    width: 26px;
    height: 26px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}

html {
    scroll-padding-top: 55px;
}

.glyphicon-bell-color {
    color: #ffc000;
    text-shadow: white 0 0 2px;
    -webkit-text-stroke: 0.5px brown;
}

.glyphicon-flag-color {
    color: #ff7e00;
    text-shadow: white 0 0 2px;
    -webkit-text-stroke: 0.5px brown;
}

.company-activity-buttons {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

input.btn-activity {
    font-size: 20px;
    width: 100%;
}

h3 a .glyphicon {
    color: #999;
    top: 2px;
    margin-left: 5px;
}

.service-convert {
    padding: 4px 10px 5px 10px;
}

.company-service-argument, .service-convert {
    background-color: #eaeaea; /*#e6e6e6;*/
    border-color: #d6d6d6;
    font-size: 16px;
}

.company-service-argument-label {
    font-size: 12px;
    font-weight: 600;
    margin-top: 2px;
    margin-bottom: 2px;
}

    .company-service-argument-label a .glyphicon {
        margin-left: 2px;
    }

a.company-service-argument {
    display: block;
}

.service-convert > .glyphicon {
    font-size: 10px;
    top: 0px;
    margin-right: 0px;
}

.service-convert {
    margin-right: 5px;
}

.btn-service-payment {
    margin-right: 10px;
}

.normal-weight {
    font-weight: normal;
}

.panel-admin-tasks-column {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    height: calc(100vh - 300px);
    min-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: thin;
}

    .panel-admin-tasks-column .no-margin {
        margin-right: 0px;
    }

.panel-admin-tasks-post {
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #efefef;
    font-size: 12px;
    color: #333;
    padding: 3px;
    margin-bottom: 10px;
    cursor: pointer;
}

.task-post-logo {
    padding: 2px;
    border: 1px solid #333;
    border-radius: 4px;
    float: left;
    width: 76px;
    height: 43.5px;
    background-color: white;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 2px;
}

    .task-post-logo img {
        width: 70px;
        height: 37.5px;
    }

.panel-admin-tasks-post .company-name {
    font-size: 13px;
    line-height: 15px;
    display: block;
    min-height: 32px;
    max-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 3px;
    padding-bottom: 3px;
}

a.no-decoration,
a.no-decoration:link,
a.no-decoration:active,
a.no-decoration:visited,
a.no-decoration:hover,
.panel-admin-tasks-post a,
.panel-admin-tasks-post a:link,
.panel-admin-tasks-post a:active,
.panel-admin-tasks-post a:visited,
.panel-admin-tasks-post a:hover {
    text-decoration: none;
}

.panel-admin-tasks-post-ok {
    background-color: #e7fff3;
    border-color: darkgreen;
}

.panel-admin-tasks-post-prio-1-error {
    background-color: red;
    color: white;
    border-color: #aa0000;
}

.panel-admin-tasks-post-prio-1 {
    background-color: orange;
    color: black;
    border-color: black;
    border-width: 1px;
}

.panel-admin-tasks-post-prio-1-ok {
    background-color: mediumseagreen;
    color: white;
    border-color: darkgreen;
}

.panel-admin-tasks-post-prio-2 {
    background-color: #ffdd88;
    color: black;
    border-color: saddlebrown;
}

.container-widescreen {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width:768px) {
    .container-widescreen {
        width: 740px
    }
}

@media screen and (min-width: 1020px) {
    .panel-admin-tasks-column {
        width: 187px;
    }

    .panel-admin-tasks-column-count-4 {
        width: 235px;
    }

    .panel-admin-tasks-column-count-5 {
        width: 187px;
    }

    .container-widescreen {
        width: 1020px
    }
}

@media screen and (min-width: 1451px) {
    .panel-admin-tasks-column {
        width: 230px; /*0.8416px;*/
    }

    .panel-admin-tasks-column-count-4 {
        width: 293px;
    }

    .panel-admin-tasks-column-count-5 {
        width: 230px;
    }
    /*.container-large {
        width: 1500px
    }*/
    .container-widescreen {
        width: 1450px;
    }
}

@media screen and (min-width: 1650px) {
    .panel-admin-tasks-column {
        width: 308px; /*0.8416px;*/
    }

    .panel-admin-tasks-column-count-4 {
        width: 390px;
    }

    .panel-admin-tasks-column-count-5 {
        width: 308px;
    }
    /*.container-large {
        width: 1500px
    }*/
    .container-widescreen {
        width: 1650px;
    }
}

@media screen and (min-width: 1800px) {
    .panel-admin-tasks-column {
        width: 348px; /*0.8416px;*/
    }

    .panel-admin-tasks-column-count-4 {
        width: 440px;
    }

    .panel-admin-tasks-column-count-5 {
        width: 348px;
    }
    /*.container-large {
        width: 1500px
    }*/
    .container-widescreen {
        width: 1850px;
    }
}

/*@media screen and (min-width: 1900px) {
    .panel-admin-tasks-column {
        width: 3800px;
    }
    .panel-admin-tasks-column-count-4 {
        width: 297px;
    }
    .panel-admin-tasks-column-count-5 {
        width: 380px;
    }
    .container-widescreen {
        width: 1900px;
    }
}*/

.container.fill-height {
    height: calc(100vh - 200px);
}

.fill-height {
    height: 100%;
}

.task-post-customerid {
    line-height: 10px;
    text-align: right;
    margin-bottom: 5px;
    margin-right: 3px;
}

.task-post-tasktype {
    margin-left: 2px;
}

.task-post-date {
    margin-right: 3px;
    white-space: nowrap;
    text-align: right;
}

.note-form .dropdown {
    margin-left: -7px;
}

.note-form .btn.dropdown-toggle {
    padding: 2px 0px 2px 6px;
    background-color: #f5f5f5;
}

    .note-form .btn.dropdown-toggle:hover {
        color: inherit;
    }

.note-form .dropdown-menu {
    min-width: 20px;
}

.note-form .dropdown-item {
    display: block;
    margin-bottom: 3px;
    margin-right: 5px;
}

    .note-form .dropdown-item:hover {
        background-color: #eaeaea;
    }

    .note-form .dropdown-item .glyphicon {
        margin-right: 8px;
    }

        .note-form .dropdown-item .glyphicon::after {
            content: "";
        }

.admin-start-photo {
    width: 115px;
    border-radius: 15px;
}

.admin-start-greeting, select.admin-start-greeting {
    font-size: 18px;
}

select.admin-start-greeting {
    margin-top: -10px;
}

    select.admin-start-greeting > option {
        font-size: 16px;
    }

.admin-start-user,
.admin-start-user a,
.admin-start-user a:link,
.admin-start-user a:active,
.admin-start-user a:visited,
.admin-start-user a:hover {
    font-size: 14px;
    line-height: 24px;
}

.admin-start-user,
.admin-start-summary {
    height: 145px;
    white-space: nowrap;
}

.admin-start-summary {
    font-size: 17px;
    line-height: 30px;
    padding-top: 15px;
}

.customer-quick-links {
    padding: 15px 5px 20px 5px;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.customer-admins {
    font-size: 15px;
    line-height: 23px;
    padding-top: 15px;
}

.checkbox-list {
    margin-top: 5px;
    display: inline-block;
}

    .checkbox-list input[type=checkbox] {
        margin-top: -2px;
    }

    .checkbox-list label {
        font-size: 14px;
        margin-right: 15px;
        color: red;
    }

.admin-start-greeting.checkbox-list {
    margin-bottom: 0px;
}

.admin-start-greeting-save {
    margin-top: 9px;
    margin-bottom: -9px;
}

.admin-start-accesstoservice {
    font-size: 11px;
    display: block;
}

.glyphicon.jumbo {
    font-size: 25px;
    line-height: 29px;
}

.company-service-argument .glyphicon.larger {
}

.label-textbox {
    background-color: #eaeaea;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    height: 30px;
    width: 100%;
    vertical-align: middle;
    padding: 5px;
}

    .label-textbox a,
    .label-textbox a:link,
    .label-textbox a:active,
    .label-textbox a:visited,
    .label-textbox a:hover {
        text-overflow: ellipsis;
    }

.pill {
    display: inline-block;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); /*box-shadow: 0px 0px 10px 5px rgba(210,210,210,1);*/
    border-radius: 5px;
    padding: 2px 5px;
    min-width: 113px;
    height: 37px;
    vertical-align: middle;
    text-align: center;
    margin-right: 7px;
    margin-bottom: 7px;
}

    .pill img {
        width: 103px; /*width of parent container*/
        height: 33px; /*height of parent container*/
        object-fit: contain;
    }

.it-logo-byline {
    margin-top: 0px;
    margin-left: 44px;
    font-size: 20px;
}

    .it-logo-byline > div:before {
        content: "-";
        margin-right: 10px;
    }

    .it-logo-byline > div:after {
        content: "-";
        margin-left: 10px;
    }

.webagency-tagline {
    font-size: 17px;
    margin-right: -10px;
}

@media (min-width:768px) {
    .webagency-tagline {
        margin-left: -100px;
        margin-right: 0px;
    }
}

@media screen and (min-width: 1020px) {
    .webagency-tagline {
        margin-right: -10px;
    }
}
body {
    font-family: 'Inter', sans-serif;
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    font-size: 20px;
    width: 20px;
    height: 20px;
    /*color: #111827;*/
    margin-right: 10px;
    vertical-align: middle;
    transition: color 0.2s ease-in-out;
}

.icon-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background: #fff;
    max-width: 250px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.icon-wrapper div {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
    color: #111827;
}

.icon-wrapper div:hover {
    color: #1A37C8;
}

.icon-wrapper div:hover .material-symbols-outlined {
    color: #1A37C8;
}
/*
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
}
*/
@media screen and (min-width: 0px) and (max-width: 1449px) {
    #navTop {
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-collapse {
        position: absolute;
        z-index: 1000;
        width: 310px;
        border-top: none;
        top: 104px;
        left: -100%;
    }
    .navbar-collapse.collapse {
        display: unset !important;
    }
        .navbar-collapse, .navbar-collapse.collapsing {
            left: -100%;
            opacity: 0;
            transition: left 0.3s, opacity ease-in 1s;
        }
    .navbar-collapse.collapse.in {
        left: 0px;
        opacity: 1;
        transition: left ease-out 0.3s;
        /*position: unset;*/
    }
    .nav.navbar-nav.navbar-sub.collapsing {
        left: 0px;
    }
    .navbar-inverse {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-nav {
        padding-left: 5px;
        right: 50px;
        border-right: 1px solid #E2E8F0;
        border-bottom: 1px solid #E2E8F0;
    }
    .navbar-nav.navbar-sub {
        border-right: none;
        border-bottom: none;
    }

    .navbar-inverse .navbar-nav > li.navbar-lvl-1 > a,
    .navbar-inverse .navbar-nav > li.navbar-lvl-1 > a:link,
    .navbar-inverse .navbar-nav > li.navbar-lvl-1 > a:visited,
    .navbar-inverse .navbar-nav > .navbar-group > li.navbar-lvl-1 > a,
    .navbar-inverse .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:link,
    .navbar-inverse .navbar-nav > .navbar-group > li.navbar-lvl-1 > a:visited {
        background-color: transparent;
        color: #2b313e;
    }

    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-nav > li > a:link,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:active,
    .navbar-inverse .navbar-nav > li > a:visited {
        color: #2b313e;
    }
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:active {
        color: #1A37C8;
    }

    .navbar ul li a {
        padding-top: 5px;
        padding-bottom: 6px;
    }

    .navbar-inverse .navbar-nav > li.active > a,
    .navbar-inverse .navbar-nav > li.active > a:link,
    .navbar-inverse .navbar-nav > li.active > a:focus,
    .navbar-inverse .navbar-nav > li.active > a:active,
    .navbar-inverse .navbar-nav > li.active > a:visited {
        color: #1A37C8;
    }
    .navbar-toggle {
        display: unset;
    }
    .sticky {
        width: 100vw !important;
    }

    .container-main-content {
        /*margin-top: 135px;*/
    }

    .category-description {
    }

        .category-description.overflow-hidden {
            max-height: 42px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
            margin-left: 0px;
        }
    .navbar-header {
        float: unset;
    }
    .navbar-nav > li {
        float: unset;
    }
}
@media screen and (min-width: 0px) and (max-width: 1449px) {
    body {
        padding-top: 110px;
    }
}
@media screen and (min-width: 1020px) and (max-width: 1449px) {
    body:has(#navbarWithShadow .campaign-top .item) {
        padding-top: 245px;
    }
}

    .fullpage-overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 500;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0.25;
        visibility: visible;
        transition: visibility 0.3s, opacity ease-in 0.3s;
        transition-delay: 0.3s;
    }

        .fullpage-overlay.hidden {
            display: unset !important;
            opacity: 0;
            visibility: hidden;
            transition: visibility 0.3s, opacity 0.3s;
        }

    .body-no-scroll {
        /*position: fixed;*/
    }

    .panel-membership-info {
        min-height: 400px;
    }

    @media screen and (min-width: 1451px) {
        .fullpage-overlay {
            visibility: hidden;
        }
    }

    @media screen and (max-width: 1020px) {
        .mobile-logged-in-email {
            width: 70%;
        }
    }

    .mobile-logged-in-email {
        display: inline-block;
    }

    select.CategoryListBox {
        margin-bottom: 5px;
    }

    @media (min-width: 1020px) {
        .navbar-collapse.collapse {
            /*height: 105px !important;*/
        }
    }

    #pnlMobileLoggedIn {
        margin-right: 42px;
    }

    #navbar-header-mobile {
        padding-left: 8px;
    }

    .navbar-inverse .navbar-nav > li > a:link img {
        margin-left: 2px;
        margin-right: 12px;
    }

    @media screen and (min-width: 0px) and (max-width: 1449px) {
        /*
        #navbarWithShadow:has(.navbar-collapse.collapse.in), .navbar:has(.navbar-collapse.collapse.in) {
            position: absolute;
        }
        */
        body:has(#navbarWithShadow .navbar-collapse.collapse.in) {
            position: fixed;
        }

        .navbar-collapse {
            display: block !important;
            height: unset !important;
            max-height: calc(100vh - 124px);
            overflow-y: scroll !important;
        }
    }
    @media screen and (min-width: 1020px) and (max-width: 1449px) {
        body:has(#navbarWithShadow .campaign-top .item) .navbar-collapse {
            display: block !important;
            height: unset !important;
            max-height: calc(100vh - 250px);
            overflow: scroll !important;
        }
    }
    .alert{
        font-size: 15px;
        border-radius: 10px;
    }
    .alert-info {
        background-color: #eef4ff;
        color: #1a3fa1;
        border: 1px solid #c7d9f9;
    }
    .alert-info i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        margin-right: 10px;
        flex-shrink: 0;
        background-color: #1a3fa1;
        color: white;
        float: left;
    }