body {
}

.bg-white {
    background-color: white;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

/* Header */
#header {
    background-color: #1f3240;
    height: 55px;
    z-index: 2;
}

#header-menu {
    margin-top: 15px;
    border-style: none !important;
    outline: none !important;
    background-color: rgba(0,0,0,0);
}

#modstroem-logo {
    margin-top: 15px;
    width: 55px
}


#ordreoprettelse-logo {
    font-family: 'Titillium22L-Bold';
    color: #ffffff;
    margin-top: 15px;
    font-size: 17px;
    letter-spacing: 2px;
}

#logged-in-as {
    font-family: 'Titillium22L-Bold';
    color: #718794;
    font-size: 12px;
    text-align: right;
}

#logout {
    margin: 10px 10px 10px 20px;
    width: 20px;
    height: 20px;
}

#login-details {
    color: #ffffff;
    text-align: right;
    font-size: 0.75vw;
    clear: both;
    font-family: 'Titillium22L-Light';
}

#header-content-right {
    margin-top: 8px;
}

header-content-left {
    background-color: #1f3240;
}

#menu-content {
    z-index: 2;
    position: absolute;
    margin: 55px 0 0 -15px;
}

#menu-headline {
    background: rgba(75,104,121,0.95);
    padding: 10px;
    margin-left: -30px;
    margin-right: 0px;
}

#navigations-bar {
    margin-bottom: 5px;
    display: block;
}

#navigation {
    background-color: #1f3240;
    font-family: 'Titillium22L-Light';
}

#menu-items {
    background: rgba(33,56,74,0.95);
    margin-left: -30px;
    color: #FFFFFF;
    padding: 20px;
}

#menu-header-item {
    padding-bottom: 20px;
}

#menu-item-link {
    font-family: 'Titillium22L-Light';
    padding: 5px;
    color: #FFFFFF;
}

#user-role, #user-name {
    padding-left: 20px;
    font-family: 'Titillium22L-Light';
    color: #FFFFFF;
}

#user-role {
    height: 28px;
    margin-top: 5px;
}

#menu-items > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    #menu-items > ul > li {
        padding-left: 1em;
        text-indent: -.7em;
        padding-bottom: 20px;
    }

        #menu-items > ul > li::before {
            content: '\25CF';
            color: #4E5E6B;
        }

#confirmation-banner {
    background-color: #6a7d8b;
}

#confirmation-label {
    color: #ffffff;
    text-decoration: underline;
    font-size: 14px;
    padding: 10px;
}

#internal-creation-banner {
    background-color: #4B6879;
    margin-left: 0;
}

.internal-creation-label {
    border-radius: 20px;
    border-style: none;
    background-color: white;
    width: 160px;
    margin: 10px 0 10px 0;
    color: #6a7d8b;
    padding-top: 1px;
    font-size: 16px;
    height: 30px;
    font-family: 'Titillium22L-Bold';
}

.internal-creation-label-inactive, .internal-creation-label-inactive-ap, .internal-creation-label-inactive-b {
    color: white;
    font-size: 16px;
    background-color: #4B6879;
    border-radius: 20px;
    border-style: none;
    width: 160px;
    margin: 10px 0 10px 0;
    padding-top: 1px;
    font-size: 16px;
    height: 30px;
    font-family: 'Titillium22L-Bold';
}

/* Login page */
#login-content-wrapper {
    padding: 10px;
    background-color: #ffffff;
    padding-bottom: 40px;
}

#login-header {
    margin: 20px;
}

#login-button {
    border-radius: 20px;
    color: #FFFFFF;
    border-style: none;
    background-color: #153445;
    margin-top: 5px;
    padding: 0;
    font-family: 'Titillium22L-Bold';
}

#login-name, #login-password {
    padding-left: 5px;
    margin-top: 5px;
    font-family: 'Titillium22L-Light';
    font-size: 13px;
}

#stay-logged-in-label {
    font-family: 'Titillium22L-Light';
    margin: 3px 0;
    font-size: 13px;
    padding-left: 5px;
}

