@import url(/include/_variables.min.css?v1);

input, select, textarea {
    border-color: #ddd;
}

h5 {
    font-size: 15px;
    color: #3f3939;
    text-transform: none;
}

.nowrap {
    white-space:nowrap;
}

.mt-5 {
    margin-top: 5px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

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

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

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}


.pr-0 {
    padding-right: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.white {
    color: #fff !important;
}

/* WHITE MODALS */
.modal.white .modal-header {
    background-color: #fff;
    padding: 20px 20px 0px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 0px;
}

.modal.white .modal-content {
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.modal.white .modal-title {
    color: #000;
    font-size: 24px;
    text-transform: none;
    line-height: 1.42857143;
}

    .modal.white .modal-title.inline {
        margin-left: 0px;
    }

.modal.white .modal-content .modal-header input[type='text'] {
    border: none;
}

.modal.white .modal-content .modal-header span {
    font-size: 16px;
}
/* FOKUSLEADS */
#topnav li > div > span.badge {
    background-color: #b81d2b;
    margin-left: 5px;
    min-width: 19px;
    margin-top: -1px;
    border-radius: 15px;
    padding: 3px 5px 3px 4px;
    vertical-align: top;
    font-weight: 600;
}
.badge--green {
    color: #3c763d;
    background-color: #dff0d8 !important;
}

/* TELERIK POPUP OVERRIDES */
.TelerikModalOverlay {
    background-color: #000 !important;
    transition: opacity .15s linear;
}

.RadWindow.RadWindow_Bilstatistik {
    box-shadow: 0 5px 15px rgba(0,0,0,.5) !important;
}

div.warning a.rwIcon {
    margin-top: 11px !important;
}

/* JQUERY UI - Tooltip*/

.ui-tooltip {
    padding: 8px;
    max-width: 500px;
}

.ui-tooltip {
    border: 1px solid var(--tooltip-border);
}

.ui-tooltip, .arrow:after {
    background: #fff;
    border: 1px solid var(--tooltip-border);
}

.ui-tooltip {
    padding: 8px;
    color: white;
    border-radius: 0px;
    font-size: 12px;
    border-color: var(--tooltip-border);
}

    .ui-tooltip > div {
        font-family: "Titillium Web", sans-serif, Arial, Verdana, Tahoma !important;
    }

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: none;
        border-color: var(--tooltip-border);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }


div.exporttoexcel {
    clear: both;
    margin-bottom: 10px;
}

    div.exporttoexcel > span {
        display: inline-block;
        font-size: 14px;
        vertical-align: middle;
        margin-right: 10px;
    }

    div.exporttoexcel > img {
        content: url(/images/excel_blue.png);
        width: 25px;
        height: 24px;
    }

.no-scrollbar .k-grid-header {
    padding: 0 !important;
}

.no-scrollbar .k-grid-content {
    padding: 0 !important;
    overflow-y: visible;
}

    .no-scrollbar .k-grid-content .k-scrollbar {
        overflow-y: visible;
    }

.black-sort {
    background: url(/images/Sort_black.png) no-repeat right;
    padding-right: 8px;
}

    .black-sort:not(span) {
        background-position: right 5px center;
    }



table.list {
    width: 100%;
}

    table.list tr > td {
        padding: 0px 0px 10px 0px;
        vertical-align: top;
    }

    table.list tr:last-of-type > td {
        padding: 0px;
    }

table.default {
    border: 1px solid #eee;
}

    table.default tr > td {
        padding: 5px 10px 0px 10px;
    }

    table.default tr:last-of-type > td {
        padding-bottom: 5px;
    }

    table.default > thead > tr > td {
        font-weight: 600;
    }




body .ui-widget-shadow {
    -webkit-box-shadow: 0 0 1px var(--tooltip-border) !important;
    box-shadow: 0 0 1px var(--tooltip-border) !important;
    border-color: var(--tooltip-border) !important;
}

.datainfotext > span {
}

.calendar {
    background: url('/images/datadate.png') no-repeat center;
    width: 25px;
    height: 24px;
    display: inline-block;
    margin-left: 5px;
}

/* RAPPORTTYPE VÆLGER */

/*.reporttype select {
    width:250px;
    margin-left:5px;
    margin-top:8px;
}*/

.reporttype, .columnselect {
    float: left;
    vertical-align: top;
    margin-right: 10px;
}

    .columnselect .btncolumnselect {
        width: 120px;
    }

    .columnselect .btn:focus,
    .columnselect .btn:active,
    .reporttype .btn:focus,
    .reporttype .btn:active {
        outline: none;
    }


        .columnselect .btncolumnselect, .columnselect .btncolumnselect:hover {
            /*background: url(/images/btncolumns_blue.png) 10px center no-repeat;*/
        }


.dialog__message .modal-dialog {
    width:500px;
}

    .dialog__message .modal-content {

    }

    .dialog__message .dialog__message--body {
        min-height:120px;
        padding:0 40px;
        justify-items:center;
        align-content:center;
        justify-content:center;
    }

        .dialog__message .dialog__message--body img { 
            height:70px;
            margin-left:50px;
        }

        .reporttype__select {
            width: 100%;
            color: #fff;
            padding: 4px;
            width: 100%;
            text-align: left;
            background-color: var(--color1);
        }

