body {
    /*    font: 11pt "Calibri";*/
    /*font: 10pt "Helvetica";*/
    font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif !important;
    font: 14px;
}

td.Feltkasser {
    padding-bottom: 5px;
    
}

div.Kasse {
    width:375px;
    position:relative;
    float:left;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
}



td.KasseBeskrivelse {
    padding-left:10px;
    padding-top:5px;
}

td.KasseOverskrift {
    background-color: #333; /* Dark background */
    color: white; /* White text */
    padding: 10px 20px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 16px; /* Font size */
    text-align: left; /* Align text to the left */
    display: flex; /* Enable flexbox */
    align-items: center; /* Center content vertically */
    justify-content: space-between; /* Distribute space between elements */
}

td.KasseOverskrift .content-wrapper {
    display: flex;
    align-items: center;
    width: 100%; /* Ensure it takes the full width */
    justify-content: space-between; /* Distribute space between elements */
}

td.KasseOverskrift .group-name {
    flex-grow: 1; /* Allow the group name to take up remaining space */
}

.KasseKnap {
    background-color: #f12e48; /* Red background */
    color: white; /* White text */
    padding: 2px 4px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 12px; /* Smaller font size */
    cursor: pointer; /* Pointer cursor on hover */
    text-align: right; /* Align text to the right */
    margin-left: auto; /* Push the button to the right */
    
}
.KasseKnap:hover {
    text-decoration: none;
    color:black;
}

.KasseKnapVente {
    background-color: #FFD966; /* Red background */
    color: black; /* White text */
    padding: 2px 4px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 12px; /* Smaller font size */
    cursor: pointer; /* Pointer cursor on hover */
    text-align: right; /* Align text to the right */
    margin-left: auto; /* Push the button to the right */
}

    .KasseKnapVente:hover {
        text-decoration: none;
        color: black;
    }

.KasseLinkKnap { /* */
    background-color: #333; /* Red background */
    color: white; /* White text */
    padding: 6px 10px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 16px; /* Smaller font size */
    cursor: pointer; /* Pointer cursor on hover */
    text-align: center; /* Align text to the right */
    margin-left: auto; /* Push the button to the right */
    border: 1px #f12e48 solid;
}

.KasseLinkKnap:hover {
        background-color: #f12e48;

    }


.KasseLinkKnapTop { /* */
    background-color: #333; /* Red background */
    color: white; /* White text */
    padding: 6px 10px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 16px; /* Smaller font size */
    cursor: pointer; /* Pointer cursor on hover */
    text-align: center; /* Align text to the right */
    margin-left: auto; /* Push the button to the right */

}

    .KasseLinkKnapTop:hover {
        background-color: #f12e48;
    }

div.panelFeltkasser {
    width: 100%;
    border: #333 solid 1px;
    background-color: white; /* Red background */
    color: black; /* White text */
    padding: 2px 4px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 14px; /* Smaller font size */
    cursor: pointer; /* Pointer cursor on hover */
    text-align: left; /* Align text to the right */
    margin-left: auto; /* Push the button to the right */
}



div.panelFeltkasserBillede {
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    width: 100%;
    height: 200px;
    padding: 3px;
}

input.txtFeltkasser {
    border-width: 0px;
    width: 95%;
}

.MainContent td tr th
{
    padding: 5px;
    cellspacing: 5px;
}

div.knap {
    justify-content: center;
    float:left;
    align-items: center;
    width: 200px;
    height: 40px;
    color: #242424;
    border-color: #FFFFFF;
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #FFFFFF;
    display: flex;
    padding:10px;
}

div.knaptabel {
    justify-content: center;
    float: left;
    align-items: center;
    display: flex;
    width:100%;
}

div.knap:hover {
    box-shadow: 0px 2px 0px 0px #E31F38;
    background-color: #242424;
    border-color: #000000;
    color: #FFFFFF;
}


.qrcodelinje {
    position: relative;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    width: 100%;
    float: left;
    font: bold 16pt "Calibri";
    background-color: lightgrey;
}

