html, form {
    height: 100%;
}
body {
    background-color: #F0F0F0; /*ddd*/
    height: 100%;
    margin: 0;
}
/* 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: #227ec6;
}
.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 {
    min-width: 1400px;
    display: table-cell !important;
}
.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: 12px !important;
        padding-right: 12px !important;
    }

        .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: 1260px) {

        .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: 4px;
            padding-right: 9px;
        }

        .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: #227ec6;
    /*#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: 10px 15px;
            }
.navbar-nav > li > a,
.navbar-nav > .navbar-group > li > a

{
    padding-top: 10px;
    padding-bottom: 10px;
    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;
            }

        .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: 20px;
        }

        @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: 1260px) {
            .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: 2px;
                padding-right: 2px;
            }

            .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:visited,
            .subnav-row ul li a:hover {
                height: 30px;
                color: #227ec6; /*#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: bold;
                }

                .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: #fff;
            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 {
            background-image: linear-gradient(to bottom, #227ec6 40px, #fff 40px);
            border: none;
        }

        #navTop {
            background-color: #227ec6;
        }

        .navbar-inverse .navbar-collapse {
            border-color: #227ec6;
        }

        .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 {
            /*color: #fff;*/
            text-decoration: none;
        }

        .navbar-inverse .navbar-brand {
            padding-top: 9px;
            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: #227ec6;
        }

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

        /* Vänstermeny */
        .sidebar-nav a {
            color: #333;
            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: bold;
                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;
        }


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

        .tool-box .glyphicon, .login-top .glyphicon {
            margin-left: 10px;
        }
        .tool-box-margin {
            margin-right: 10px;
        }
        /* Sökmotor */
        .panel select, .panel input {
            height: 26px;
        }

        .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 */
        .dropdown .caret {
            margin-left: 5px;
        }

        .dropdown-language {
            clear: both;
        }

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

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

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

            .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: #227ec6;
                margin-left: -5px;
                padding-left: 10px;
            }

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

        .login-top {
            height: 25px;
            line-height: 25px;
            vertical-align: middle;
            margin-top: -4px;
            margin-right: -11px;
        }

            .login-top, .login-top .login-user, .login-top .login-button {
                display: inline-block;
            }

                .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: #227ec6;
                line-height: 11px;
            }

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




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

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

        .it-head {
            background-color: #fff;
            padding: 10px;
        }

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

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

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

        .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 .btn {
                height: 35px;
                font-size: 21px;
                padding: 0px 2px 0px 1px;
            }

                .input-group-supersearch .btn img {
                    margin: 4px;
                }

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

            .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;
        }

        /* Paneler */
        .panel {
            padding: 5px;
            /*border-color: #ddd; */ /*e8e8e8*/
            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;
            /*box-shadow: 0px 2px 2px #888888;*/
            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-top: 0px;
            font-family: 'Lato';
            font-weight: 400;
        }

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

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

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

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

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

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

        .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 {
            color: #888;
            font-weight: bold;
            font-style: italic;
            letter-spacing: 2px;
            display: inline-block;
            margin-top: 2px;
            width: 100%;
            clear: both;
            text-transform: uppercase;
            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: 700;
            border-bottom: 1px solid #e8e8e8\9;
            box-shadow: 0px 0px 10px 5px rgba(221,221,221,1)\9;
        }

        .object-start {
            padding-bottom: 0px;
            margin-bottom: 5px;
        }

            .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;
            }
        /* Startsidan */
        .offer-start {
            min-height: 569px;
        }

        .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, .offer-start {
            background-color: #fff /*fce6cc*/;
            background-image: -webkit-linear-gradient(color-stop(#fff 40px), color-stop(#e8e8e8 40px), color-stop(#fff 48px));
            background-image: linear-gradient(#fff 40px, #e8e8e8 40px, #fff 48px);
        }
            /* Erbjudanden på startsidan */
            .offer-start .carousel {
                margin-top: 17px;
            }

        .carousel-offers {
            text-align: center;
            vertical-align: middle;
            max-height: 496px;
            margin-bottom: 1px;
        }

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

        /* Köp & Sälj på startsidan */
        .object-item {
            margin-top: 10px;
            padding: 5px;
            -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;
        }

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

            .latest-object-item h4 {
                display: inline-block;
                padding-top: 5px;
                padding-bottom: 7px;
                font-size: 17px;
                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: #333;
                line-height: 15px;
            }

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

        .latest-object-row-1 .latest-object-header, .latest-object-row-2 .latest-object-header {
            height: 45px;
            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: 6px;
        }

        .latest-object-company {
            font-size: 12px;
        }

        .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: bold;
            /*color: #dc4427;*/
        }
        /* 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 );
            color: #fff;
            padding: 15px;
            min-height: 202px;
        }

            .footer .panel {
                color: #333;
                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: 0px 10px;
            margin-top: -10px;
            color: #fff;
            background-color: #227ec6; /*#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 {
            height: 25px;
            padding-left: 5px;
        }

        .news-search .input-group-btn .btn {
            font-size: 20px;
            width: 40px;
            height: 25px;
            padding: 1px 9px 2px 9px;
        }

        .news-header {
            font-weight: 700;
            hyphens: auto;
        }

        .news img {
            margin-bottom: 10px;
            border-radius: 2px;
        }

        .news a {
            color: #333;
        }

        .news-time, .news-time-special {
            color: #766a63;
            display: block;
        }
        .date-special{
            display: none;
        }
        .date-special-divider::before {
            content: "-";
        }

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

        .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: 0px;
            padding-bottom: 0px;
            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: #766a63;
            color: #fff;
            margin: 10px -10px;
            padding: 0px 10px;
            border: none;
        }

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

        .news-article a,
        .news-article a:link,
        .news-article a:active,
        .news-article a:visited {
            color: #227ec6;
        }

            .news-article a:hover,
            .news-article a:focus {
                color: ##53a3e1;
            }

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

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

        .news-article-preamble {
            font-weight: bold;
            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: #766a63;
            margin-top: 20px;
        }

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

        .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: 5px 0px;
    border-bottom: 1px solid #eee;
}

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

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

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

        .list-item .thumbnail, .list-item-noline .thumbnail {
            display: inline-block;
            margin: 0px;
            background-color: #fff;
        }

        .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: #333;
            display: block;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 19px;
            margin-bottom: 5px;
            font-weight: bold;
            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;
        }

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

        select:active, input:active, textarea:active, select:focus, input:focus, textarea:focus, .form-table select:active, .form-table input:active, .form-table textarea:active, .form-table select:focus, .form-table input:focus, .form-table textarea:focus, .input-group-supersearch .btn-default:active, .input-group-supersearch .btn-default:focus {
            border: 1px solid #227ec6;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(50, 138, 203, 0.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(50, 138, 203, 0.6);
        }
        /*.form-table .form-table-checkbox {
	float: left;
}
.form-table .form-table-checkbox input {
	width: 13px;
	height: 13px;
}*/
        .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: #dc4427;
            border-color: #dc4427;
            background-color: #fce6cc;
            border-width: 2px;
        }

        .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;
        }