.button--transparent {
    border: none;
    background: none;
}

.columnselect__image {
    height: 24px;
    float: left;    
}

.icon__select-columnprofiles {
    height:21px;
}
.button__select-columnprofiles:hover .icon__select-columnprofiles {
    filter: var(--filter--white);
}

.overflow--checkboxlist > label {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display:inline-block;
}



.columnselect .btnselect,
.reporttypeselect .btnselect,
#buttongrp .reporttypeselect .btnselect {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    bottom: 0;
    float: left;
    margin-left: 0px;
    padding: 10px;
    width: 100%;
    text-align: left;
    border-radius: 0;
    background-color: white;
    border-width: 1px 0px 0px 0px;
    border-color: #ddd;
    height: auto;
}

    .columnselect .btnselect:hover,
    .reporttypeselect .btnselect:hover,
    #buttongrp .reporttypeselect .btnselect:hover,
    .columnselect .btnselect:hover div,
    .reporttypeselect .btnselect:hover div

    {
        background-color: var(--background-hover2);    
        color: white;
    }

        .columnselect .btnselect:hover img,
        .reporttypeselect .btnselect:hover img {
            filter: var(--filter--white);
        }

    .columnselect .btnselect div, .reporttypeselect .btnselect div {
        display: inline-block;
        /*color: var(--primary-color);*/
        color: #6595b2;
    }

.columnselect .btnselect .icon,
.reporttypeselect .btnselect .icon {
    display: inline-block;
    float: right;
    height: 16px;
    width: 8px;
    background: url(/images/white-arrow.svg) right center no-repeat;
    margin-top: 2px;
}

.reporttype .dropdown-menu, .columnselect .dropdown-menu {
    border-radius: 4px;
}


.reporttype .dropdown-menu, .columnselect .dropdown-menu {
    width: 251px;
}

.listfiltertype .dropdown-menu {
    width: 100%;
}


.dropdown-submenu {
    /*position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;*/
    min-width: 251px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);*/
    /*border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);*/
}

    .dropdown-submenu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-submenu > li > a:focus,
        .dropdown-submenu > li > a:hover,
        .dropdown-menu > li > div:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
            cursor: pointer
        }

.reporttype .dropdown-submenu {
    min-width: 200px;
}

.reporttype .reporttype_dropdowncontainer, .columnselect .columns_dropdowncontainer {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding:0;
}

.columnselect .columns_dropdowncontainer {
    padding-bottom: 0px;
   padding-top:0px;
}

.reporttype img {
    height:24px;
}

.listfiltertype img {
    vertical-align: top;
    height: 39px;
    /*margin-right: 7px;*/
}

.reporttype .dropdown {
    display: inline-block;
    width: 250px !important;
}

.reporttype .dropdown-header, .dropdown-submenu > li > a, .columnselect .dropdown-header {
    padding: 3px 10px;
}

