body {
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    appearance: none;
}

.cb-wrapper {
    margin-top: 5px !important;
}

#index-content {
    background-color: #f1f3f2;
    padding: 20px;
    /*width: 1170px;*/
}

.index-content {
    background-color: #f1f3f2;
    padding: 20px;
    /*width: 1170px;*/
}

.font-regular {
    font-family: 'Titillium22L-Regular';
}

.quickorder-header {
    font-size: 12px;
    color: rgba(0,0,0,0.5);
}

.field-spacer {
    padding: 15px 0;
}

.label-customer-fillin {
    font-size: 16px;
    color: rgba(0,0,0,0.5);
    margin: 8px;
}

#AddToExistingCustomer-Content {
    background-color: #f1f2f3;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 699px) {
    .textcolor-grey {
        font-size: 9px;
        margin-top: 5px;
        color: rgba(0,0,0,0.54);
    }

    .button-bubble {
        background-image: url(/images/andet/sidebars/bubble.png);
        background-size: cover;
        background-color: rgba(0,0,0,0);
        border-style: none;
        position: absolute !important;
        z-index: 2;
        height: 130px;
        margin: 80px -40px;
    }

        .button-bubble > a > img {
            padding: 5px;
            margin-top: 40px;
        }
}

@media only screen and (min-device-width: 700px) and (max-device-width: 1199px) {
    .textcolor-grey {
        font-size: 10px;
        margin-top: 5px;
        color: rgba(0,0,0,0.54);
    }

    .button-bubble {
        background-image: url(/images/andet/sidebars/bubble.png);
        background-size: cover;
        background-color: rgba(0,0,0,0);
        border-style: none;
        position: absolute !important;
        z-index: 2;
        height: 130px;
        margin: 80px -40px;
    }

        .button-bubble > a > img {
            padding: 5px;
            margin-top: 40px;
        }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1899px) {
    .textcolor-grey {
        font-size: 11px;
        margin-top: 5px;
        color: rgba(0,0,0,0.54);
    }

    .button-bubble {
        background-image: url(/images/andet/sidebars/bubble.png);
        background-size: cover;
        background-color: rgba(0,0,0,0);
        border-style: none;
        position: absolute !important;
        z-index: 2;
        height: 130px;
        margin-left: -45px;
        margin-top: 125px;
    }

        .button-bubble > a > img {
            padding: 5px;
            margin-top: 40px;
        }
}

@media only screen and (min-device-width: 1900px) {
    .textcolor-grey {
        font-size: 12px;
        margin-top: 5px;
        color: rgba(0,0,0,0.54);
    }

    .button-bubble {
        background-image: url(/images/andet/sidebars/bubble.png);
        background-size: cover;
        background-color: rgba(0,0,0,0);
        border-style: none;
        position: absolute !important;
        z-index: 2;
        height: 130px;
        margin: 25px -45px;
        top: 0;
    }

        .button-bubble > a > img {
            padding: 5px;
            margin-top: 40px;
        }
}

#stamdata-header, #produkt-header, #energioptimering-header, #betaling-header, #fee-header, #billing-header {
}


ul {
    line-height: 0 !important;
}

#stamdata, #energioptimering, #betaling, #FeeAlignment, #produktdata, #billing, #housing {
    background-color: #FFFFFF;
    margin-bottom: 20px;
    padding-bottom: 10px;
    box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.16)
}

#stamdata-header, #produkt-header, #betaling-header, #energioptimering-header, #fee-header, #billing-header, #housing-header {
    background-color: #FFFFFF;
    color: #4B6879;
    padding: 20px;
    font-family: "Titillium22L-Bold";
    font-size: 20px;
    letter-spacing: 2px;
}

#contracts-header {
    color: #4B6879;
    padding: 10px 20px 20px 20px;
    font-family: "Titillium22L-Bold";
    font-size: 20px;
}

#stamdata-header > label, #produkt-header > label, #betaling-header > label, #energioptimering-header > label, #fee-header > label, #billing-header > label, #housing-header > label {
    margin-left: 10px;
}

#stamdata-content, #produktdata-content, #betaling-content, #fee-content, #billing-content, #housing-content {
    padding: 0 20px 20px 20px;
    background-color: #FFFFFF;
}

#pakke {
    padding: 10px 15px 10px 15px;
}

#pakke-pris {
    margin-top: -5px;
    font-size: 20px;
    font-family: 'Titillium22L-Regular';
    color: #153445;
}

