.lightbackground {
    background: #5E9274;
}

.MinColSpace {
padding:0 0 0 15px;
}

.ButtonDown {
    padding-top:5px;
}



.darkbackground {
    background: #2C503E;
}

.markedtabelcell {
    background: #2C503E;
    color: #CCF9E6;
}

.markedtabelcell_gray {
    background: #e7e7e7;
    color: #000000;
}


.markedtabelcell_green {
    background: #2D7F48;
    color: #CCF9E6;
}

.markedtabelcell_red {
    background: #ff0000;
    color: #CCF9E6;
}

.glyphicon {
    color: #2C503E;
}



.leftseparatorborder {
    border-left: 3px solid #005E30;
}

.buttonbackground {
    background: #34DB98;
}

.buttonbacktext {
    background: #ffffff;
}

.separationLine {
    background: #D3E6D9;
}

.tiny-statusbar2 {
    display: none;
}

body {
    padding-bottom: 20px;
}

.container {
    width: 100%;
    max-width: 1400px;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
    text-align:left!important;
    font-weight:bold;
}

h3 {
    font-size: 14px;
}


.modal-header-text {
}

.modal-header-text {
    margin-top: 5px;
    margin-left: 40px;
    font-size: 12px;
}

select {
    padding: 0 5px 0 5px !important;
}


.bigheader {
    color: #D6CE4C;
    font-size: 30px;
}

.body-content-blank {
    display: flex;
    flex-direction: column;
    min-height: 80vh; /* Sørger for, at containeren fylder hele skærmen */
    background: #ffffff;
    background-size: cover;
    margin-top: 40px;
}


.body-content {
    display: flex;
    flex-direction: column;
    min-height: 80vh; /* Sørger for, at containeren fylder hele skærmen */
    background-image: url('/styling/graphics/sob_1800.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-size: cover;
    margin-top: 40px;
    padding: 0
}

.transperentwhitetext {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    width: 50%;
    min-width: 400px;
    color: #ffffff;
    padding: 20px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}



.inputrow {
    margin-bottom: 10px;
}


.greenspan {
    background: #00ff00;
    padding: 2px;
}

.redspan {
    background: #ff0000;
    color: #ffffff !important;
    padding: 2px;
}

.field-validation-error span {
    color: #ff0000;
}

.prevforvardnavi {
    margin-left: 10px;
}

    .prevforvardnavi a {
        color: #000000;
    }




.error {
    color: #ff0000;
}

.usersystemcard {
    font-size: 10px;
}


#imagefiles {
    font-size: 16px;
    color: #333;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
}