.listfiltertype .dropdown {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.reporttype .dropdown-submenu, .columnselect .dropdown-submenu {
    width: 100%;
    border-radius: 4px;
}

.listfiltertype .dropdown-submenu {
    width: 100%;
}

.reporttype .dropdown > .btn, .listfiltertype .dropdown > .btn {
    width: 100% !important;
}

.reporttype .dropdown > .btn, .listfiltertype .dropdown > .btn, .columnselect .dropdown > .btn {
    height: 39px;
    background-color: #fff;
    border-color: #fff;
}

.listfiltertype .dropdown > .btn {
    border: 1px solid #ddd;
    color: #000;
}


    .listfiltertype .dropdown > .btn:hover {
        border: 1px solid #7194b0;
    }

    .reporttype .dropdown > .btn > div,
    .listfiltertype .dropdown > .btn > div,
    .columnselect .dropdown > .btn > div {
        display: inline-block;
        color: var(--alternative-textcolor);
        float: left;
        margin-right: auto;
    }

        .columnselect .dropdown > .btn > div,
        .reporttype .dropdown > .btn > div {
            margin-right:auto;
        }

        .reporttype .dropdown > .btn > div ~ span,
        .listfiltertype .dropdown > .btn > div ~ span,
        .columnselect .dropdown > .btn > div ~ span {
            float: right;
            margin-top: 7px;
            color: #7194b0;
        }

    .reporttype .dropdown > .btn ~ ul > li a
    .listfiltertype .dropdown > .btn ~ ul > li a,
    .listfiltertype .dropdown > .btn ~ ul > li > div {
        padding-left: 10px;
    }


    .listfiltertype .dropdown > .btn > div ~ span {
        color: #7194b0;
        position: absolute;
        top: 11px;
        right: 5px;
    }

    
    .listfiltertype .dropdown > .btn > div ~ span.arrowdown {
        background: url('/images/componenticons/arrowdown.png') no-repeat;
        background-size: 10px;
        width: 10px;
        height: 10px;
        top: 4px;
        right: 9px;
    }

    .listfiltertype .dropdown > .btn:hover > div ~ span.arrowdown {
        background: url('/images/componenticons/selectbox_arrow_down_clicked.png') no-repeat;
        background-size: 10px;
        width: 10px;
        height: 10px;
    }


.reporttype .dropdown-submenu, .columnselect .dropdown-submenu {
    position: relative;
}

.listfiltertype .dropdown-menu {
    position: absolute;
}

.reporttype .reporttypeheader div, .columnselect .profiletypeheader div,
.columnselect .profiletypenone div {
    padding: 5px 10px;
    font-weight: 600;
    cursor: default;
    padding-top: 0px;
}

.reporttype .reporttypeheader div {
    padding-top: 5px;
    color: white;
    cursor: pointer;
}

.reporttype .reporttypeheader div.pr-0 {
    padding-right: 0px;
}

.reporttype .reporttypeheader div.pl-0 {
    padding-left: 0px;
}

.reporttype .reporttypeheader {
    margin: 0px;   
    background-color: #6595b2;
}

.reporttype .reporttypeheader img {
    height: auto;
    padding-top: 5px;
    filter: var(--filter--white);
}

.reporttype .reporttypeheader .favouriteicon img {
    padding-top: 2px;
    padding-right: 9px;
    vertical-align: top;
    height: 16px;
}

    .columnselect .profiletypenone div {
        font-weight: normal;
        padding-top: 5px;
    }

    .reporttype .btn.btn-primary.dropdown-toggle,
    .listfiltertype .btn.btn-primary.dropdown-toggle,
    .columnselect .btn.dropdown-toggle {
        margin-bottom: 2px;
    }

        .reporttype .btn.btn-primary.dropdown-toggle:hover,
        .listfiltertype .btn.btn-primary.dropdown-toggle:hover,
        .columnselect .btn.dropdown-toggle:hover {
            /*border: 1px solid #767676 !important;*/
            background-color: var(--background-hover1);
            border: 1px solid #fff !important;
        }
            .reporttype .btn.btn-primary.dropdown-toggle:hover > div,
            .listfiltertype .btn.btn-primary.dropdown-toggle:hover > div,
            .columnselect .btn.dropdown-toggle:hover > div,
            .reporttype .btn.btn-primary.dropdown-toggle:hover span.caret,
            .listfiltertype .btn.btn-primary.dropdown-toggle:hover span.caret,
            .columnselect .btn.dropdown-toggle:hover span.caret {
                color: #fff !important;
            }

            .reporttype .btn.btn-primary.dropdown-toggle:hover > img,
            .listfiltertype .btn.btn-primary.dropdown-toggle:hover > img,
            .columnselect .btn.dropdown-toggle:hover > img {
                filter:var(--filter--white);
            }
                            


            .listfiltertype .btn.btn-primary.dropdown-toggle {
            }

.reporttype .dropdown-submenu.dropdown-menu-customreporttype, .columnselect .dropdown-menu.dropdown-menu-customprofile {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    margin-bottom: -1px;
    border-bottom: 0px;
    margin-top: 0px;
}

.reporttype .dropdown-submenu.dropdown-menu-publicreporttype {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    margin-top: 0px;
}

.reporttype .dropdown-menu-customreporttype li:hover {
    background-color: var(--background-hover3);
}

.reporttype .dropdown-menu-customreporttype .favourite_buttons {
    background-color: var(--background-hover3);
    display: none;
    position: absolute;
}

.reporttype .dropdown-menu-customreporttype .favourite_buttons .removefavourite {
    display: none;
}
.reporttype .favouritereports .dropdown-menu-customreporttype .favourite_buttons .removefavourite {
    display: block;
}

.reporttype .favouritereports .dropdown-menu-customreporttype .favourite_buttons .addfavourite {
    display: none;
}

.reporttype .dropdown-menu-customreporttype .btn-inline {
    padding: 0px;
}

.reporttype .dropdown-menu-customreporttype .removefavourite span {
    background: url(/images/remove_favouritereport.svg) no-repeat center center;
    filter: var(--filter-primarybutton);
    background-size: 18px;
}

.reporttype .dropdown-menu-customreporttype .addfavourite span {
    background: url(/images/add_favouritereport.svg) no-repeat center center;
    filter: var(--filter-primarybutton);
    background-size: 18px;
}

input.input_validation_error,
.input_validation_error {
    border-color: #bf0000 !important;
}


/* DATA DATO */
.calendarbackground {
}

.calendartext {
    text-align: center;
    margin-left: 0px;
    line-height: 30px;
    width: 25px;
    height: 24px;
    font-size: 11px;
    font-weight: 700;
    color: #4e7a9b;
}

    .calendartext.macadjust {
        margin-left: 1px;
    }
/* CHROME ONLY */
/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .calendartext {
        margin-left: -1px;
    }
}*/
/* GENERAL */
/* COOKIE POPUP */
.confirmCookieArrowContainer {
    margin-left: 20px;
    margin-top: 1px;
}

    .confirmCookieArrowContainer > img {
        margin-top: -1px;
    }

    .confirmCookieArrowContainer > a {
        margin-top: 2px;
        display: inline-block;
    }