.qrcodelinjetom {
    position: relative;
    height: 15px;
    width: 100%;
    float: left;
    background-color: white;
    text-align: center;
    vertical-align: middle;
}

a.KasseKnap:link {
    color: white;
    text-decoration: none;
}

a.KasseKnap:visited {
    color: white;
    text-decoration: none;
}

a.overskrift:link {
    color: white;
    text-decoration: none;
}

a.overskrift:visited {
    color: white;
    text-decoration: none;
}

a.overskrift_red:hover {
    color: #f12e48;
    text-decoration: none;
}

a.overskrift_red:active {
    color: #f12e48;
    text-decoration: none;
}

a.overskrift_red:link {
    color: #f12e48;
    text-decoration: none;
}

a.overskrift_red:visited {
    color: #f12e48;
    text-decoration: none;
}

a.overskrift_red:hover {
    color: #f12e48;
    text-decoration: none;
}

a.overskrift:active {
    color: white;
    text-decoration: none;
}


table.Content_Table_VagtOversigt {
    width: 100%;
}
td.Content_Table_VagtOversigt {
    background-color: white; /* Dark background */
    color: black; /* White text */
    padding: 5px 10; /* Adjust padding as needed */
    font-size: 14px; /* Font size */
    text-align: left; /* Align text to the left */

}
tr.Content_Table_VagtOversigt {
    background-color: #333; /* Dark background */
    color: white; /* White text */
    padding: 2px 4px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 16px; /* Font size */
    text-align: left; /* Align text to the left */
    align-items: center; /* Center content vertically */
    justify-content: space-between; /* Distribute space between elements */
    width: 100%;
}

div.Content_Table_VagtOversigt {
    background-color: #333; /* Dark background */
    padding: 2px 2px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 16px; /* Font size */
    text-align: left; /* Align text to the left */
    align-items: center; /* Center content vertically */
    justify-content: space-between; /* Distribute space between elements */
    width: 100%;
}
/*FREE boks*/
table.Content_Table_FreeOversigt {
    width: 100%;
}

td.Content_Table_FreeOversigt {
    background-color: white; /* Dark background */
    color: black; /* White text */
    padding: 5px 10; /* Adjust padding as needed */
    font-size: 14px; /* Font size */
    text-align: left; /* Align text to the left */
}

tr.Content_Table_FreeOversigt {
    background-color: #333; /* Dark background */
    color: white; /* White text */
    padding: 2px 4px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 16px; /* Font size */
    text-align: left; /* Align text to the left */
    align-items: center; /* Center content vertically */
    justify-content: space-between; /* Distribute space between elements */
    width: 100%;
}

div.Content_Table_FreeOversigt {
    background-color: black; /* Dark background */
    padding: 2px 2px; /* Adjust padding as needed */
    border-radius: 5px; /* More rounded corners */
    font-size: 16px; /* Font size */
    text-align: left; /* Align text to the left */
    align-items: center; /* Center content vertically */
    justify-content: space-between; /* Distribute space between elements */
    width: 100%;
}



.lbTitle {
    font-size: 16px;
    font-weight: bold;
}

.my-confirm-button {
    background-color: #4CAF50; /* Grøn baggrund */
    color: white; /* Hvid tekst */
    border: none;
    padding: 10px 24px;
    font-size: 16px;
    cursor: pointer;
}

.my-cancel-button {
    background-color: #f44336; /* Rød baggrund */
    color: white; /* Hvid tekst */
    border: none;
    padding: 10px 24px;
    font-size: 16px;
    cursor: pointer;
}