#stay-logged-in {
    height: 1.2em !important;
    width: 1.2em !important;
    vertical-align: middle !important;
    margin: 0.3em 0.4em 0.4em 0.2em !important;
    background: #f2f2f2 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -webkit-transition: box-shadow 200ms !important;
    -moz-transition: box-shadow 200ms !important;
}

    #stay-logged-in[type="checkbox"]:checked:before {
        font-weight: bold !important;
        color: #7d8c94 !important;
        content: '\2713' !important;
        -webkit-margin-start: 0 !important;
        margin: -2px 1px !important;
        font-size: 0.9em !important;
        width: 0px !important;
        height: 0px !important;
        position: absolute;
    }

#adgangskode, #brugernavn {
    padding: 5px;
}

#login-img {
    margin-bottom: 40px;
    padding-left: 20px;
}

#konsulent-menu-headline {
    margin-bottom: 20px;
}

#konsulent-menu-content {
    background-color: #f1f3f2;
    width: 900px;
    padding: 20px 20px 60px 20px;
}

/* Ordre Oversigt */

#opretordre {
    background-image: url(../images/OrdreOversigt/OpretOrdre.png);
    background-size: cover;
    color: #FFFFFF;
    border-style: none;
    background-color: #e6e8e9;
    height: 280px;
}

.table-header-items {
    font-size: 10px;
}

#search-field-label {
    font-size: 13px;
}

#kalender-ikon {
    background-color: #FFFFFF;
    padding: 4px;
}

#ordre-oversigt-wrapper {
    background-color: #e6e8e9;
    margin-top: 20px;
    padding: 20px 0 0 0;
}

#search-bar {
    font-size: 29px;
    height: 50px;
    background-color: #FFFFFF;
    border-style: none;
    font-family: 'Titillium22L-Light';
}

#search {
    background-color: #FFFFFF;
    margin: 15px;
}

#bruger-search {
    margin: 5px;
}

#search-fields {
    padding: 0;
}

#search-icon {
    background-image: url(../images/BrugerOplysninger/SoegIkon.png);
    background-size: cover;
    height: 30px;
    width: 30px;
    border-style: none;
    margin: 10px 20px 5px 0;
    background-color: rgba(0,0,0,0);
    position: absolute;
    z-index: 2;
    right: 0;
    outline: none;
}

#vis-button {
    background-color: #798693;
    border-radius: 20px;
    width: 66px;
    margin: 3px 0 0 10px;
    color: #FFFFFF;
    border-style: none;
    font-family: 'Titillium22L-Bold';
}

.oversigt-fields {
    border-style: none;
    background-color: #FFFFFF;
    padding: 4px 0 4px 0;
    margin: 3px;
    margin-right: 0;
    font-family: 'Titillium22L-Light';
}

.date-fields {
    border-style: none;
    background-color: #FFFFFF;
    font-family: 'Titillium22L-Light';
}

.date-fields-grey {
    border-style: none;
    background-color: #f1f2f3;
    font-family: 'Titillium22L-Light';
}


/* Ordre Oversigt table */
#ordre-oversigt-table {
    padding: 40px 0 0 0;
}

#godkendte-tab, #afventer-tab, #annulerede-tab {
    color: #000000;
    text-align: center;
    padding: 20px;
    font-size: 1.1vw;
}

#table-headers {
    padding-top: 15px;
    font-size: 11px;  
}

#header-item-created, #header-item-approved, #header-item-seller, #header-item-customer, #header-item-segment, #header-item-payment, #header-item-meter, #header-item-pipelinedate {
    cursor: pointer;
}

    #header-item-created:hover, #header-item-approved:hover, #header-item-seller:hover, #header-item-customer:hover, #header-item-segment:hover, #header-item-payment:hover, #header-item-meter:hover, #header-item-pipelinedate:hover {
        background-color: #ffffff;
    }

.table-header-items, #entry {
    text-align: center;
    padding: 10px 0 10px 0;
}

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

.table-entry-arrow {
    margin-top: 5px;
}

#bottom-line {
    background: #e7e8e9;
    padding: 10px 0 10px 0;
}

/* Bruger Admin */

#bruger-admin-headline {
    margin: 20px;
}

#bruger-admin-menu-content {
    background-color: #f1f3f2;
    width: 900px;
    padding: 20px 20px 60px 20px;
}

#admin-sidebar-entry {
    padding: 0 8px 0 14px;
}

#bruger-oplysninger-sidebar-entry {
    margin: 3px;
}