/* Wait - state for buttons */
.pnButtons input.btnexcel.wait, .pnButtons input.btnpdf.wait, .pnButtons input.btnpdf.wait:hover, input:focus.btn.wait, input:hover.btn.wait, input:active.btn.wait, input:disabled.btn.wait {
    background: #fff no-repeat url('/images/ajax-loader.gif') left 10px center;
    background-size: 20px 20px;
    color: #eee;
    border-color: #eee;
}

select optgroup {
    font-weight: bold;
    background-color: #f3f3f3;
    text-transform: uppercase;
}

select.form-control.singleselectlistbox {
    background: #fff;
}

.semi-bold {
    font-weight: 600;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

.favouritesbox, .simplebox {
    border: 1px solid #ddd;
    margin-left: -8px;
}

.favouritesbox {
    padding: 20px 20px;
}

    .favouritesbox h4 {
        margin-top: 0px;
    }

.omraaderbuttons {
    vertical-align: top;
    margin-top: 10px;
    display: inline-block;
}

.link {
    cursor: pointer;
    color: #337ab7;
    display: inline-block;
}

    .link:hover, .link:hover * {
        color: #7194b0;
    }


.simplebox {
    padding: 5px 10px;
}

.filterbox, .filterbox:hover {
    background: none;
}

.inline {
    display: inline-block;
}

.flex {
    display: flex;
}

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

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

.v-align {
    vertical-align: middle;
    float: none;
    display: inline-block;
}

td.negativecriteriacolumn {
    vertical-align: top;
}

    td.negativecriteriacolumn * {
        vertical-align: top;
        margin-top: 5px;
    }

.success {
    color: #3cb43c;
}

.row-padding-small {
    padding: 3px 0px;
}


/* CONTROL SPECIFIC: TWO LISTBOXES */
.list-left-container {
    width: 367px; /*357px;*/
    display: inline-block;
}

.list-right-container {
    width: 367px; /*357px;*/
    display: inline-block;
}

.draganddropselection .list-left-container, .draganddropselection .list-right-container {
    width: auto;
}

.listbuttons {
    padding: 0px 10px;
    /*top: -65px;*/
    display: inline-block;
    position: relative;
    vertical-align: bottom;
}

/* SETTINGS */
#settingsModal > .modal-dialog {
    width: 1000px;
}

.profile_rightside_settings > div:not(:first-of-type) {
    margin-top: 20px;
}

.profile_rightside_settings h5:first-of-type {
    margin-top: 0px;
}

.profile_rightside_settings .row-padding-small:first-of-type {
    padding-top: 0px;
}

/* SEARCH TEXTBOX */
.filter .activesearch-icon, .filter .glyphicon-search {
    border: 0;
}

.activesearch-icon {
    background: #538d72;
    border-color: #538d72;
    color: #fff;
}

.filtericonbutton {
    padding-bottom: 5px;
    height: 27px;
    cursor: pointer;
}

.filtericon, .filtericonactive {
    width: 16px;
    margin-left: 9px;
    margin-top: 2px;
}

.filtericonactive {
    width: 19px;
}

.filtericon {
    width: 16px;
}

.listicon,
.row > div > div.right-tab.listicon {
    display: inline-block;
    background: url(/images/btnexcel_blue.png) no-repeat left;
    padding-left: 28px;
}

li.right-tab.listicon {
    float: right;
    padding-top: 10px;
    padding-bottom: 9px;
    cursor: pointer;
}
/*.filteractiveicon {
    z-index: 10;
    position: absolute;
    right: 24px;
    top: 15px;
}*/
.search-text {
    border: none !important;
}

.activesearch-text {
    border: none;
    /*box-shadow: inset 0px 1px 1px rgba(255,255,255,0.075), 0px 0px 8px rgba(83,141,114,0.6);*/
    box-shadow: none;
}

    .activesearch-text:focus, .search-text:focus, .search-text {
        /*box-shadow: inset 0px 1px 1px rgba(255,255,255,0.075), 0px 0px 8px rgba(83,141,114,0.6);*/
        box-shadow: none;
    }


/* NEW ICONS */
.topmenuicon {
    width: 20px;
}

.modal-icon-container {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0px;
    width: 50px;
}

/* POP UP SPECIFIC */

/* SEARCH COMPANY POP UP */

#companySearchCriterias {
}

    #companySearchCriterias .zipcode {
        width: 70px;
        display: inline-block;
    }

    #companySearchCriterias .city {
        width: auto;
        /*max-width: 150px;*/
        float: right;
        display: inline-block;
    }

    #companySearchCriterias .city-label {
        padding: 0px 5px;
        vertical-align: top;
    }

.modal.topmenupopup {
}

    .modal.topmenupopup li > a:focus {
        outline: none !important;
    }

.columntabs {
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#headerCompanyFavouriteTitle, #headerCarFavouriteTitle {
    margin-top: 0px;
}

.modal-dialog .modal-header > .close > span {
    color: #fff;
    font-size: 26px;
}

.modal-dialog .modal-header {
    border: none;
    min-height: 53px;
}

    .modal-dialog .modal-header h4 {
        line-height: 1.4;
    }

.ui-draggable-handle {
    cursor: move;
}