.prio, .energi {
    color: #B392FF !important;
    padding: 10px !important;
    text-align: center;
    font-family: 'Titillium22L-Bold';
    margin-left: 25px;
}

    .prio.active, .energi.active {
        background-color: #B392FF;
        border-radius: 25px;
        padding: 10px;
        color: #FFFFFF !important;
    }

    .prio > label, .energi > label {
        margin-left: 5px;
    }

    .prio > img, .energi > img {
        margin-top: 2px;
    }

.fordel {
    color: #FF7575 !important;
    padding: 10px !important;
    text-align: center;
    font-family: 'Titillium22L-Bold';
    margin-left: 25px;
}

    .fordel.active {
        background-color: #FF7575;
        border-radius: 25px;
        padding: 10px;
        color: #FFFFFF !important;
    }

    .fordel > label {
        margin-left: 5px;
    }

    .fordel > img {
        margin-top: 2px;
    }

.basis {
    color: #54D6FF !important;
    padding: 10px !important;
    text-align: center;
    font-family: 'Titillium22L-Bold';
}

    .basis.active {
        background-color: #54D6FF;
        border-radius: 25px;
        padding: 10px;
        color: #FFFFFF !important;
    }

    .basis > label {
        margin-left: 5px;
    }

    .basis > img {
        margin-top: 2px;
    }

.klima {
    color: #6EDE73 !important;
    padding: 10px !important;
    text-align: center;
    font-family: 'Titillium22L-Bold';
    margin-left: 25px;
}

    .klima.active {
        background-color: #6EDE73;
        border-radius: 25px;
        padding: 10px;
        color: #FFFFFF !important;
    }

    .klima > label {
        margin-left: 5px;
    }

    .klima > img {
        margin-top: 2px;
    }


#importer-button {
    color: #FFFFFF;
    border-style: none;
    background-color: #496777;
    border-radius: 20px;
    height: 28px;
    font-family: 'Titillium22L-Bold';
}

#opret-kontrakt-button {
    color: #FFFFFF;
    border-style: none;
    background-color: #496777;
    border-radius: 20px;
    height: 28px;
    font-family: 'Titillium22L-Bold';
    height: 40px;
    padding: 10px;
}

    #opret-kontrakt-button.active, #opret-kunde-button.active, #opdater-kunde-button.active {
        background-color: #153445 !important;
    }

    #opret-kontrakt-button.inactive, #opret-kunde-button.inactive, #opdater-kunde-button.inactive {
        background-color: #c5ccd0 !important;
    }

.currency {
    margin: 5px 0 0 -10px;
}

.produkt-button-group {
    margin-right: 0 5px;
}

a:hover {
    color: white;
}

#line {
    background-color: #f1f3f2;
    padding: 3px;
}

#product-information, #product-details {
    padding: 10px 20px 10px 20px;
    background-color: #e6e7e9;
}

#product-details {
}

#telefonnummer, #mobilnummer, #emailadresse {
}

#kalendar, #details-kalender-ikon {
    position: absolute;
    right: 0;
    padding: 2px;
    pointer-events: none;
}

#aktiver-button {
    border-radius: 20px;
    width: 82px;
    margin-right: 5px;
    color: #FFFFFF;
    border-style: none;
    background-color: #153445;
}

#tilbage-button {
    background-image: url(../images/andet/buttons/Tilbage.Knap.png);
    background-size: cover;
    width: 90px;
    color: #FFFFFF;
    border-style: none;
    background-color: #FFFFFF;
}

#slet-button {
    background-image: url(../images/andet/buttons/delete.png);
    background-size: cover;
    border-style: none;
    background-color: #FFffff;
    height: 47px;
    width: 47px;
}

.field-style {
    border-style: none;
    background-color: #f2f2f2 !important;
    margin-bottom: 5px;
    margin-right: 0;
    font-family: 'Titillium22L-Light';
    padding: 5px;
}

.text-style {
    margin: 3px;
    padding-top: 0px;
    padding-left: 3px;
    color: rgb(51, 51, 51);
    font-family: 'Titillium22L-Light';
}

#segment, #pakke {
    margin-top: 20px;
    padding-left: 15px;
}

#arrow-alignment {
    padding: 10px;
}

.tilvalgte-ikoner, #tilvalg {
    padding: 10px 10px 10px 0;
}

    .tilvalgte-ikoner > img {
        float: right;
        margin-left: 10px;
    }

#address {
    padding-top: 3px;
    font-size: 20px;
    margin-top: 10px;
    padding: 0;
}

#contract {
    box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.16);
    margin-bottom: 20px;
}

#address-row {
    background-color: #FFFFFF;
    padding: 20px;
}

#create-customer {
    font-size: 0.69vw;
    background-color: #e6e7e9;
    padding: 20px 0 20px 0;
    box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.16);
}