#bruger-oplysninger-header {
    padding: 10px;
    background-color: #003244;
    color: #FFFFFF;
}

#oplysninger-knap {
    border-style: none;
    background-color: #003244;
    font-family: 'Titillium22L-Light';
    width: 120px;
    margin: 20px 20px 0 20px;
}

#produkt-knap {
    border-style: none;
    background-color: #003244;
    font-family: 'Titillium22L-Light';
    width: 100px;
    margin: 20px 0 0 20px;
    color: white !important;
}

#oplysninger {
    border-radius: 20px;
    border-style: none;
    color: #003244;
    background-color: white;
    width: 110px;
    margin-top: 20px;
    height: 20px;
    font-family: 'Titillium22L-Bold';
}

#produkter {
    color: #003244;
    border-radius: 20px;
    border-style: none;
    background-color: white;
    width: 110px;
    margin-top: 20px;
    height: 20px;
    font-family: 'Titillium22L-Bold';
}

#ny-gruppe-knap, #rediger-gruppe-knap {
    color: white;
    border-radius: 20px;
    border-style: none;
    background-color: #003244;
    width: 160px;
    margin: 10px 0 10px 0;
    color: black;
    padding-top: 1px;
    font-size: 13px;
    font-family: 'Titillium22L-Light';
}

#ny-gruppe-content, #rediger-gruppe-content {
    padding: 20px;
    background-color: white;
}

#GruppeAdmin-oplysninger {
    margin: 10px 0 0 10px;
    color: white;
    border-style: none;
    background-color: #003244;
}

#vertical-divider {
    margin: 10px;
}

#status-prik {
    margin-bottom: 30px;
}

#role-img {
    width: 25px;
    margin-right: 10px;
}

#oplysninger-content, #opret-bruger-content {
    background-color: #FFFFFF;
}

#oplysninger-row-top, #oplysninger-row-bottom, #login-row {
    margin-bottom: 10px;
    padding: 0;
}

#brugeroplysninger, #loginoplysninger, #opret-bruger, #salesboard-oplysninger {
    padding: 20px;
}

#brugerstatus, #vaelg-segmenter {
    padding: 11px;
    padding-left: 20px;
    background-color: #496777;
    color: #FFFFFF;
    font-size: 13px;
}

.image-picker {
    margin: 3px;
}

#seller-example-image {
    max-height: 239px;
    max-width: 239px;
    border-radius: 50%;
}

#radiobutton-aktiv, #radiobutton-inaktiv {
    margin: 10px 5px 5px 5px;
    background-color: #003244;
    margin-left: 10px;
}

#checkbox-privat, #checkbox-erhverv, .checkbox-gruppe {
    margin: 2px;
    background-color: #dddede;
}

input[type="radio"] {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    border-radius: 15px;
    position: relative;
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
    -moz-appearance: none;
    -moz-transition: box-shadow 200ms;
}

    input[type="radio"]:checked:before {
        color: #7d8c94;
        content: '\25CF';
        margin: -9px 0 0 2px;
        position: absolute;
        font-size: 19px;
    }

.radiobutton-gray {
    margin-top: 7px;
    background-color: #f1f2f2;
}


#erhverv-tab, #privat-tab {
    padding: 0px 10px 0 10px;
}

#privat-content, #erhverv-content {
    background-color: #FFFFFF;
    padding: 20px;
}

#produkt-oplysninger-content {
    background-color: #e6e7e8;
    padding: 0;
}

#gruppe {
    padding: 10px;
}

.gruppe-label {
    padding: 5px 10px;
}

.gruppe-label-heading {
    padding: 20px;
    font-size: 17px;
}

#private-group, #business-group {
    padding: 20px;
}

#produkt-tab-pane {
    border-style: none;
    padding-bottom: 1px;
}

#radio-label {
    color: #FFFFFF;
    margin-top: 5px;
}

#add-to-group-header, #single-product-series {
    padding: 20px;
    background-color: #496777;
}

#single-product-series {
    margin-top: 10px;
}

#add-to-group {
    background-color: #FFFFFF;
    padding: 0;
}


.slider-selection {
    background: #506d7e;
}

.slider-handle.custom {
    background: transparent none;
    background-image: url(../images/BrugerOplysninger/JusteringsKnap.png);
    background-size: cover;
    content: '';
}