/* Generel knapstil */
.btn-custom {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/1.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

.btn-custom:before {
    content: '';
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    height: 80%;
    background-color: #f12e48;
    z-index: 1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.btn-custom span {
    position: relative;
    z-index: 2;
}

.btn-custom2 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/2.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: bottom;
}

.btn-custom2:before {
    content: '';
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    height: 80%;
    background-color: #f12e48;
    z-index: 1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.btn-custom2 span {
    position: relative;
    z-index: 2;
}

.btn-custom3 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/3.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

.btn-custom3:before {
    content: '';
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    height: 80%;
    background-color: #f12e48;
    z-index: 1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.btn-custom3 span {
    position: relative;
    z-index: 2;
}

.btn-custom4 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/4.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom4:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom4 span {
        position: relative;
        z-index: 2;
    }

.btn-custom5 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/5.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom5:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom5 span {
        position: relative;
        z-index: 2;
    }

.btn-custom6 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/6.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom6:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom6 span {
        position: relative;
        z-index: 2;
    }

.btn-custom7 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/7.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: center;
}

    .btn-custom7:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom7 span {
        position: relative;
        z-index: 2;
    }

.btn-custom8 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/8.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom8:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom8 span {
        position: relative;
        z-index: 2;
    }

.btn-custom9 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/9.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom9:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom9 span {
        position: relative;
        z-index: 2;
    }

.btn-custom10 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/10.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: bottom;
}

    .btn-custom10:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom10 span {
        position: relative;
        z-index: 2;
    }

.btn-custom11 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/11.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom11:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom11 span {
        position: relative;
        z-index: 2;
    }

.btn-custom12 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/12.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom12:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom12 span {
        position: relative;
        z-index: 2;
    }
.btn-custom13 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/13.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom13:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom13 span {
        position: relative;
        z-index: 2;
    }

.btn-custom14 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/14.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom14:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom14 span {
        position: relative;
        z-index: 2;
    }

.btn-custom15 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    border: 1px solid #f12e48;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px; /* Juster højden efter behov */
    background-image: url('../Billeder/menu/15.png'); /* Erstat med den passende billede-URL */
    background-size: cover;
    background-position: top;
}

    .btn-custom15:before {
        content: '';
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        height: 80%;
        background-color: #f12e48;
        z-index: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .btn-custom15 span {
        position: relative;
        z-index: 2;
    }






.btn-customlarge {
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
    background-color: #f12e48;
    padding: 20px 20px;
    border: 0px;
    text-align: center;
    border-radius: 5px; /* More rounded corners */
    font-size: 16px; /* Font size */
    align-items: center; /* Center content vertically */
    justify-content: space-between; /* Distribute space between elements */
    width: 100%;
    color: white;
}

.btn-customlarge:hover {
    background-color: #333;
    color: white;
}

/*Style Back-end NEW*/
.Table_AdminView {
    width: 100%;
    border-collapse: collapse; /* For better styling */
    margin-bottom: 20px; /* Space below the table */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Soft shadow for depth */
    border-top-left-radius: 10px; /* Rounded corners at the top left */
    border-top-right-radius: 10px; /* Rounded corners at the top right */
}

    .Table_AdminView th, .Table_AdminView td {
        padding: 6px 8px; /* Adequate padding */
        border: none; /* Remove borders */
        text-align: left; /* Left align text */

    }

    .Table_AdminView_Header {
        background-color: #333; /* Green background for header */
        color: white; /* White text color for header */
        font-size: 14px; /* Larger font size for header */
        font-weight: bold; /* Bold font for header */
        border-top-left-radius: 10px; /* Rounded corners at the top left */
        border-top-right-radius: 10px; /* Rounded corners at the top right */
    }

    .Table_AdminView_Row {
        background-color: #f9f9f9; /* Light background for rows */
        font-size: 12px; /* Font size for rows */
    }

    .Table_AdminView_Row:nth-child(even) {
        background-color: #f1f1f1; /* Alternate row color */
    }

    .Table_AdminView_Row:hover {
        background-color: #ddd; /* Highlight on hover */
    }

    .Table_AdminView tr:last-child td:first-child {
        border-bottom-left-radius: 10px; /* Rounded corners at the bottom left */
    }

    .Table_AdminView tr:last-child td:last-child {
        border-bottom-right-radius: 10px; /* Rounded corners at the bottom right */
    }

.Admin_FeltKasse {
    padding: 6px 8px; /* Adequate padding */
    border-radius: 5px; /* Rounded corners */
    border: 1px solid #ccc; /* Border color */
    font-size: 14px; /* Font size */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Soft shadow for depth */
    background-color: #f9f9f9; /* Light background */
    margin-bottom: 10px; /* Space below dropdown */
}

    /* Button styling */
    .Admin_Knap {
    padding: 4px 6px; /* Adequate padding */
    border-radius: 5px; /* Rounded corners */
    border: none; /* Remove border */
    font-size: 14px; /* Font size */
    color: white; /* White text color */
    background-color: #333; /* Dark background color */
    cursor: pointer; /* Pointer cursor on hover */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Soft shadow for depth */
    margin-bottom: 10px; /* Space below button */
    min-width: 100px;
    align-items: center;
}

        .Admin_Knap:hover {
            background-color: #555; /* Darker background on hover */
        }

    /* Multiline Textbox styling */
    .Admin_TekstBoks_MultiLine {
        width: 100%; /* Fuld bredde */
        padding: 8px 10px; /* God plads til tekst */
        border-radius: 5px; /* Rundede hjørner som knapperne */
        border: 1px solid #ccc; /* Let grå kant */
        font-size: 14px; /* Samme skrifttype størrelse som knapperne */
        color: #333; /* Mørk tekstfarve */
        background-color: #f9f9f9; /* Lys baggrund */
        box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Blød skygge for dybde */
        margin-bottom: 10px; /* Plads under tekstfeltet */
        box-sizing: border-box; /* Sikrer at padding indgår i elementets bredde */
        resize: vertical; /* Tillader brugeren at ændre størrelsen lodret */
    }

    .Admin_TekstBoks_MultiLine:focus {
        outline: none; /* Fjern standard browser-ramme ved fokus */
        border-color: #333; /* Mørkere kant ved fokus */
        background-color: #fff; /* Hvid baggrund ved fokus */
    }

    br.adminbreak + * {
        margin-top: 10px;
    }

    .Admin_CheckBox {
        display: inline-block;
        margin-top: 10px;
        padding-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #f9f9f9;
        border: 1px solid #ddd;
        border-radius: 5px;
        cursor: pointer;
        font-family: Arial, sans-serif;
        font-size: 14px;
        color: #333;
    }

    .Admin_CheckBox input[type="checkbox"] {
        margin-right: 8px;
    }

    .Admin_CheckBox:hover {
        background-color: #f1f1f1;
        border-color: #ccc;
    }
    .description {
        padding: 2px;
        background-color: #f8f9fa;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-bottom: 10px;
   
    }

.styled-image {
    border: 2px solid #ddd; /* Lys grå ramme */
    border-radius: 10px; /* Runde hjørner */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Skygge */
    max-width: 100%; /* Juster størrelse */
    height: auto; /* Bevar proportioner */
    display: block; /* Blokerende element */

}


#greenbox p {
    color: green !important;

    
}