/* SUBSECTION: POP UPS WITH TABS */
.modal-header.withtabs {
    height: 84px;
}

    .modal-header.withtabs ul.modal-header-nav, .modal-header.withtabs .header-icon {
        margin-top: 31px;
    }

.topmenupopup .modal-header.withtabs > .close {
    /*margin-top:-8px;*/
}
/* END SUBSECTION */

.modal select, .modal .input .popUpContent select, .popUpContent input {
    font-family: "Titillium Web", sans-serif, Arial, Verdana, Tahoma;
}

.modal h1, .modal h2, .modal h3, .modal h4, .modal h5,
.popUpContent h1, .popUpContent h2, .popUpContent h3, .popUpContent h4, .popUpContent h5 {
    color: #000;
    line-height: 1.1;
    font-family: "Titillium Web", sans-serif, Arial, Verdana, Tahoma;
}

.modal .modal-header h5, .modal .modal-header h4 {
    text-transform: uppercase;
}

.modal-open {
    /*overflow-y: scroll;*/
    overflow-y: hidden;
    overflow-x: hidden;
}

.modal p,
.popUpContent p {
    margin-bottom: 5px;
}

.modal-body {
    padding: 20px;
}

.modal-body-500 {
    min-height: 500px;
}

.modal-body-400 {
    min-height: 400px;
}

.modal-body-200 {
    min-height: 400px;
}