#slider-betalinger-erhverv, #slider-tillaeg-erhverv, #slider-betalinger-privat, #slider-tillaeg-privat, #slider-bindingsperiode-privat, #slider-bindingsperiode-erhverv {
}

#opretbruger-header {
    background-color: #153445;
    padding: 20px;
}

#gem-data-button, #opret-bruger-button, #gem-button {
    border-radius: 20px;
    border-style: none;
    background-color: #c5ccd0;
    margin: 10px;
    color: white;
    font-family: 'Titillium22L-Bold';
}

    #gem-data-button.active, #opret-bruger-button.active, #gem-button.active {
        background-color: #153445 !important;
    }

    #gem-data-button.inactive, #opret-bruger-button.inactive, #gem-button.inactive {
        background-color: #c5ccd0 !important;
    }

#content-seperator {
    margin-top: 20px;
}

#slider-seperator {
    margin: 30px 0 30px 20px;
}

#search-seperator {
    margin-top: 0;
}

#search-tag-bar {
    padding-top: 20px;
}

#result-header {
    padding: 20px;
    margin-top: 5px;
    background-color: #ffffff;
    min-height: 85px;
}

#result-data {
    padding: 20px;
    margin-top: 5px;
    background-color: #e6e8e9;
    min-height: 85px;
}

#rediger-bruger-oplysninger {
    padding: 20px;
}

#search-results {
    padding: 0;
    margin: 0;
}

#result-entry {
    display: flex;
    padding: 0;
}

#rediger-bruger {
    padding: 10px;
}

#user-shortform {
    padding: 5px;
    margin-right: 50px;
    font-size: 20px;
}

.hidden{
    display: none;
}
/* Afstemning */


#afstemning-content {
    background-color: #f1f3f2;
    padding: 20px 20px 20px 20px;
}

#afstemning-top-header {
    padding: 10px;
    background-color: #003244;
    color: #FFFFFF;
}

.afstemning-top-button {
    border-style: none;
    font-size: 13px;
    background-color: #003244;
    background-size: cover;
}

#internal-backoffice, #confirm-chosen, #not-debitor, #not-identified {
    margin-right: 10px;
    height: 38px;
    width: 38px;
}

#internal-backoffice {
    background-image: url(../images/Afstemning/InterntBackoffice.png);
}

#confirm-chosen {
    background-image: url(../images/Afstemning/AfstemUdvalgte.png);
}

#not-debitor {
    background-image: url(../images/Afstemning/IkkeStrømdebitor.png);
}

#not-identified {
    background-image: url(../images/Afstemning/IkkeIdentificeret.png);
}


#negative-balance {
    padding: 20px 0 20px 0;
}

#customer-search {
    padding: 20px 0 20px 0;
    color: #878787;
    font-family: 'Titillium22L-Light';
}

#textbox-search-customer {
    border-style: none;
    border-bottom-style: groove;
    background-color: #e6e8e9;
}

#search-customer-icon {
    border-style: none;
    background-color: #e6e8e9;
}

#checkbox-negative-balance {
    margin: 2px 2px 2px 20px;
    background-color: #f1f2f2;
}

.checkbox-label {
    font-family: 'Titillium22L-Light';
    font-size: 11px;
    color: #878787;
}

#afstem-options-top-line, #afstem-options-bottom-line {
    padding: 0;
    background-color: #e6e8e9;
}

#inkasso-wrapper, #checkbox-wrapper {
    padding: 5px 0 0 0;
}

    #inkasso-wrapper > label, #betalingskort-wrapper > label,
    #pbs-wrapper > label, #negative-balance > label {
        padding-left: 5px;
    }

#pbs-wrapper {
    margin-left: 10px;
}

#get-lists-button {
    background-image: url(../images/andet/buttons/button-bg-dark-grey.png);
    border-style: none;
    font-size: 13px;
    background-color: #e6e8e9;
    background-size: cover;
    height: 28px;
    color: white;
}

#transaction-section, #afstemning-section {
    border-top: 1px solid #f1f2f2;
    padding: 20px;
}

#transaction-section {
    border-right: 1px solid #f1f2f2;
}

#afstemning-table-header {
    border-top: 1px solid #f1f2f2;
    font-size: 10px;
    color: #bababa;
    background-color: #ffffff;
    padding: 0;
}