.test-card {
    background-color: orange;
}

.Overskrift-sider {
    color: #333;
    font-size: 28px;
    padding-bottom: 20px;
    /* text-align: center; */
    font-weight: bold;
}

.footer-custom {
    position: fixed;
    bottom: 0;
    width: 100%; /* Sørger for, at footeren fylder hele bredden */
    background-color: #f5f5f5; /* Baggrundsfarve for footeren */
    padding: 20px 0; /* Indvendig afstand */
    text-align: center; /* Centrerer indholdet */
}

.footer-custom-co {
    
    width: 100%; /* Sørger for, at footeren fylder hele bredden */
    background-color: #f5f5f5; /* Baggrundsfarve for footeren */
    padding: 20px 0; /* Indvendig afstand */
    text-align: center; /* Centrerer indholdet */
}

.span-link-style {
    color: #3278b3;
}

.span-link-style:hover {
    color: #23527c;
    cursor: pointer;
    text-decoration: underline;
}


.hotel-container {
    background-color: #ededed;
    border-radius: 10px;
    width: 100%;
    padding: 15px;
}


.hotel-container h2 {
    
}

.table-hotel-guests tr {
    display: inline-block;
    width: auto;
    padding: 10px;
}

.table-hotel-guests td {
    width: 100px;
}

.table-hotel-guests input {
    width: 100%; /* Ensures input takes the full width of its parent td */
    box-sizing: border-box; /* Ensures padding doesn't cause overflow */
}