#kontrakt {
    /*margin-top: 20px;*/
    background-color: #e6e7e9;
}

.kontrakt-items {
    width: 170px;
}

.fontcolor-inactive {
    color: #a9b0b6;
}

select {
    padding: 3px;
}

#no-mail-checkbox, #oplysesafkunden, #oplysesafkunden-pbs {
    margin-left: 3px;
}

input[type="checkbox"] {
    height: 30px;
    width: 30px;
    background-color: #ffffff;
    border-radius: 5px;
    margin: 0 4px 5px 2px !important;
    border: 2px solid #153445;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    -webkit-transition: box-shadow 200ms;
    -moz-transition: box-shadow 200ms;
}

    input[type="checkbox"]:checked:before {
        content: '';
        background-image: url('/images/andet/Check.png');
        position: absolute;
        margin: 0 auto;
        margin: 6.5px 4.5px;
        display: inline-block;
        width: 17px;
        height: 13px;
    }

    input[type="checkbox"]:checked {
        background: #153445 !important;
    }

#sidebar-left {
    max-height: 100%;
    padding-top: 30px;
}

#nybo-sidebar-left {
    max-height: 100%;
    padding-top: 30px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1399px) {
    #nybo-sidebar-left {
        max-height: 100%;
        padding-top: 10px;
        position: absolute;
        float: right;
        right: 0;
    }
}

#sidebar-right {
    max-height: 100%;
    padding: 20px 15px 0 20px;
    /*width: 360px;*/
}

#dgk-opkald {
    margin-top: 6px
}

#afventer {
    background-color: #54D6FF;
    padding: 0;
    margin-top: 20px;
}

#letter {
    padding: 0;
}

#godkendte {
    background-color: #6EDE73;
    padding: 0;
}

#divider-green {
    background-color: #6EDE73;
    padding: 0px 0px 0 7px;
}

#blue-divider {
    background-color: #54D6FF;
    padding: 0px 0px 0 7px;
}

#gray-divider {
    background-color: #6a7d8b;
    padding: 0px 0px 0 7px;
}

.gray-divider {
    background-color: #6a7d8b;
    padding-right: 0 !important;
    padding-left: 7px !important;
}

#afventer-headline, #godkendte-headline {
    color: #FFFFFF;
    padding: 5px 5px 5px 10px;
    margin-top: 2px;
    font-size: 13px;
    font-size: 0.75vw;
    padding: 10px;
    font-family: 'Titillium22L-Bold';
}

    #afventer-headline > img, #godkendte-headline > img {
        padding: 0 10px;
    }

.show-more {
    cursor: pointer;
    background: url(/images/andet/buttons/showmore.png);
    background-repeat: no-repeat;
    font-family: 'Titillium22L-Bold';
    height: 5px;
}

#letter-headline {
    color: #FFFFFF;
    padding: 15px;
    font-size: 1vw;
    background-color: #153445;
}

#sidebar-printers {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/Images/andet/dropdown-arrow-white.png) white no-repeat 98.5% !important;
    background: url(/Images/andet/dropdown-arrow-white.png) white no-repeat calc(100% - 10px) !important;
    color: white;
    background-color: #4B6879 !important;
    font-family: 'Titillium22L-Bold';
    border-style: none;
}

#sidebar-date {
    font-family: 'Titillium22L-Bold';
    border-style: none;
    padding: 10px;
}

#afventer-label, #godkendte-label {
    font-size: 1.0vw;
}

#letter-label {
    margin: 4px 0 10px 0;
    font-size: 1vw;
}

#sb-name-field {
    font-family: 'Titillium22L-Light';
    font-size: 0.75vw;
    padding-right: 0;
}

#afventer-entry, #godkendte-entry, #letter-entry {
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    padding: 10px;
}

#sb-role-img-er, #sb-role-img-pr {
    padding: 0;
    width: 25px;
    height: 25px;
}

#printer-wrapper {
    padding: 20px;
    background-color: #4B6879;
}

#entry-seperator, .entry-seperator {
    background-color: #e6e8e9;
    padding: 3px;
}

#print-button, #print-selected-button {
    border-radius: 20px;
    border-style: none;
    background-color: #475766;
    font-size: 0.75vw;
    font-family: 'Titillium22L-Bold';
    height: 35px;
}

#printer-wrapper {
    padding: 20px;
}

#sb-button-group > a > img {
    width: 50px;
    height: 50px;
}

#godkendte-button, #afventer-button {
    background-image: url(/images/andet/sidebars/arrow.png);
    background-size: cover;
    background-color: rgba(0,0,0,0);
    border-style: none;
    width: 0%;
    margin-top: 5px;
}