@media only screen and (min-device-width: 1400px) {
    #afstemning-table-body {
        font-size: 12px;
        background-color: white;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1399px) {
    #afstemning-table-body {
        font-size: 10px;
        background-color: white;
    }
}

label {
    vertical-align: sub;
}

#select-first-choice, #select-second-choice {
    background-image: url(../images/Afstemning/choose-option-button.png);
    border-style: none;
    background-color: #ffffff;
    background-size: cover;
    width: 50px;
    margin-top: -1px;
    margin-bottom: 5px;
}

#table-headers-1, #table-headers-2 {
    border-bottom: 1px solid #f1f2f2;
    background-color: #ffffff;
    padding: 10px 0 10px 0;
    position: relative
}

#table-headers-1 {
    border-right: 1px solid #f1f2f2;
}

#table-row {
    border-bottom: 1px solid #f1f2f2;
}

#table-headers-1, .border-right {
    border-right: 1px solid #f1f2f2;
}

.border-left {
    border-left: 1px solid #f1f2f2;
    margin-left: -1px;
}

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

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

.table-entry-vertical {
    transform: translateY(-100%);
}

.padding-right {
    padding-right: 5px !important;
}

#place-post {
    margin-top: 10px;
}

/* Internal Creation */

#GetCustomer-button {
    color: #FFFFFF;
    border-style: none;
    background-color: #153445;
    border-radius: 20px;
    height: 28px;
    margin-left: 10px;
    font-family: 'Titillium22L-Bold';
}

#regret-button {
    color: #FFFFFF;
    border-style: none;
    background-color: #6a7d8b;
    border-radius: 20px;
    height: 28px;
    margin-left: 10px;
    font-family: 'Titillium22L-Bold';
}

#selectPrinter {
    font-family: 'Titillium22L-Light';
    color: black;
    font-size: 11px;
    padding: 5px;
}

#tilmeldningsdato, #date-wrapper, #is-registered {
    background-color: #F5F5F5;
}

#windows-login-label {
    margin: 5px 10px;
    padding: 0;
}

.create-partner {
    align-content: center;
    width: 151px;
    height: 50px;
    background: #496777;
    border-radius: 25px;
    /*margin: 0 420px;
    position: absolute;*/
    font-family: 'Titillium22L-Bold';
    border-style: none;
    /*font: normal bold 20px Titillium Web;*/
}

.font-partner-name {
    width: 155px;
    height: 33px;
    /* UI Properties */
    color: var(--153445);
    text-align: left;
    font-family: 'Titillium22L-Regular';
    letter-spacing: 2.5px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    font-size: 25px;
}
.header-btn-opret-bruger {
    width: 262px;
    height: 50px;
    background: #153445;
    border-radius: 25px;
    font-family: 'Titillium22L-normal';
    text-align: center;
    letter-spacing: 2px;
    color: #FFFFFF;
    border-style: none;
}
.header-btn-opret-partner {
    width: 262px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    font-family: 'Titillium22L-Bold';
    text-align: center;
    letter-spacing: 2px;
    color: #153445;
    border-style: none;
}
.row.content-row {
    margin: 40px;
}
.font-partner-value.cvr {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.form-check-input {
    background-color: black;
    color: #7d8c94;
    content: '\25CF';
    font-size: 19px;
    -webkit-appearance: radio !important;
}

    #opret-partner-content {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
}

@media only screen and (max-width: 1200px) {
    .bottom-partner-search {
        display: none;
    }
}

#partner-headline {
    font-family: 'Titillium22L-Bold' !important;
    font-size: 25px;
}


#result-data-partner {
    padding: 20px;
    margin-top: 5px;
    background-color: #e6e8e9;
    min-height: 85px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

#result-header-partner {
    padding: 20px;
    margin-top: 5px;
    background-color: #ffffff;
    min-height: 85px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.result-entry-partner {
    display: flex;
    padding: 0 !important;
}

#result-entry-partner {
    padding: 0;
}
#brugeroplysninger-content {
    background-color: #ffffff;
}
#space-partner {
    margin-top: 60px;
}

.font-partner-label {
    font-family: 'Titillium22L-Bold' !important;
}

.font-partner-value {
    font-family: 'Titillium22L-Regular' !important;
}
.radioBtnPartner {
    display: flex;
}