/* 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: #fffdb7;
                /*
    background-color: #fffdb7;
    background-color: #fce6cc;
    background-color: #fff;
    border-color: #f0ad4e;
    border-color: #dc4427;
    border-color: #227ec6;
	border-color: #d58012;
	*/
            }

        .panel-campaign {
            margin: 0px 0px -10px 0px;
            padding: 1px; /*4px*/
            background-color: #f0ad4e;
            background-color: #dc4427;
            background-color: #227ec6;
            background-color: #d58012;
        }

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

        .panel-campaign-secondary {
            background-color: #fffdb7;
            background-color: #fce6cc;
            background-color: #fff;
            background-color: #53a3e1;
            background-color: #d58012;
        }

            .panel-campaign-secondary .panel {
                /*padding-top: 5px;*/
                background-color: #fffbe7;
                background-color: #f8f5ed;
                background-color: #fff;
                background-color: #fffbe7;
                border-color: #ffcc99;
                border-color: #dc4427;
                border-color: #227ec6;
            }

        .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: #333;
        }

        .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: 2px;
            z-index: 10;
        }

        .multiple-images:after {
            left: 14px; /*16*/
            top: 4px;
            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;
            font-weight: bold;
            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: #227ec6;
            }

                .normal a:hover {
                    color: #53a3e1;
                }

        .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 #ddd;
        }
        .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;
        }

        .btn {
            height: 25px;
            padding-top: 1px;
            padding-bottom: 2px;
        }

        .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;
        }

        .pagination {
            margin-bottom: 5px;
        }

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

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

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

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

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

        .btn-default a {
            color: #333;
        }

        .btn-primary > a,
        .btn-primary > a:link,
        .btn-primary > a:visited,
        .btn-primary > a:hover,
        .btn-primary > a:active {
            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;
    }