.modal-body-max-400 {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal .alternate-section {
    background: #eee;
    margin: 0px -20px;
    padding: 20px;
}

.modal-content hr {
    margin: 0px;
}

.modal-content span:not(.k-icon), .modal-content a, .modal-content div, .modal-content p, .modal-content label, .modal-content td, .modal-content .vehiclessearch,
.popUpContent span, .popUpContent p, .popUpContent td, .popUpContent label {
    font-family: "Titillium Web", sans-serif, Arial, Verdana, Tahoma;
}

.favourite_buttons {
    top: 3px;
    right: 30px;
    display: flex;
    background: #fff;
    align-content:center;
    justify-content:center;
}

.focuslistoverviewitem .favourite_buttons {
    right: 10px;
}

.activefavourite .favourite_buttons {
    /*background: var(--primary-color); */
    background: #6595b2;
}

.modal-content .favourite_buttons span.glyphicon {
    font-family: "Glyphicons Halflings" !important;
    font-size: 15px;
}

.modal-content .favourite_buttons .btn.btn-inline {
    padding: 0px;
    margin: 4px;
    height: auto;
}


.modal-header.white {
    background: #fff;
}

    .modal-header.white .modal-title {
        color: #000;
    }

.modal-title.inline {
    vertical-align: middle;
    margin-left: 10px;
}

.modal-header img {
    width: 25px;
}

ul.modal-header-nav {
    margin-right: 20px;
}

    ul.modal-header-nav > li > a {
        padding: 10px;
        color: #fff;
    }

        ul.modal-header-nav > li > a:hover, ul.modal-header-nav > .active, ul.modal-header-nav > li > a:focus {
            /*background-color: #7194b0;*/
            background-color: #fff;
            /*color: var(--primary-color);*/
            color: #6595b2;
        }

            ul.modal-header-nav > .active > a, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover {
                border: none;
                /*color: #fff;*/
                /*color: var(--primary-color);*/
                color: #6595b2;
            }

.modal-header-icon {
    color: #fff;
    margin-right: 10px;
}

.modal {
    line-height: normal;
    backdrop-filter:blur(3px);
}

    .modal p, .modal span,
    .popUpContent p .popUpContent span {
        font-size: 13px;
        /*font-family: "Titillium Web", sans-serif, Arial, Verdana, Tahoma;*/
    }

        .modal span.k-icon.k-i-calendar {
            font-size: 16px;
        }

.modal-content input[type='text']:not(.criterianumber, .editcustomreporttext) {
    /*border: 1px solid #ccc;*/
    /*height:30px;*/
    /*height: 28px;*/
    vertical-align: bottom;
    /*font-size: 14px;*/
}
/*.modal-content input[type='checkbox'] {
    opacity: 1;
}*/
/* TYPEAHEAD / AUTOCOMPLETE STYLES */
.search_car, .search_company {
    font-weight: 600;
}

.search_carmodel, .search_companycvr {
    font-weight: 400;
}

.searchcriterias ul > li:not(:last-child) {
    /* styles */
    /* border-bottom: 1px solid rgba(0, 0, 0, .15); */
}

.search_carfact, .search_companyfact, .search_regdate {
    color: #555;
    font-size: 12px;
    font-weight: 400;
}

.typeahead .dropdown-menu {
    color: #003056;
}

.search_regnr {
    display: inline-block;
    width: 100px;
}

.search_stelnr {
    display: inline-block;
    width: 150px;
}

.search_divider {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.typeahead.dropdown-menu > .active > a,
.typeahead.dropdown-menu > .active > a:focus,
.typeahead.dropdown-menu > .active > a:hover,
.searchresults .item:hover, .companytypes .item:hover {
    /*background-color:#EDC989;*/
    background-color: var(--background-hover3);
    color: #003056;
}

.typeahead.dropdown-menu {
    max-height: 460px;
    width: 435px;
    /*width:100%;*/
    overflow-y: auto;
}
/* UDVIDET CVR POP UP*/
.modal-cvr {
    width: 1008px;
}

.cvrfeltinput {
    display: inline-block;
    width: 58px;
    color: #000 !important;
}

.cvrfelt .ui-widget.ui-widget-content {
    border: none;
}

.cvrfeltfratil {
    width: 40px;
    display: inline-block;
    text-align: right;
    padding-right: 9px;
}

.cvrfeltenhed {
    /*width: 30px;*/
    width: 60px;
    display: inline-block;
}

.cvrfeltnavn {
    width: 125px;
    display: inline-block;
}

.cvrfelt_virksomhedsform {
    display: inline-block;
    /*width: 250px;*/
    width: 306px;
}
/* UDVIDET VALG AF BILTYPE POP UP*/
.biltyper {
    padding: 20px;
    border: 1px solid #ddd;
}

#kriterieCVRFields .ui-spinner-button {
    display: none;
}
/* NEGATIV KRITERIE */
.nkk {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.negativt {
    background: url(/images/Minus_square.png) no-repeat;
}

    .negativt:hover {
        background: url(/images/Minus_square_mouseover.png) no-repeat;
        cursor: pointer;
    }

.positivt {
    background: url(/images/Plus_square.png) no-repeat;
}

.plus.rbDisabled.RadButton_Bilstatistik.rbDisabled {
    opacity: 0.3;
}

.positivt:hover {
    background: url(/images/Plus_square_mouseover.png) no-repeat;
    cursor: pointer;
}
/* TREEVIEW LAYOUT (Mærke/Modeller, Distrikter/Postnr) */
.modal-treeview {
    width: 1000px;
}

.treeViewUl .tv {
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}

    .treeViewUl .tv.disabled > span {
        color: #ccc !important;
        cursor: default;
    }

.tree-left-container {
    width: 251px; /*357px;*/
    display: inline-block;
}

.tree-right-container {
    vertical-align: top;
    width: 483px; /*357px;*/
    display: inline-block;
}

    .tree-right-container .treeviewlabel {
        width: 100%;
        margin-bottom: 2px;
        /*padding-bottom:7px;*/
        /*border-bottom: 1px solid #ccc;*/
    }

.treeviewcontainer {
    height: 299px;
    overflow-y: auto;
    border: 1px solid #ccc;
}

    .treeviewcontainer:focus {
        outline: none;
    }

.treeViewUl {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
    z-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /*        Introduced in IE 10.
        See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none;
}

    .treeViewUl a:focus, .treeViewUl a:hover {
        text-decoration: none;
    }

    .treeViewUl .selected span.glyphicon, .treeViewUl .selected a, .treeViewUl .selected .txt, .treeViewUl .selected .atvdelete > span {
        color: #fff;
    }

    .treeViewUl .title .txt {
        display: inline;
    }

    .treeViewUl span.glyphicon {
        margin-left: 5px;
    }

    .treeViewUl a {
        margin-right: 5px;
    }

    .treeViewUl a {
        margin-right: 5px;
        vertical-align: middle;
    }

    .treeViewUl.sub {
        margin: 0px 0px 0px 20px;
        display: none;
    }

        .treeViewUl.sub li {
            margin-top: 1px;
        }

    .treeViewUl li {
        color: #ccc;
        /* margin-top: -1px; */ /* Prevent double borders */
        background-color: #fff; /* Grey background color */
        padding: 2px; /* Add some padding */
        text-decoration: none; /* Remove default text underline */
        font-size: 14px; /* Increase the font-size */
        color: black; /* Add a black text color */
        display: block; /* Make it into a block element to fill the whole list */
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
        z-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        /*
             Introduced in IE 10.
             See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
           */
        -ms-user-select: none;
        user-select: none;
    }

        .treeViewUl li:hover {
            background-color: #f6f6f6; /* Grey background color */
        }

    .treeViewUl .selectable {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
        z-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        /*
             Introduced in IE 10.
             See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
           */
        -ms-user-select: none;
        user-select: none;
    }

        .treeViewUl .selectable .title {
            display: inline-block;
            /*width:329px;*/
            width: 345px;
        }

    .treeViewUl .nodefunctions {
        margin-top: 2px;
    }

    .treeViewUl .btn {
        /*margin-top:2px;*/
        padding: 0px 3px 1px 3px;
    }

    .selected .treeViewUl li, .treeViewUl .selected, .treeViewUl.sub > li.selected label {
        background-color: #7194b0 !important;
        color: #fff !important;
    }
/* BOOTSTRAP OVERRIDES */


.well {
    border-radius: 0px;
    padding: 10px;
}

.input-group-addon {
    border-radius: 0px;
}

.btn-primary {
    /*background: var(--primary-color); /*old rgba(51, 109, 147, 1)*/
    background: #7194b0;
    color: #fff;
}

    .btn-primary:hover, .btn-primary:focus {
        background: var(--background-hover2);
        color: #fff;
    }

.modal-content, .nav-tabs > li > a {
    border-radius: 0px;
}

.modal-header {
    background: var(--background-modalheader); /*old rgba(51, 109, 147, 1)*/
}

    .modal-header h4 {
        color: #fff;
    }

.btn {
    border-radius: 4px;
}

    .btn.btn-default,
    .btn.btn-default span {
        /*color: var(--primary-color);*/
        color: #6595b2;
        font-size: 12px;
    }

        .btn.btn-default:hover,
        .btn.btn-default:hover span {
            color: #fff;
        }

.btn-inline {
    border: none;
    min-width: 20px;
    background-color: transparent;
    color: #7194b0;
    height: 100%;
    z-index: 20;
}

#settingsModalContent input.btn-default {
    background-color:white;
}
    #settingsModalContent input.btn-default:hover {
        background-color: #7194b0;
        color:white;
    }


    .btn-favourite {
        position: relative;
    }