.button-style {
    height: 20px;
    width: 100px;
    color: white;
    text-align: center;
    margin-top: 2px;
}

#opret-kunde-button, #opdater-kunde-button {
    border-radius: 20px;
    color: #FFFFFF;
    height: 40px;
    margin-top: 15px;
    margin-right: 20px;
    border-style: none;
    background-color: #153445;
    font-family: 'Titillium22L-Bold';
}

.button-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hidden {
    display: none;
}

.input-validation {
    margin: 3px;
    margin-left: 0;
    padding: 3px;
    padding-bottom: 4px;
    align-items: center;
    background-color: #f2f2f2;
}

.validation {
    margin: 3px;
    margin-left: 0;
    padding: 3px;
    padding-bottom: 4px;
    align-items: center;
}

#cvrnummer-validation {
    background-color: #f2f2f2;
}

#segment-pictures {
    padding-left: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
}

#privat-segment, #business-segment {
    color: #153445;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    text-align: center;
}

    #privat-segment.active, #business-segment.active {
        background-color: #153445;
        border-radius: 25px;
        padding: 5px 15px 10px 20px;
        color: #FFFFFF;
    }

    #privat-segment > label, #business-segment > label {
        margin-left: 5px;
        font-family: 'Titillium22L-Bold';
        font-size: 13px;
        letter-spacing: 1px;
    }

    #privat-segment > img, #business-segment > img {
        margin-top: 2px;
    }

#spacer {
    padding-bottom: 10px;
}

#velkomstmail {
    margin-top: 6px;
}

#via_sms, #via_mail, #without_accept, #ap_tenant, #ap_mail, #ap_letter {
    margin: 6px 10px 0 0;
}

#label {
    margin-top: 5px;
}

#amr-img, #kampagne-img, #gratisStroem-img, #sparegaranti-img .addendum-img {
    margin: 0 2.5px 0 2.5px;
}

#purchase-header {
    margin-bottom: 10px;
}

#purchased-item {
    font-family: 'Titillium22L-Light';
    padding: 0;
}

#purchaser-information {
    font-family: 'Titillium22L-Light';
    padding: 0;
}

#total-row {
    padding: 0;
}

.font-size-11 {
    font-size: 11px;
}

#is-registered {
    background: #FFFFFF;
    margin: 7px 3px 0 0;
}

.field-bg {
    background-color: #f1f2f3;
}

#selectedPrinter {
    color: black;
    font-family: 'Titillium22L-Light';
}

.is-invalid {
    border-bottom: #FF7575 2px solid;
}


#stamdata-left, #stamdata-right, #payment-left, #payment-right {
    padding-top: 20px;
}

#add-to-existing {
    padding-bottom: 20px;
}

.text-vertical-center {
    margin-top: 10px;
}

#ap-prefills {
    padding: 0 20px 20px 20px;
}

    #ap-prefills > select {
        background-color: #ffffff !important;
    }

.registrerings-aarsag {
    margin-right: 15px;
}

.product-img {
    padding-right: 10px;
}

#no-active-contracts {
    text-align: right;
    padding: 20px;
}

#billing > #billing-content > div > div > label {
    margin-left: 5px;
}

#cancelation-warning {
    color: #FF6060;
    text-align: right;
    font-family: 'Titillium22L-Bold';
    padding: 0;
    margin-top: 10px;
}

    #cancelation-warning > img {
        width: 20px;
        margin: 5px;
    }

#manuel-address-fields {
    margin-top: 5px;
}

/* boligselskab css */

#housing {
    margin-top: 20px;
}

#company-tab, #department-tab, #contract-tab, #customer-tab {
    padding: 25px;
    margin: 0 !important;
    text-align: center;
    border-radius: 0;
    color: #153445;
    border: none !important;
    font-family: 'Titillium22L-Regular';
}

.li-company.active, .li-department.active, .li-contract.active, .li-customer.active {
    background-color: #F1F3F3;
    font-family: 'Titillium22L-Bold' !important;
}

    .li-company.active > #company-tab > .overview-header-label,
    .li-department.active > #department-tab > .overview-header-label,
    .li-contract.active > #contract-tab > .overview-header-label,
    .li-customer.active > #customer-tab > .overview-header-label {
        font-family: 'Titillium22L-Bold' !important;
    }

.active > .nav-link {
    background-color: #F1F3F3 !important;
}

#housing-tabs > ul > .active > .nav-link {
    background-color: #FFFFFF !important;
}

.tab-content {
    background-color: #F1F3F3;
}

#generate-guid {
    color: #FFFFFF;
    border-style: none;
    background-color: #153445;
    border-radius: 20px;
    height: 30px;
    font-family: 'Titillium22L-Bold';
}