.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: #d0ecfd;
        }

        .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: #227ec6;
}

        .color-default {
            color: #333;
        }

        a:hover.color-primary {
            color: #53a3e1;
            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: bold;
        }

        .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 {
        }

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

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

        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: bold;
            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-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 {
            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: bold;
        }

        .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: #227ec6; /*#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 {
            line-height: 24px;
        }

        .bold {
            font-weight: bold;
        }

        .navbar-group {
            position: relative;
            display: block;
            float: left;
            height: 41px;
            margin-top: 9px;
            margin-bottom: -12px;
        }
.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: #227ec6;
    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: #227ec6;
    }

.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: bold;
}

        .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: #227ec6; /*#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: bold;
            margin-left: 5px;
            margin-bottom: 12px;
        }

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

        .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 #227ec6;
            padding: 10px 10px 35px 10px;
            margin-top: 20px;
        }

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

        .newsletter-block-frame-edit {
            border: 2px solid #227ec6;
            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 {
    padding: 5px 7px 4px 7px;
}

a.btn-jumbo-icon {
    padding: 5px 17px 4px 7px;
}

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

        input.btn-jumbo-margin-right,
        a.btn-jumbo-margin-right {
            margin-right: 15px;
        }

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: #125687; /*#227ec6; #5bbcff;*/
    border-color: #125687; /*#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: #50A45B; /*#1673ba; #50aff2;*/
        border-color: #50A45B; /*#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: coral; /*#1673ba; #50aff2;*/
        border-color: coral; /*#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: #50A45B; /*#24c5a1;*/
    border-color: #50A45B; /*#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: #125687; /*#1eb493;*/
        border-color: #125687; /*#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: coral; /*#24c5a1;*/
    border-color: coral; /*#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: #125687; /*#1eb493;*/
        border-color: #125687; /*#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: relative;
            top: -35px;
            float: right;
        }

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

        .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: 0;
        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;
    }

    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) {
    .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: 1020px) {
    .navbar-inverse {
        background-image: linear-gradient(to bottom, #227ec6 77px, #fff 77px);
    }
    .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: 1260px) {
    .navbar-inverse {
        background-image: linear-gradient(to bottom, #227ec6 38px, #fff 38px);
    }
    .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: 1260px) {
    .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-style: italic;
    font-weight: bold;
    color: coral;
}
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: bold;
}
.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: 1260px) {
    img.google-partner{
        width: 90px;
        margin: 27px 0px 31px 7px;
    }
}
@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: #333;
    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: bold;
}
}
.glyphicon-small{
    font-size: 12px;
}
.text-align-center {
    text-align: center;
}
.bg-error {
    background-color: #ffbbbb;
}
.new-items {
    color: orange;
    font-weight: bold;
}
.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: bold;
    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: bold;
    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;
}
.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: bold;
    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: #227ec6;
}
.note-attention {
    border-color: red;
    border-width: 2px;
}
.note-attention-secondary {
    border-color: red; /*#ff8a00;*/
}
.note-pinned {
    border-color: lawngreen; /*#227ec6;*/
    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: #227ec6;
    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: bold;
}
.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: bold;
    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: 1260px) {
    .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: 1260px;
    }
}

@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;
    }
}