.btn-favourite, .btn-addfavourite {
    width: 100%;
    border-radius: 0px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    padding: 9px;
    /*padding: 10px 20px;*/
    font-size: 14px;
}

.btn.btn-inline.btn-favourite {
    max-width:25px;
}
#customReportsModalContent .btn-favourite.favourite,
#customReportsModalContent .btn.btn-addfavourite,
#customReportsModalContent .listfiltertype .btn {
    /*width: 275px;*/
    padding: 8px;
}

#customReportsModalContent .listfiltertype .btn {
    padding-top: 3px;
    padding-bottom: 4px;
    height: 30px;
    border-color: rgba(0, 0, 0, 0.08);
    border-radius: 2px;
}

#customReportsModalContent .listfiltertype .btn div {
    color: #555;
}

#customReportsModalContent .listfiltertype .dropdown-menu {
    padding: 0px;
}

#customReportsModalContent .listfiltertype .dropdown-menu > li > a {
    padding-left: 8px;
    padding-right: 8px;
}

.btn.btn-addfavourite > span {
    color: #7194b0
}

/* FOCUS LISTS / DYNAMIC REPORTS */
#companyfocuslistmessages, #vehiclefocuslistmessages {
    margin-left: -10px;
}

#companyFocusLists, #vehicleFocusLists, #customReports {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 303px;
}

#customReports {
    max-height: 503px;
}

.btn-addfavourite {
    border-bottom: 1px solid #ddd;
}

.btn-favourite.activefavourite {
    background-color: #6595b2;    
    /*background-color: var(--primary-color);*/
    /*border: 1px solid var(--primary-color);*/
    border: 1px solid #6595b2;
}

    .btn-favourite.activefavourite span, .btn-favourite.activefavourite .glyphicon {
        color: #fff !important;
    }
/*.btn-favourite.activefavourite:hover, .btn-favourite.activefavourite .favourite_buttons:hover {
    color:#fff;
}*/
.btn-favourite:hover {
    border: 1px solid #7194b0;
}

.btn-addfavourite:hover {
    /*background-color: #7194b0;*/
    border-color: #7194b0;
    color: #000;
    font-size: 14px;
}

.focuslist-container, .customreport-container {
    width: 100%;
}

.editfocuslist-container, .editcustomreport-container {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    /*background-color: var(--primary-color); /*old rgba(51, 109, 147, 1)*/
    display: inline-block;
    padding: 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}



    .editfocuslist-container > input[type='text'], .editcustomreport-container > input[type='text'] {
        border: none;
        height: 19px;
    }

        .editfocuslist-container > input[type='text']:focus, .editcustomreport-container > input[type='text']:focus {
            box-shadow: none;
        }

.focuslistdelete, .focuslistedit, .customreportcopy, .customreportdelete, .customreportedit, .addfavourite span, .removefavourite span{
    width: 18px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    float: right;
}

.customreportcopy {
    background: url(/images/colorless/icon_copy2.svg) no-repeat center center;
    filter: var(--filter-action-icon);
    background-size: 18px;
    background-position: center;
}

.focuslistdelete, .customreportdelete {
    background: url(/images/colorless/icon_delete.svg?v1) no-repeat center center;
    background-size: 15px;
    filter: var(--filter-action-icon);
    background-position: center;
    background-position-y: 4px
}

.focuslistedit, .customreportedit {
    background: url(/images/colorless/icon_edit.svg) no-repeat center center;
    filter: var(--filter-action-icon);
}

.activefavourite .customreportcopy, .selected .customreportcopy {
    filter: var(--filter--white);
    background-position: center;
}

.activefavourite .focuslistdelete, .selected .focuslistdelete, .activefavourite .customreportdelete, .selected .customreportdelete {
    filter: var(--filter--white);
}

.activefavourite .focuslistedit, .activefavourite .customreportedit, .selected .customreportedit {
    filter: var(--filter--white);
}

.btn-addfavourite > input[type='text'], .editfocuslist-container > input[type='text'], .editcustomreport-container > input[type='text'] {
    border: 0px;
    box-shadow: none;
    height: 19px;
    font-size: 13px;
    font-family: "Titillium Web", sans-serif, Arial, Verdana, Tahoma;
    padding-left: 0px;
}

.btn-small {
    min-width: 40px;
}

.glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

.glyphicon-center {
    vertical-align: middle;
}