.custom-file-upload {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

    .custom-file-upload:hover {
        background-color: #0056b3;
    }

.dvregpicturebox {
    margin: 20px 0 20px 0;
}

    .dvregpicturebox > div {
        background: #cccccc;
        padding: 5px;
    }

.navbar-toggle {
    background: #CCECF9 !important;
}

    .navbar-toggle > .icon-bar {
        background: #002D72 !important;
    }


.navbar-inverse {
    background: #2C503E;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #cccccc;
    border-radius: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.navbar-toggle span {
    background: #5B6AD4 !important;
}

.navbar-nav > li > a {
    color: #ffffff !important;
}

.navbar-nav .glyphicon {
    color: #ffffff !important;
}

.dropdown-toggle {
}

nav {
    margin-top: 0 !important;
}




.navbar .dropdown a:hover {
    color: #ffffff !important;
    background: #5B6AD4 !important;
}

.navbar .navbar-brand:hover {
    color: #ffffff !important;
    background: #5B6AD4 !important;
}

.navbar .navbar-header {
    margin: 0 !important;
    padding: 0 !important;
}

.navbar .navbar-brand {
    margin: 0 !important;
    padding: 0 !important;
}

.navbar .logotext {
    padding: 15px;
    float: left;
    width: 100px;
    color: #ffffff;
    font-size: 16px !important;
}

.navbar .navbar-brand img {
    margin: 0 !important;
    padding: 0 !important;
    height: 50px;
}



.navbar-nav > .open > a:focus {
    background: #AAAEEB !important;
    color: #000000;
}


.selectiontable {
    border: 1px solid #000000;
    width: 100%;
    font-size: 11px;
}

    .selectiontable tr {
        border-bottom: 1px solid #000000;
        font-size: 11px;
    }


    .selectiontable td {
        border-bottom: 1px solid #000000;
        padding: 5px;
        font-size: 11px;
    }

    .selectiontable .col2 {
        border-bottom: 1px solid #000000;
        padding: 5px;
        font-size: 11px;
    }

    .selectiontable th {
        border-bottom: 1px solid #000000;
        padding: 5px;
        font-size: 11px;
        background: #FF9900;
    }


.field-validation-error {
    background: #ff0000;
    color: #ffffff;
}







@media (max-width: 1100px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}

.fieldhelp {
    color: rgba(0, 0, 0, 0.4);
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;
}

.fieldhelpbig {
    color: #000000;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;
}



.microtable1 {
    border: 1px solid #000000;
    width: 100%;
    font-size: 10px;
}

    .microtable1 tr {
        border-bottom: 1px solid #000000;
        font-size: 10px;
    }


    .microtable1 td {
        border-bottom: 1px solid #000000;
        padding: 2px;
        font-size: 10px;
    }

    .microtable1 th {
        border-bottom: 1px solid #000000;
        padding: 2px;
        font-size: 10px;
        background: #5E9274;
        color: #ffffff;
    }

.tiny-statusbar2 {
    width: 100%;
    font-size: 10px;
    padding-left: 20px;
}

    .tiny-statusbar2 input {
        border: none !important; /* Fjern kant */
        outline: none !important; /* Fjern fokus-markering */
        background: none !important; /* Fjern baggrund */
        box-shadow: none !important; /* Fjern eventuelle skygger */
        color: inherit !important; /* Bevar tekstfarve */

        width: 25% !important; /* Valgfri bredde */
        font-size: 10px;
    }

.shadow-box1 {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* x, y, blur, farve med lav opacitet */
    border-radius: 8px; /* valgfrit, for bløde hjørner */
    background: #fff; /* valgfrit, hvis du vil have hvid baggrund */
    padding: 4px 0 0 6px; /* valgfrit, for lidt luft inde i boksen */
    margin-bottom: 12px;
}



.navbar-nav > li.active > a {
    background-color: #eee;
    font-weight: bold;
}

.resumebox {
    background-color: #eef6fc;
    border-left: 5px solid #007acc;
    padding: 1em;
    margin-bottom: 1.5em;
    font-family: sans-serif;
    width: 100%
}

    .resumebox h3 {
        margin-top: 0;
        margin-bottom: 0.5em;
    }

    .resumebox table {
        width: 100%;
        border-collapse: collapse;
    }

    .resumebox th {
        background:#CCF9E6
    }

    .resumebox td {
        padding: 4px 8px;
        vertical-align: top;
        white-space: nowrap;
    }

      












footer a:hover {
    color: #ffffff;
}

footer H2 {
    color: #ffffff;

}

footer {
    background: #145c73 !important;
    margin-top: 40px;
}

    footer h4, footer p, footer a {
        color: #ffffff;
    }

    footer > div > div {
        padding: 50px;
    }




.checkbox-key-style {
    display: inline-block;
    margin: 5px 5px 5px 0;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s;
    font-size:12px;
}

    .checkbox-key-style input {
        display: none;
    }

    .checkbox-key-style.selected {
        background-color: #007bff;
        color: white;
        border-color: #007bff;
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

.micro-save {
    font-size: 0.75em;
    margin-left: 5px;
    padding: 2px 6px;
}

.alert1{background:#ff0000;}
.alert1 div{color:#ffffff;padding:5px;}



.product-box {
    background-color: #eaf3f8;
    border: 1px solid #e0e0e0;
    padding: 20px;
    height: 100%;
    display: table;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .product-box h4 {
        color: #003E51;
    }

    .product-box p {
        display: table-row;
        height: 100%;
    }
    .product-box .btn-wrapper {
        
        vertical-align: bottom;
        
        padding-top: 20px;
    }


    .product-box .clean-list {
        list-style: none;
        padding-left: 0;
    }

        .product-box .clean-list li {
            margin-bottom: 8px;
        }












.energy-label-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.energy-label-card {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 1rem;
    width: calc(33.333% - 1rem);
    box-sizing: border-box;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
}

    .energy-label-card label {
        font-weight: bold;
        margin-bottom: 0.5rem;
        display: block;
    }

.energy-label-table {
    width: 100%;
    border-collapse: collapse;
}

    .energy-label-table td {
        padding: 0.25rem 0.5rem;
        vertical-align: top;
    }

        .energy-label-table td:first-child {
            font-weight: bold;
            width: 50%;
            white-space: nowrap;
            color: #333;
        }

@media (max-width: 768px) {
    .energy-label-card {
        width: 100%;
    }
}


.info-section {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
}

.info-label {
    font-weight: bold;
    flex: 1 1 50%;
    min-width: 120px;
}

.info-value {
    flex: 1 1 45%;
    word-break: break-word;
}

.info-row.full {
    flex-direction: column;
    gap: 0.3rem;
}

@media (max-width: 600px) {
    .info-label, .info-value {
        flex: 1 1 100%;
    }
}




.visitkort-card {
    display: flex;
    align-items: center;
    background: #f8f8f8;
    border-radius: 12px;
    padding: 16px;
    margin-top: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.visitkort-image {
    margin-right: 16px;
}

.visitkort-info h5 {
    margin: 0;
    font-size: 1.2em;
}

.visitkort-info .title {
    color: #555;
    font-size: 0.95em;
    margin-bottom: 8px;
}


.dashboard-box {
    background-color: #f9f9fc;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    padding: 15px;
    

}

@media (min-width: 990px) {
    .dashboard-box {
        
        min-height: 350px;
    }
}

.dashboard-box-single {
    background-color: #f9f9fc;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    padding: 15px;
}

.dashboard-box .text-muted em {
    font-style: italic;
    color: #888;
}


input[readonly] {
    background-color: #e9ecef; /* lys grå */
    color: #495057; /* valgfri - lidt mørkere tekstfarve */
}













.file-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.file-upload-button {
    background-color: #007BFF;
    color: white;
    padding: 8px 16px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.file-upload input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
}


.em-dashboard-table {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    width:100%;
}

    .em-dashboard-table th, .em-dashboard-table td {
        border: 1px solid #ccc;
        padding: 2px;
    }

    .em-dashboard-table th {
        text-align: center;
    }

    .em-dashboard-table td {
        text-align: right;
    }

.em-micro-table {
    border-collapse: collapse;
    min-width: 140px;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-top: 10px;
}

.em-micro-table th, .em-micro-table td {
    border: 1px solid #ccc;
    padding: 2px;
    
}

.em-micro-table th {
    text-align: left;
}
.em-micro-table td {
    text-align: right;
}