.iconbutton {
    padding: 5px 5px 1px 5px;
}

    .iconbutton > .glyphicon {
        margin-bottom: 4px;
    }

.form-control {
    border-radius: 0px;
    font-size: 13px;
    /*border-color:#7194b0;*/
}


/* SUMO SELECT */
.SumoSelect > select {
    height: 0px;
}

.SumoSelect .select-all {
    height: 35px;
}

.SumoSelect label {
    font-weight: normal;
}

.SumoSelect > .CaptionCont {
    border-radius: 0px;
}
/* SPECTRUM */
.sp-label {
    display: inline-block;
    margin-top: 6px;
}

.sp-preview {
    border-radius: 0px;
}

.sp-container {
    background-color: #fff;
    border-color: #ddd;
}

.sp-cancel {
    color: #7194b0 !important;
}

    .sp-cancel:hover {
        text-decoration: none;
        color: #fff !important;
        /*        border-color: var(--primary-color);
        background-color: var(--primary-color);*/
        border-color: #6595b2;
        background-color: #6595b2;
    }

    .sp-cancel.btn, .sp-choose.btn {
        min-width: 83px;
    }
/* SCALE SPECIFIC STYLES */
@media (max-width: 1600px) {
    /*.logo {
        margin-left: 20%;
    }*/
}

@media (max-width: 1200px) {

    .logo {
        margin-left: auto;
    }

    .icon-menu {
        top: 46px;
        right: 0px;
    }

        .icon-menu li {
            padding: 5px;
        }

    .iconmenutooltip {
        display: none;
    }
}

@media (max-width: 1024px) {
    #settingsModal > .modal-dialog {
        width: auto;
    }
}

@media (max-width:1000px) {
    #buttongrp input[type=submit].btnexcel, #buttongrp input[type=submit].btnshowstat {
        width: auto;
    }

    #buttongrp {
        float: left;
    }
}

@media (max-width: 767px) {
    /* SETTINGS */

    #settingsbody .right-sep {
        border: none;
    }


    /* PANEL HEADER */
    .responsiveheader #panelHeader .headerquickfacts {
        position: absolute;
        top: 0;
        margin-top: 5px;
    }


        .responsiveheader #panelHeader .headerquickfacts div {
            width: 125px;
        }

        .responsiveheader #panelHeader .headerquickfacts img {
            width: 32px;
        }

        .responsiveheader #panelHeader .headerquickfacts span {
            font-size: 14px;
        }

    .responsiveheader #iconReportLayout {
        display: none;
    }

    .responsiveheader ~ div > .containerCriterias.top {
        padding-top: 95px;
    }

    .responsiveheader #panelHeader {
        height: 80px;
    }

        .responsiveheader #panelHeader #buttongrp .btnexcel {
            background: url(/images/btnexcel.png) center no-repeat;
        }

        .responsiveheader #panelHeader #buttongrp .btnshowstat {
            background: url(/images/btngraph.png) center no-repeat;
        }

        .responsiveheader #panelHeader #buttongrp .reporttype .dropdown {
            width: 210px !important;
            font-size: 14px;
        }

            .responsiveheader #panelHeader #buttongrp .reporttype .dropdown button,
            .responsiveheader #buttongrp button, #buttongrp input[type=submit] {
                padding: 4px;
                height: 28px;
            }

        .responsiveheader #panelHeader #buttongrp input[type=submit] {
            /*margin-top: 10px;*/
            margin-left: 0px;
            padding: 6px;
            font-size: 14px;
            color: transparent;
            width: 32px;
        }


        .responsiveheader #panelHeader #buttongrp {
            display: block;
            float: none;
            margin-top: 40px;
        }

            .responsiveheader #panelHeader #buttongrp .reporttype {
                display: inline-block;
                float: none;
                margin-left: 10px;
            }

        .responsiveheader #panelHeader .page {
            width: auto;
        }
}



.modal .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .modal .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.modal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .modal .slider:focus {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .modal .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.modal input:checked + .slider {
    background-color: #6595b2;
}

    .modal input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

.modal input:focus + .slider {
    box-shadow: 0 0 1px #6595b2;
}

.modal .slider.round {
    border-radius: 34px;
}

    .modal .slider.round:before {
        border-radius: 50%;
    }


.modal .dbiswitch {
    vertical-align: middle;
}

    .modal .dbiswitch h6 {
        font-size: 14px;
    }

.modal .switch-container input[type="checkbox"]:disabled ~ .slider {
    cursor: default;
}

    .modal .switch-container input[type="checkbox"]:disabled ~ .slider::before {
        background-color: #e5e5e5;
    }



/* RESPONSIVE */
/*@media (max-width:767px) 
    #servicenav > ul > li > span {
        display: none !important;
    }
/* EFFECTS */
.border-animation {
    transition: box-shadow 0.5s;
}

.border-glow {
    border-color: #80aa2c;
    box-shadow: 0px 0px 1px 0.1rem #80aa2c;
    -webkit-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
}

/* FIXES NESTED MODAL BACKDROPS LOCKING WINDOWS */
.modal-backdrop {
    display: none;
}

.modal {
    background: rgba(0, 0, 0, 0.5);
}