html, body {
	margin: 0px;
	padding: 0px;
}

BODY
{
    background-color: #fff;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	Font-Size: 15px;
	color: #000000;
	overflow-x: hidden;
}

:root {
	accent-color: #29495C;
  }

.Wrapper {
	margin-bottom: 10vh;
}

.overlay {
	position: fixed; /* Sit on top of the page content */
/*	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,1.0); /* Black background with opacity */
	background: url('/images/wait.gif') no-repeat center center fixed;
    background-repeat: no-repeat;
	z-index: 1; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
	opacity: 0;
	transition: visibility 0s 0.3s, opacity 0.3s linear;
}

.show-print{
	display:none !important;
}

/* .WrapperChip {
	height: calc(100vh - 134px);
}

.WrapperChip {
	height: calc(100vh - 268px);
	Margin-Bottom: 134px;
} */

/*** Menu topl�s start ***/
A
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A:hover
{
    COLOR: #aa0000;
    TEXT-DECORATION: Underline;
}
A:visited
{
    COLOR: #000;
    TEXT-DECORATION: Underline;
}

IMG {
	Border: none; 
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*** Menu topl�s slut ***/


input[type=text],input[type=password] {
	padding: 2px 5px;
	margin: 3px 0;
	box-sizing: border-box;
    border: 1px solid #ababab;
	border-radius: 30px;
	Font-size: 14px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}


textarea {
	padding: 2px 5px;
	margin: 3px 0;
	box-sizing: border-box;
    border: 1px solid #ababab;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

.select2-container, .select2-selection--single {
	Min-Width: 300px;
	border: none!important;
	border-radius: 25px!important;
}

.select2-selection__arrow {
	height: 18px!important;
}

.select2-container, .select2-selection__rendered, .select2-selection--single {
	font-size: 12px;
	height: 21px !important;
	line-height: 21px !important;

	border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}



select {
	padding: 2px 15px 2px 5px;
	margin: 3px 0;
	border: 1px solid #ababab; 
    background: url('/images/select_down.png') no-repeat  #ffffff;          /*Adds background-image*/
    background-position: right;           /*Position of the background-image*/
    text-indent: 0.01px;          /* Removes default arrow from firefox*/
    text-overflow: "";               /*Removes default arrow from firefox*/
	Font-size: 14px;
	line-height: 18px;
	height: 20px;
	
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;

	cursor:pointer;
}
select::-ms-expand {
    display: none;
}
select:hover {
    background: #c0dde5;
    color: #414848;
    background: url('/images/select_down.png') no-repeat  #c0dde5;          /*Adds background-image*/
    background-position: right;           /*Position of the background-image*/
}

input:focus {
    background: #DFE9EC;
    color: #414848;
    outline: 0;
}

input:hover {
    background: #c0dde5;
    color: #414848;
}

input[type='checkbox'],input[type='radio'] {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 15px;
	border-radius: 2px; 
	-moz-border-radius : 2px;
    -webkit-border-radius: 2px;
/*	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
*/
}

button,input[type=submit] {
    padding:3px 5px; 
    background:#ccc; 
    border: solid 0px #DFE9EC;
    cursor: pointer;
	Line-Height: 15px;
    border-radius: 4px; 
	-moz-border-radius : 4px;
    -webkit-border-radius: 4px;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

button:hover, input[type=submit]:hover {
    background: #c0dde5;
}
button:active,input[type=submit]:active {
  background-color: #c0dde5;
  box-shadow: 0 1px #666;
  transform: translateY(2px);
}
button:focus,input[type=submit]:focus {
    background: #DFE9EC; 
}

.select-cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 15px;
	box-sizing: border-box;
	background-color: #E5EBEF ;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 0px 3px 6px #888888;
	-webkit-box-shadow : 0px 3px 6px #888888;
	-moz-box-shadow : 0px 3px 6px #888888;
}

.select2-selection__rendered {
	background-color: #7D96A7;
	height: auto;
	border: none;
}

input#LoginInput[type=text],input#LoginInput[type=password] {
	padding: 8px 15px;
	box-sizing: border-box;
	background-color: #E5EBEF ;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 0px 3px 6px #888888;
	-webkit-box-shadow : 0px 3px 6px #888888;
	-moz-box-shadow : 0px 3px 6px #888888;
}

input#LoginButton[type=submit] {
    padding: 8px 15px; 
    background:#004557;
	color: white;
	font-size: 25px;
	font-weight: 500;
    cursor: pointer;
	Line-Height: 30px;
    border-radius: 10px; 
	-moz-border-radius : 10px;
    -webkit-border-radius: 10px;
	box-shadow: 0px 3px 6px #1F1F1F;
	-webkit-box-shadow : 0px 3px 6px #1F1F1F;
	-moz-box-shadow : 0px 3px 6px #1F1F1F;
}

.login-options {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
}

.email-login {
	color: #9A9A9A;
	font-size: 18px;
}

button {
    padding: 5px 15px; 
    background:#ccc; 
    border: solid 0px #DFE9EC;
    cursor: pointer;
	border-radius: 4px; 
	-moz-border-radius : 4px;
    -webkit-border-radius: 4px;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

Textarea:focus {
    background: #DFE9EC;
    color: #414848;
    outline: 0;
}

Textarea:hover {
    background: #c0dde5;
    color: #414848;
}

Textarea {
	display: inline-block;
	cursor: pointer;
	position: relative;
/*	padding-left: 25px;
*/	margin-right: 15px;
    FONT-FAMILY: Verdana, Arial, sans-serif;
	font-size: 14px;
	Border: 1px solid #ababab;
	border-radius: 2px; 
	-moz-border-radius : 2px;
    -webkit-border-radius: 2px;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

.BoxRoundCorner {
	Position: relative;
	Text-Align: Center;
	background-color: #fbfbfb;
	margin: 25px 25px;
	padding: 10px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;

	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;

}

.tdRed
{
	Padding: 5px;
	COLOR: #000000;
	BackGround: #ff0000;
	Width: 100px;

	Font-Weight: Bold;
	Text-Align: Center;

	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.trLineHover:hover {
	BackGround: #dddddd;
	Cursor: pointer;
}

.NumberField {
	Text-Align: Right;
}

.LoginPassIconShowField {
	Position: relative;
    Top: 8px;
    Left: 5px;
    Width: 25px;
    Height: 25px;
}

.BottomLine {
	Border-Bottom: 1px Dashed #888;
}

#LunchOrderDateTo, #LunchOrderDate, #LunchExtraDate,
#LunchBringDate, #LunchBringDateTo,
#GuestRoomDate, #GuestRoomDateTo, .hasDatepicker, .select2-selection__rendered{
	border-radius: 30px!important;
	background-color: #EFEFEF!important;
	text-align: center!important;
	border: none!important;
}

/*** Login start ***/
.LoginTopScreen {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 35vh;
/*	background: url("/images/silkeborghuslogo.jpg") no-repeat center center fixed;
	background-size: 500px;
*/
	background-size: cover;         /* Generic*/
	-webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.select-app {
	border: 1px solid black;
}

.LoginChipScreen {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	height: 30vh;
}

.LoginBG1 {
	height: 100px;
	Text-Align: Center;
	Display: inline-block;
}

.LoginBG2 {
	Width: 250px;
	Margin-Left: 20px;
	Margin-Right: 20px;
	Margin-Bottom: 10px;
	Text-Align: Center;
	Display: inline-block;
}

.LoginFade {
	position: absolute;
    top: 350px;
    left: 0;
	Height: 50px;
	Width: 100%;
	Z-index: 2;
	background: -webkit-linear-gradient(left, rgba(255,0,0,0), #ff0000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(255,0,0,0), #ff0000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(255,0,0,0), #ff0000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(255,0,0,0), #ff0000); /* Standard syntax */
}

.LoginMiddleScreen {
/*	position: absolute;*/
	Background-Color: #ff0000;
	Text-Align: Center;
	Width: 450px;
	Z-index: 2;
}

.LoginLogo {
	padding-top:50%;
	display: inline-block;
    height: 75px;
    margin: 10px;
}

.LoginTitle {
	Font-Size: 25px;
	Font-weight: Bold;
}

.LoginIDInput {
	padding: 2px 10px;
	margin: 8px 0;
	Height: 25px;
	Font-Size: 18px;
	box-sizing: border-box;
    border: 1px solid #ababab;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

.LoginInput {
	Width: 275px;
	height: 40px;
	background-color: #E5EBEF;
	border: none;
	border-radius: 10px;
}

.LoginButton {
	border : solid 0px #e6e6e6;
    padding:5px 108px !important;
	Font-weight: Bold;
}

.logout-btn {
	background-color: #CE4B23;
	color: #FFF!important;
	border-radius: 55px;
	padding: 6px 16px;
}

.admin-save-btn {
	background-color: #004557!important;
	color: #fff;
	display: flex;
	align-items: center;
	justify-self: center;
	padding: 20px 25px!important;
}

.admin-save-btn:hover, .AddExtra:hover, .caretaker-btn:hover {
	color: #fff;
	background-color: #007771!important;
	text-decoration: none!important;
}

.admin-delete-btn {
	background-color: #ce4b23;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 25px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 2px 2px #888888;
    -webkit-box-shadow: 2px 2px 2px #888888;
    -moz-box-shadow: 2px 2px 2px #888888;
}

.admin-delete-btn:hover {
	background-color: #fff;
	color: #CE4B23;
}

.caretaker-btn {
	background-color: #004557;
	color: #fff;
	padding: 1%;
	width: 15%;
	border-radius: 10px;
}

.admin-menu-box {
	display: flex;
	align-items: center;
	background-color: #e6e6e6;
	margin: 2% 2%;
	padding: 2% 2%;
	border-radius: 10px;
}

.menu-box-row {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 15px;
}

.menu-box-left {
	
}

.menu-headline {
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}

.menu-box-right {
	display: flex;
	align-items: end;
	justify-content: end;
	gap: 5%;
	width: 50%;
	height: 530px;
}

.LoginError {
	Color: #ff0000;
}

.LogoutBox {
	padding-top: 25px;
	padding-bottom: 25px;
	Text-Align: Center;
	Font-Size: 16px;
}

.LogoutLogo {
	display: inline-block;
}
.LogoutText {
	Vertical-Align: 8px;
	display: inline-block;
}
/*** Login slut ***/

/*** Default text start ***/
.OkText {
	Color: #008f2f;
}

.ErrorText {
	Color: #ff0000;
}

/*** Default text slut ***/

/*** Top Site - Start ***/ 
.TopLogo {
	height: 15vh;
	Width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.LogoSpace {
	/*max-height: 70%;*/
	Height: 80%;
	Display: inline-block;
}
/*** Top Site - End ***/ 


/*** Site setup - Start ***/
.MainContent {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	Width: 100%;
	min-height: 335px; /* auto*/
	Margin-Left: auto;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.MainContentChip {
	Width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	Margin-Bottom: 10px;
}

.MainContentChipFullScreen {
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100%;
}

.MainContentActivity {
	Width: 100%;
	Height: 65vh;
	Min-Width: 500px !important;
	Margin-Bottom: 10px;
	Border: none;
    -webkit-transition: none;
    transition: none;
	box-shadow: none;
	-webkit-box-shadow : none;
	-moz-box-shadow : none;
}


.MainContentAL {
	Width: 90%;
	padding-bottom: 5%;
	Min-Width: 980px;
	Margin-Left: auto;
	Margin-Right: auto;
	Text-Align: Center;
	Vertical-Align: Top;
	Margin-Bottom: 50px;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

.tablet-btn-div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	height: 100%;
}

.MainButtonSelect {
	Display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 20vw;
	height: 12vh;
	margin: 20px 0px;
    background:#003543; 
	color: white;
    cursor: pointer;
    border-radius: 10px; 
	-moz-border-radius : 10px;
    -webkit-border-radius: 10px;
	box-shadow: 6px 6px 6px #232323;
	-webkit-box-shadow : 6px 6px 6px #232323;
	-moz-box-shadow : 6px 6px 6px #232323;
	font-size: 22px;
	Font-weight: 500;
}

.MainButtonSelect:hover {
    background-color:#ddd; 
	color: #003543;
}

.MainButtonSelected {
	Display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 20vw;
	height: 12vh;
	margin: 20px 0px;
    background:#fff; 
	color: #003543;
    cursor: pointer;
    border-radius: 10px; 
	-moz-border-radius : 10px;
    -webkit-border-radius: 10px;
	box-shadow: 6px 6px 6px #232323;
	-webkit-box-shadow : 6px 6px 6px #232323;
	-moz-box-shadow : 6px 6px 6px #232323;
	font-size: 22px;
	Font-weight: Bold;
}

.MainSave {
	Margin-Bottom: 100px;
	Text-Align: Left;
	Width: 33%;
	Display: inline-block;
	Vertical-Align: Top;
}

.LoginContentBlock {
	Margin-Left: auto;
	Margin-Right: auto;
	Margin-Bottom: 50px;
	Display: Table;
	Min-Height: 200px;
}
.FrokostContent {
	display: flex;
    flex-direction: column;
    align-items: center;
	padding-top: 50px;
    background-color: #004557;
    width: 99vw;
	min-height: 60vh;
    color: white;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.FrokostContentChip {
	display: flex;
    flex-direction: row; /* column */
	align-items: start;
	justify-content: space-evenly;
	width: auto;
	Font-Size: 20px;
	Padding-Top: 8px;
	Padding-Bottom: 8px;
	
}

.frokost-info-container {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	background-color: #063543;
	color: #fff;
	min-width: 40%; /* 30% */
	min-height: auto;
	padding-top: 50px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	border-radius: 15px;
	filter: drop-shadow(0px 3px 6px #888888);
}

.NBArchiveContent {
	Min-Width: 500px;
	Width: 44%;
	Font-Size: 20px;
	Padding-Bottom: 8px;
	Display: Block;
}

.ActivityPlanContentChip {
	Min-Width: 0px !important;
	Display: Table-Cell !important;
}

.FrokostChipContent { /* NOT USED 01-03-2021 */
	Position: absolute;
	Left: 5%;
	Width: 15%;
	Min-Height: 200px;
	Margin-Left: auto;
/*	Margin-Right: 16%;*/
	Margin-Bottom: 50px;
	Padding-Top: 10px;
	Padding-Left: 30px;	
	Padding-Right: 30px;	
	Text-Align: Left;
	Display: block;
/*	Display: inline-block;*/
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

.FrokostPrint {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
    height: auto;
	border-radius: 25px;
	background-color: #94B1C4;
	margin-bottom: 10px;
}

.FrokostPrint a {
	font-size: 20px;
	color: white;
}

.FrokostPrintNow {
	Text-Align: -webkit-center; /* Left */
	Margin-Top: 10px;
	Margin-Left: 20px;
	Margin-Bottom: 20px;
}

.frokostmenu-container {
	width: 750px;
	padding-top: 100px;
}

.frokostmenu-containerChip {
	width: 450px;
	Margin-Left: 20px;
	padding-top: 10px;
}

.SubMenu {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2%;
	border-bottom: 1px solid #000;
	min-height: 50px;
}

.import-export-btn {
	font-size: 14px;
}

.tdDark {
	Background: #eeeeee;
}
.tdLight {
	Background: none;
}
.tdDark:hover, .tdLight:hover {
	Background: #dddddd;
}

.Wait {
	Text-Align: Center;
}
/*** Site setup - Slut ***/

/*** Menu - Start ***/
.MenuPoint {
	Display: inline-block;
	Width: 100%;
	Text-Align: Left;
	Font-Size: 15px;
	Font-weight: None;
	Line-Height: 20px;
	Margin-Left: auto;
	Margin-Right: auto;
	border-bottom: 1px solid black;
}

A.MenuText
{
    COLOR: #000;
    TEXT-DECORATION: none;
}

A.MenuText:hover
{
    COLOR: #fff;
    TEXT-DECORATION: none;
}

A.MenuTextDrop
{
    COLOR: #fff;
    TEXT-DECORATION: none;
}

A.MenuTextDrop:hover
{
	Display: inline;
    COLOR: #fff;
    TEXT-DECORATION: none;
}

#menu {
	display: flex;
	justify-content: space-between;
    list-style:none;
    width:95%;
	height: 3vh;

/* Rounded Corners */
     
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#menu li {
    float:left;
    display:block;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    border:none;
}

#menu li.nodrop:hover {
    border: 1px solid #777777;
    padding: 4px 9px 4px 9px;
     
/* Background color and gradients */
     
    background-color: #004557;
    
/* Rounded corners */
     
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

}

#menu li:hover {
    border: 1px solid #777777;
    padding: 4px 9px 4px 9px;
     
/* Background color and gradients */
     
	background-color: #004557;
    
/* Rounded corners */
     
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;

}

#menu li:hover a {
/*    color:#161616;*/
    text-shadow: 1px 1px 1px #FFFFFF;
}

#menu li .drop {
    padding-right:8px;
}

/* #menu li:hover .drop {
} */

#menu li:hover .dropdown_menu1, 
#menu li:hover .dropdown_menu3, 
#menu li:hover .dropdown_menu4, 
#menu li:hover .dropdown_menu6,
#menu li:hover .dropdown_menu7
{
    left:-1px;
	top:auto;
}

.dropdown_menu1 {width: 190px;}
.dropdown_menu3 {width: 190px;}
.dropdown_menu4 {width: 160px;}
.dropdown_menu6 {width: 180px;}
.dropdown_menu7 {width: 130px;}
.dropdown_menu1, 
.dropdown_menu3, 
.dropdown_menu4, 
.dropdown_menu6,
.dropdown_menu7 {
    margin: 0px auto 4px auto;
	margin-top: 0px;
	position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:2px 5px 2px 15px;
    border:1px solid #777777;
/*    border-top:none;*/
     
    /* Gradient background */
    background-color: #004557;
	color: #fff!important;

    /* Rounded Corners */
    border-radius: 0px 5px 5px 5px;
	-moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
	z-index: 1;
}

/*** Menu - Slut ***/


/*** Frokost menu - Start ***/
.LunchTitle {
	Font-Size: 18px;
	Font-Weight: Bold;
}

.LunchText {
	Font-Size: 16px;
}
/*** Frokost menu - Slut ***/


/*** User booking / Tablet - Start ***/

.UserMainTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 35px;
	Font-Size: 18px;
	Font-Weight: Bold;
	height: 10vh;
	Width: 90vw;
	Margin: 5px;
	Padding-Left: 2px;
	border-bottom: 1px solid #000;
}

.UserMainTitleCuts {
	Display: flex;
	justify-content: space-between;
	align-items: center;
	Font-Size: 20px;
	Width: 96%;
	height: 7vh;
	padding-left: 15px;
}

.remaining-cuts {
	padding-right: 25px;
	font-weight: bold;
}

.UserMainContent {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #004557;
	Width: 100%;
	height: auto;
	border-radius: 30px;
	margin-bottom: 2%;
	padding: 20px 0px;
	box-shadow: 0px 3px 6px #232323;
	-webkit-box-shadow : 0px 3px 6px #232323;
	-moz-box-shadow : 0px 3px 6px #232323;
}

.box-of-choices {
	width: 96%!important;
}

.tablet-loggedin-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: auto;
	width: 100%;
}

.UserMainContent-dropdown {
	height: auto;
	width: 90%;
	margin-bottom: 100px;
}

.show-menu-btn {
	background-color: #29495C;
    color: #fff!important;
    border-radius: 25px;
    padding: 5px 15px;
    font-size: 16px;
	text-decoration: none!important;
}

.TabletDataView {
	Width: 100%;
}

.extra-book-title-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 30%;
}

table tr:nth-child(odd) {
    background-color: #94B1C4;
}
 
table tr:nth-child(even) {
    background-color: #E5EBEF;
}

table td {
	padding: 8px 8px;
}

table th {
	background-color: #004557;
	color: #fff;
	padding: 10px 5px;
	text-align: left;
}

table tr:hover {
	background-color: #0e8c98!important;
	color: #000;
}

.table-add-btn {
	width: 80%;
}

.table-delete-container {
	display: flex;
	align-items: center;
	justify-content: start;
}

#monthPicker {
	border-radius: 15px;
	border: none;
	background-color: #EFEFEF;
}

.book-info-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #E5EBEF;
	margin-top: 2%;
	margin-bottom: 2%;
	height: auto;
	width: auto;
	border-radius: 5px;
	padding: 2% 5%;
}

.info-box-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
	height: 7vh;
	flex-wrap: wrap;
	padding: 1% 0;
	border-bottom: 1px solid #004557;
}

.info-box-row2 {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	width: auto;
	height: 7vh;
	margin-bottom: 1%;
	border-bottom: 1px solid #004557;
}

.info-box-row3 {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 2%;
	width: auto;
	height: 7vh;
	border-bottom: 1px solid #004557;
}

.booking-note {
	display: inline-block;
	width: 100%;
	font-style: italic;
}

#LunchCancelPers, #LunchExtraPersonsKID3, #LunchExtraPersonsAID3,
#LunchBringLunchType, #GuestRoomSelect, #GuestRoomPersonsA,
#GuestRoomPersonsK, #ActivityListID, .KeybInput, select
 {
	background-color: #29495C;
	color: #fff;
	border-radius: 30px;
	border: none;
}

.txt-area {
	width: 40%; /* 20% */
	height: 12vh; /* 7vh */
	border-radius: 5%;
}

#LunchBringLunchType {
	width: 8%;
}

.UserMainSave {
	Position: Relative;
	Margin-Left: 10px;
	Margin-Right: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Width: 33%;
	Display: inline-block;
	Vertical-Align: Top;
}

#UserSaveButton {
	background-color: #29495C;
	color: #fff;
	border-radius: 25px;
	padding: 15px 20px;
	font-size: 20px;
}

.UserMainDelete {
	border: 1px solid #CE4B23;
	color: #CE4B23!important;
	background-color: transparent;
	border-radius: 10px;
	padding: 5px 10px;
}

.UserMainDelete:hover {
	text-decoration: none;
	color: #fff!important;
	background-color: #CE4B23;
}

td.BookCalOccupied span {
	Background: #ff0000 !important;
	Color: #000000 !important;
}
/* td.BookCalFree a {
} */
/*** User booking / Tablet - Slut ***/


/*** Kitchen - Start ***/
.KitchenMenu {
	Margin-Left: 29px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Vertical-Align: Top;
}

.KitchenOverview {
/*	Position: Relative;*/
	
	Margin-Bottom: 10px;
	Text-Align: Left;
	Width: 100%;
	Display: flex;
	flex-direction: column;
	Vertical-Align: Top;
}

.admin-dash-header {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding-bottom: 1%;
	padding-top: 1%;
	border-bottom: 1px solid black;
}

.admin-dash-header2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid black;
}

.no-border {
	border: none!important;
}

.admin-headline {
	font-size: 22px;
	font-weight: bold;
	margin: 0;
}

.date-box {
	background-color: #EFEFEF;
	margin: 25px 25px;
	padding: 10px 10px;
	border-radius: 10px;
}

.date-box-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #002A39 ;
}

.date-box-user {
	display: flex;
	width: 50%;
}

.date-box-delete {
	width: 50%;
	height: 30px;
}

.KitchenPrint {
	Text-Align: Right;
	Margin-Right: 18px;
	Margin-bottom: -120px;
	Height: 120px;
}

.DeleteLine {
	Font-Size: 11px;
	background-color: #ff0000;
	color: #fff!important;
	Cursor: pointer;
	border-radius: 25px;
	padding: 2px 1px;
	margin-top: 7px; /* margin: 10px; */
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 10%;
	gap: 10px;
}

.DeleteLine130 {
	width: 130px; 
}

.AddExtra {
	Font-Size: 11px;
	Color: #fff!important;
	background-color: #29495C;
	Cursor: pointer;
	border-radius: 25px;
	padding: 8px 3px;
	margin: 2%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10%;
	gap: 10px;
}

.AddExtra img {
	height: 10px;
	width: 10px;
}

.AddExtra:hover, .DeleteLine:hover {
	text-decoration: none;
}

.ShowList {
	Font-Size: 14px;
	Color: #0e8c98;
	Cursor: pointer;
}

.KitchenButton {
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #003543;
	margin-bottom: 2%;
	padding-bottom: 2%;
}

.addon-header-item {
	font-weight: bold;
	padding-left: 2%;
}

.admin-addon-info {
	padding: 2% 2%;
}

.DeleteButton {
	Border : solid 0px #000000;
	Color: #000000;
	Background-Color: #ff0000;
    padding:5px 50px !important;
	Font-weight: Bold;
	Text-Align: Right;
	Vertical-Align: Top;
}

.KitchenAddOrderBox {
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Vertical-Align: Top;
	Width: 400px;
}
.KitchenAddOrderText {
	display: inline-block;
	Width: 140px;
}
.KitchenAddOrderValue {
	display: inline-block;
	Width: 250px;
}
/*** Kitchen - Slut ***/


/*** Guest room overview - Start ***/

.facility-box {
	background-color: #EFEFEF;
	margin: 2% 2%;
	padding-left: 2%;
	border-radius: 10px;
}

.GRListLine {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.GRListLine:hover {
	BackGround: #dddddd;
/*	Cursor: pointer;*/
}

.GRListDay, .GRListFromDate, .GRListUser, .GRListType, .GRListToDate, .GRListType, .GRListCount, .GRListNote, .GRListDelete {
	display: inline-table;
}

.GRListDay {
	width: 70px;
}

.GRListFromDate {
	width: 100px;
} 

.GRListToDate {
	width: 100px;
}

.GRListUser {
	width: 250px;
}

.GRListType {
	width: 400px;
}

.GRListCount {
	Text-Align: Center;
	width: 90px;
}

.GRListNote {
	width: 700px;
}

.GRListDelete {
	width: 120px;
}

/*** Guest room overview - Slut ***/


/*** Caretaker - Start ***/
.CaretakerMenu {
	Margin-Left: 29px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Vertical-Align: Top;
}

.CaretakerOverview {
/*	Position: Relative;*/
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Width: 96%;
	Display: inline-block;
	Vertical-Align: Top;
}

.CaretakerPrint {
	Text-Align: Right;
	Margin-Top: -18px;
	Margin-Right: 18px;
	Margin-bottom: -18px;
}

.CaretakerButton {
	Text-Align: Right;
}

.CaretakerAddOrderBox {
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Vertical-Align: Top;
	Width: 645px;
}

.CaretakerAddOrderText {
	display: inline-block;
	Width: 120px;
}

.CaretakerAddOrderValue {
	display: inline-block;
	Width: 500px;
}

.table-container {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	height: auto;
	width: 100%;
	margin-top: 2%;
}

.table-container-right { 
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10%;
	width: 10%;
	position: sticky;
	top: 0;
	background-color: #efefef;
	border-radius: 10px;
	height: auto;
}

.table-container-left {
	width: 90%;
}

.start-editing {
	background-color: #004557;
	color: #fff!important;
	text-decoration: none!important;
	padding: 10px 10px;
	border-radius: 10px;
}

.end-editing {
	background-color: #aa0000;
	color: #fff!important;
	text-decoration: none!important;
	padding: 10px 10px;
	border-radius: 10px;
}

/*** Caretaker - Slut ***/


/*** Activity - Start ***/
.ActivityDetailBox {
	Width: 600px;
	Min-Height: 200px;
	Padding: 4px;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

.activity-headline-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #000;
}

.activity-headline {
	font-size: 20px;
	font-weight: bold;
}

.activity-btn-row {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 15px;
	width: 50%;
}

.activity-btn-row {
	display: flex;
	flex-direction: column;
}

.activity-del-btn {
	text-decoration: none;
	color: #fff;
	background-color: #e50000;
	font-size: 18px;
}

.add-activity-box {
	padding: 2%;
}

/*** Activity - Slut ***/


/*** Administration - Start ***/
.AdministrationMenu {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	height: 10%;
	width: 100%;
	border-bottom: 1px solid #000;
}

.AdministrationOverview {
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Width: 96%;
	Display: inline-block;
	Vertical-Align: Top;
}

.AdministrationCountContent {
	Display: table;
	Width: 100%;
}

.AdministrationCountTot {
	Display: table-cell;
	Width: 50%;
}

.AdministrationCountTotRight {
	Text-Align: Right;
}

.AdministrationCustBox:hover {
	BackGround: #dddddd;
	Cursor: pointer;
}

.AdministrationAddExtra {
	display: flex;
	width: 100%;
}

.AdministrationEkstraOrder {
	margin-top: 5%;
	padding: 2%;
	width: 50%;
}

.AdministrationButton {
	Text-Align: Right;
}

.tdTitle {
	Font-Weight: Bold;
}

/*** Administration - Slut ***/


/*** Mail afsendelse - Start ***/
.MailLeftSide {
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Min-Height: 365px;
	Width: 35%;
	Display: inline-block;
	Vertical-Align: Top;
	Border-Right: 1px solid #000;
}
.MailRightSide {
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Width: 60%;
	Display: inline-Block;
	Vertical-Align: Top;
}

.MailListUser {
	display: flex;
	justify-content: flex-start;
}

.MailListUser:hover {
	background-color: #007771;
	color: #fff;
}

.MailUserSelect {
	Text-Align: Center;
	Width: 50px;
}
.MailUserName {
	Text-Align: Left;
}
.MailMessageFieldText {
	Width: 99%;
}
/*** Mail afsendelse - Slut ***/


/*** SMS afsendelse - Start ***/
.SMSLeftSide {
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Min-Height: 365px;
	Width: 35%;
	Display: inline-block;
	Vertical-Align: Top;
	Border-Right: 1px solid #000;
}
.SMSRightSide {
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Width: 60%;
	Display: inline-Block;
	Vertical-Align: Top;
}

.SMSListUser {
	display: flex;
	justify-content: flex-start;
}

.SMSListUser:hover {
	background-color: #007771;
	color: #fff;
}

.SMSUserSelect {
	Text-Align: Center;
	Width: 50px;
}
.SMSUserName {
	Text-Align: Left;
}
.SMSMessageFieldText {
	Width: 99%;
}
/*** SMS afsendelse - Slut ***/


/*** Export - Start ***/
.ExportBox {
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Vertical-Align: Top;
	Width: 400px;
}
/*** Export - Slut ***/


/*** UserAdmin - Start ***/
.UserEditContent {
	Margin-Left: 10px;
	Margin-Bottom: 10px;
	Text-Align: Left;
	Width: 870px;
	Display: inline-block;
	Vertical-Align: Top;
}
.UserAdminFindChip {
	Text-Align: Left;
	Width: 400px;
	Display: inline-block;
	Vertical-Align: Top;
}
.UserAdminFilters {
	Text-Align: Left;
	Width: 410px;
	Display: inline-block;
	Vertical-Align: Top;
}
.UserAdminAddExtra {
	Text-Align: Right;
	Margin-Top: -18px;
	Margin-Right: 18px;
}
.UserAdminCustBoxContainer {
	Border: 2px solid #555;
	height: auto;
	Width: 801px;
	Padding: 6px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.UserAdminCustBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	Height: 5vh;
	min-Width: 1172px;
	gap: 5%;
}
.UserAdminCustBox:hover {
	background-color: #007771;
	color: #fff;
	Cursor: pointer;
}

.admin-count-box {
	background-color: #002A39;
	color: #fff;
	width: 97%;
	height: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	margin-left: 1.5%;
}

.user-admin-header {
	border-bottom: 1px solid #002A39;
	height: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.UserAdminGrayout {
	Color: #ccc;
}
.UserAdminCustID {
	display: inline-block;
	Vertical-Align: Top;
	Width: 80px;
}
.UserAdminCustUserContainer {
	display: inline-block;
	Vertical-Align: Top;
	Width: 846px;
}
.UserAdminCustName {
	display: inline-block;
	Vertical-Align: Top;
	Width: 250px;
}
.UserAdminCustPhone {
	display: inline-block;
	Vertical-Align: Top;
	Text-Align: Center;
}
.UserAdminCustEmail {
	display: inline-block;
	Vertical-Align: Top;
	Width: 250px;
}
.UserAdminCustPensionType {
	display: inline-block;
	margin-right: 2%;
	text-align: right;
}
.UserAdminCustCutRenew {
	display: inline-block;
	Vertical-Align: Top;
	Text-Align: Center;
	Width: 120px;
}
.UserAdminCustChip {
	display: inline-block;
	Vertical-Align: Middle;
	Text-Align: Center;
	font-size: 12px;
	Width: 130px;
}

.edit-style {
	cursor: pointer;
}

.UserAdminCustEditUserContainer {
	Border: 1px dashed #000;
	Padding: 3px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.UserAdminCustEditBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 5vh;
/*	Width: 860px;*/
/*	Height: 30px;*/
}
.UserAdminCustEditBox1 {
	display: inline-block;
	Width: 1200px;
}
.UserAdminCustEditBox2 {
	display: flex;
	align-self: center;
	justify-content: space-between;
	Height: 50px;
	Border-Bottom: 1px dashed #888;
}
.UserAdminCustEditBox:hover, .UserAdminCustEditBox2:hover {
	BackGround: #eeeeee;
}
.UserAdminAddUser {
	width: 30%;
}
.UserAdminCustText {
	display: inline-block;
	Width: 460px;
}
.UserAdminCustValue {
	display: flex;
	align-items: center;
	justify-content: space-between;
	Width: 490px;
}
.UserAdminCustValue1 {
	display: inline-block;
	Width: 200px;
}
.UserAdminCustValue2 {
	display: inline-block; /*display: flex;*/
	text-align: right;
	width: 230px;
	height: 30px;
}
.UserAdminCustValue3 {
	display: flex;
    width: 49%;
    gap: 20px;
    align-items: center;
    justify-content: start;
}
.UserAdminButton {
	display: flex;
	justify-content: end;
	margin-right: 5%;
}
.UserAdminDeleteButtonField {
    Margin-top: 10px;
	Margin-bottom: -21px;
	Text-Align: Left;
}
    
.UserAdminDeleteButton {
	Border: 0px;
	Color: #000000;
	Background-Color: #ff0000 !important;
/*    Margin-bottom: -50px !important;*/
	padding: 4px 50px !important;
	Font-weight: Bold;
/*	Vertical-Align: Top;*/
	cursor:pointer;
    border-radius: 4px; 
	-moz-border-radius : 4px;
    -webkit-border-radius: 4px;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.UserAdminDeleteButton:hover {
	Background-Color: #ff5555 !important;
	Text-Decoration: none;
}
/*** UserAdmin - Slut ***/


/*** ChipReg - Start ***/
.ChipRegBox {
	Text-Align: Center;
}
/*** ChipReg - Start ***/


/*** Opslagstavle setup - Start ***/
.NoticeBoardEditBox {
	display: inline-block;
	Text-Align: Left;
	Width: 860px;
	Height: 28px;
}
.NoticeBoardEditText {
	display: inline-block;
	Vertical-Align: Top;
	Text-Align: Left;
	Width: 200px;
}
.NoticeBoardEditValue {
	display: inline-block;
	Vertical-Align: Top;
	Text-Align: Left;
	Width: 490px;
}
#viewFind, #scaleSelectContainer {
		display: none;
}
/*** Opslagstavle setup - Slut ***/


/*** Message Log - Start ***/
.MessageLogBox1 {
	display: inline-block;
	Width: 1050px;
	Min-Height: 25px;
}
.MessageLogBox2 {
	display: inline-block;
	Width: 1042px;
	Border: 1px dashed #000;
	Padding:2px;
}
.MessageLogValue100 {
	display: inline-flex;
	Vertical-Align: Top;
	Width: 100px;
	Text-Align: Center;
}
.MessageLogValue200 {
	display: inline-flex;
	Vertical-Align: Top;
	Width: 200px;
}
.MessageLogValue300 {
	display: inline-flex;
	Vertical-Align: Top;
	Width: 300px;
}
.MessageLogValue400 {
	display: inline-flex;
	Vertical-Align: Top;
	Width: 400px;
}
.MessageLogText {
	display: inline-flex;
	Vertical-Align: Top;
	Width: 450px;
}
/*** Message Log - Slutt ***/


/*** General - Start ***/
.GeneralFieldText {
	display: inline-block;
	Width: 240px;
	Vertical-Align: top;
}
.GeneralFieldValue {
	display: inline-block;
	Width: 355px;
	Vertical-Align: top;
}
.GeneralFieldText2 {
	display: inline-block;
	Width: 390px;
}
.GeneralFieldText3 {
	display: inline-block;
	Width: 420px;
}
.GeneralFieldFullLine {
	display: inline-block;
}
/*** General - Slut ***/


/*** Chip - Main - Start ***/
.ChipCutStatus {
	position: absolute;
	Top: 15px;
	Left: 15px;
	Width: 290px;
	Color: #000;
	Background-Color: #ffee00;
	Padding: 5px;
	font-size: 18px;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 4px 4px 4px #888888;
	-webkit-box-shadow : 4px 4px 4px #888888;
	-moz-box-shadow : 4px 4px 4px #888888;
}
.ChipCutAlert {
	-webkit-animation: ChipCutAlert 1s infinite;  /* Safari 4+ */
	-moz-animation: ChipCutAlert 1s infinite;  /* Fx 5+ */
	-o-animation: ChipCutAlert 1s infinite;  /* Opera 12+ */
	animation: ChipCutAlert 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes ChipCutAlert {
	0%, 49% {
	  background-color: #ffee00;
	  border: 1px solid #000;
	}
	50%, 100% {
	  background-color: #e50000;
	  border: 1px solid #000;
	}
}
.ChipTitle {
	Font-Size: 22px;
	Font-weight: Bold;
}
.ChipLogOut {
	position: absolute;
	Top: 15px;
	Right: 15px;
	Width: 120px;
	Color: #fff;
	Background-Color: #d00000;
	cursor: pointer;
	Padding: 5px;
	font-size: 18px;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 4px 4px 4px #888888;
	-webkit-box-shadow : 4px 4px 4px #888888;
	-moz-box-shadow : 4px 4px 4px #888888;
}
.ChipLogOut:active {
	Background-Color: #a00000;
	Margin-top: 2px;
	Margin-left: 2px;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.ChipCount {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	Width: 80%;
	height: 30vh;

	Margin-Top: -45px;
}
.ChipLunchCount {
	display: inline-block;
	Font-Size: 22px;
	Width: 145px;
	Height: 50px;
	Margin: 5px;
}

.count-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 50px;
	width: 30%;
}

.ChipCountPlus, .ChipCountMinus {
	display: flex;
	justify-content: center;
	align-items: center;
	Width: 100px;
	Height: 100px;
	Color: #000;
	font-size: 65px;
	font-weight: bold;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 4px 4px 4px #888888;
	-webkit-box-shadow : 4px 4px 4px #888888;
	-moz-box-shadow : 4px 4px 4px #888888;
}

.ChipCountPlus {
	background-color: #007771;
}

.ChipCountMinus {
	background-color: #D04C24;
}

.ChipCountDescText {
	font-size: 28px;
	font-weight: bold;
}
.ChipGuestTitle {
	Font-Size: 26px !important;
	font-weight: bold;
}
.ChipGuestText {
	display: flex;
	justify-content: space-evenly;

	font-size: 24px;
	text-align: center;
}
.ChipGuestCount {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 33%;
	/*height: 100%;*/
	height: 35%;
	border-left: 1px solid grey;
}
.ChipGuestCountPlus, .ChipGuestCountMinus {
	Width: 80px;
	Height: 80px;
}
/*** Chip - Main - Slut ***/

/*** Chip Lunch - Start ***/
.ChipBookAccept {
	/*Height: auto;*/
	Width: 95%;
	Max-Height: 620px;
	Color: #000;
	Background-Color: #EAF2F1;
	
	font-size: 22px;
	Margin-Bottom: 50px;
	Display: flex;
	flex-direction: column;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}

.chip-book-main {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-around;
	height: 40vh;
	width: auto;
	margin-right: 50px;
}

.guestbooking-row {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	height: 30vh;
	border-top: 1px solid grey;
}

.ChipBookDecline {
	Background-Color: #d00000 !important;
	Width: 95%;
	/*Height: auto;*/
	Max-Height: 570px;
	Color: #000;
	Padding-Left: 10px;
	Padding-Right: 10px;
	Padding-Bottom: 50px;
	font-size: 22px;
	Margin-Bottom: 50px;
	Display: flex;
	flex-direction: column;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.ChipLunchText {
	Display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	Font-Size: 22px;
	Width:45%;
	height: 30vh;
	background-color: #fff;
	border-radius: 20px;

}
.ChipLunchCheckText {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ChipLunchUnbookText {
	Display: inline-Block;
	Vertical-Align: Top;
	Width: 100%;
	Margin-bottom: 60px;
}
.ChipUnbookDates {
	Display: inline-Block;
	Vertical-Align: Top;
	Width: 60%;
	Margin-top: -70px;
	Margin-bottom: 30px;
	Text-Align: Left;
}
.ChipDateSave {
	Display: inline-Block;
	Width: 58%;
}
.ChipSave-Button-Box {
	position: absolute;
	Margin-Left: 20px;
	Width: 40%;
}
.ChipMealSelect1-Button, .ChipMealSelect1-Button:hover, .ChipMealSelect1-Button:focus {
	Width: 170px;
	Height: 80px;
	Color: #000;
	Background-Color: #BEC5BD;
	Padding: 10px;
	font-size: 20px;
	Text-Align: Center;
	Vertical-Align: Top;
	Margin-Bottom: -20px;
	Margin-Bottom: 20px;
	Display: inline-block;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.ChipMealSelect2-Button, .ChipMealSelect2-Button:hover, .ChipMealSelect2-Button:focus {
	Width: 170px;
	Height: 80px;
	Color: #000;
	Background-Color: #dd9900;
	Padding: 10px;
	font-size: 20px;
	Text-Align: Center;
	Vertical-Align: Top;
	Margin-Bottom: -20px;
	Margin-Bottom: 20px;
	Display: inline-block;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.ChipOrderView {
	Font-Size: 20px;
}
.ChipLunchCheckOrderStatus {
	Display: flex;
	flex-direction: column;
	gap: 10px;
	width: 50vw;
	height: 36vh;
	margin-right: 50px;
	padding: 30px 30px;
	overflow-y: scroll;
	Font-Size: 20px;
	Border: 1px solid #000;
	Color: #000;
	background-color: #fff;
}
.ChipLunchCheckOrderStatusLine {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid grey;
}
.ChipLunchCheckOrderStatusText {
	Display: inline-block;
	Vertical-Align: Top;
	Width: 170px;
	Margin-Left: 5px;
	Text-Align: Left;
	float: Left;
}
.ChipLunchCheckOrderStatusQuntity {
	Display: inline-block;
	Vertical-Align: Top;
	Width: 30px;
	Text-Align: Center;
}
.ChipLunchCheckOrderStatusPrice {
	Display: inline-block;
	Vertical-Align: Top;
	Width: 120px;
	Margin-Right: 3px;
	Text-Align: Right;
}
.ChipLunchCheckOrderStatusMinus {
	Display: inline-block;
	Vertical-Align: Top;
	Text-Align: Center;
	float: Right;
}
.CRChipCheck {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    align-items: center;
	height: 42vh;
	width: 100%;
	padding: 50px 30px;
	background-color: #CCDEDE;
	position: relative;
	border: none;
}
.ChipLunchCheckPersLine {
	Width: 310px;
	Height: 45px;
	Text-Align: Right;
	Margin-Left: Auto;
	Margin-Right: Auto;
	Margin-Bottom: 12px;
}
.ChipLunchCheckEkstraPersLine {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.ChipLunchCheckEkstraPersLineField {
	Display: inline-flex;
	Width: 45px;
	Text-Align: Right;
	Vertical-Align: middle;
}
.ChipLunchCheckEkstraPersLineField2 {
	Display: inline-flex;
	Width: 130px;
	Text-Align: Right;
}
.CRChipCheck-Addon {
	margin-bottom: 100px;
	Width: 100%;
	Color: #000;
	Background-Color: #fff;
	font-size: 24px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.CRChipCheck-AddonButton1 {
	display: inline-block;
	Width: 15vw;
	Height: 15vh;
	Color: #fff;
	Background-Color: #007771;
	Vertical-Align: top;
	font-size: 18px;
	line-height: 20px;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 4px 4px 4px #888888;
	-webkit-box-shadow : 4px 4px 4px #888888;
	-moz-box-shadow : 4px 4px 4px #888888;
}
.CRChipCheck-AddonButton1:active {
	Margin-Top: 14px;
	Margin-Right: 3px;
	Margin-Left: 7px;
	Margin-Bottom: -2px;
	Background-Color: #e87a4a;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 6px 6px 6px #888888;
	-webkit-box-shadow : 6px 6px 6px #888888;
	-moz-box-shadow : 6px 6px 6px #888888;
}
.CRChipCheck-AddButton1 {
	display: inline-block;
	Width: 45px;
	Height: 45px;
	Color: #000;
	Background-Color: #f78b5a;
	Padding: 4px 0 4px 0;
	Vertical-Align: top;
	Font-Size: 45px;
	Font-weight: bold;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 1px 1px 1px #888888;
	-webkit-box-shadow : 1px 1px 1px #888888;
	-moz-box-shadow : 1px 1px 1px #888888;
}
.CRChipCheck-AddButton1:active {
	Background-Color: #e87a4a;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.CRChipCheck-RemoveButton1 {
	display: inline-block;
	Width: 45px;
	Height: 45px;
	Color: #000;
	Background-Color: #f78b5a;
	Padding: 0 2px 6px 0;
	Vertical-Align: top;
	Font-Size: 45px;
	Font-weight: bold;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 1px 1px 1px #888888;
	-webkit-box-shadow : 1px 1px 1px #888888;
	-moz-box-shadow : 1px 1px 1px #888888;
}
.CRChipCheck-RemoveButton1:active {
	Background-Color: #e87a4a;
	Border: 1px solid black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
#Slider1, #Slider2 {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	position: absolute;
	right: 5px;
	bottom: 50px;
	width: 100%;
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
}
.ButtonSliderIn {
	display: flex;
	align-items: center;
	padding-left: 20px;
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
.ButtonSliderOut {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-120%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-120%); }
}
/*** Chip Lunch - Slut ***/


/*** Activity Lunch - Start ***/
.ActivitytContent {
	Min-Width: 20%;
	Width: 44%;
	height: calc(100vh - 285px);
	Min-Height: 385px;
	Margin-Left: auto;
	Margin-Right: auto;
	Margin-Bottom: 0;
	Padding-Top: 10px;
	Padding-Left: 30px;	
	Padding-Right: 30px;	
	overflow: hidden;
	Vertical-Align: Top;
	Text-Align: Left;
	Display: inline-Block;
	Border: 1px solid black;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.ActivityTitle {
	Font-Size: 22px;
	Font-weight: Bold;
}
.ActvityBlock1 {
	display: inline-block;
	Vertical-Align: Top;
	Width: 500px;
	margin-bottom: 25px;
}
.ActvityBlock2 {
	display: inline-block;
	margin-top: 25px;
	Width: 300px;
}
.ActivityBookButton {
	border : solid 0px #e6e6e6;
    Height: 60px;
	Width: 200px;
	Font-weight: Bold;
	font-size: 15pt;
	Line-Height: 24px;
}
.ActivityGoBack {
	position: absolute;
	Top: -95px;
	Right: 50px;
	Width: 120px;
	Color: #fff;
	Background-Color: #d00000;
	cursor: pointer;
	Padding: 5px;
	font-size: 18px;
	Text-Align: Center;
	Border: 1px solid black;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
	box-shadow: 4px 4px 4px #888888;
	-webkit-box-shadow : 4px 4px 4px #888888;
	-moz-box-shadow : 4px 4px 4px #888888;
}
.ActivityGoBack:active {
	Background-Color: #a00000;
	Margin-top: 2px;
	Margin-left: 2px;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.MealBookButton {
	border : solid 0px #e6e6e6;
    Height: 60px;
	Width: 180px;
	Font-weight: Bold;
	font-size: 15pt;
	Line-Height: 24px;
}
/*** Activity Lunch - Slut ***/


/*** ErrorInfo - Start ***/
.ErrorInfoContent {
	Min-Width: 20%;
	Width: 44%;
	height: calc(100vh - 285px);
	Min-Height: 380px;
	Margin-Left: auto;
	Margin-Right: auto;
	Margin-Bottom: 5px;
	Padding-Top: 10px;
	Padding-Left: 30px;	
	Padding-Right: 30px;	
	overflow: hidden;
	Vertical-Align: Top;
	Text-Align: Left;
	Display: inline-Block;
	Border: 1px solid black;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.ErrorInfoTitle {
	Font-Size: 18px;
	Font-Weight: Bold;
}
.ErrorInfoText {
	Font-Size: 16px;
}
/*** ErrorInfo - Slut ***/


/*** Versions - Start ***/
.VersionContent {
	Min-Width: 20%;
	Width: 44%;
	height: calc(100vh - 285px);
	Min-Height: 380px;
	Margin-Left: auto;
	Margin-Right: auto;
	Margin-Bottom: 5px;
	Padding-Top: 10px;
	overflow: hidden;
	Vertical-Align: Top;
	Text-Align: Left;
	Display: inline-Block;
	Border: 1px solid black;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
}
.VersionTitle {
	Font-Size: 18px;
	Font-Weight: Bold;
}
.VersionText {
	Font-Size: 16px;
}
/*** Versions - Slut ***/


/*** Opslagstavlen - Start ***/
.NoticeboardContent {
	Min-Width: 20%;
	Width: calc(100% - 30px);
	height: calc(100vh - 20px);
	Min-Height: 380px;
	Margin-Top: -12px;
	Margin-Left: 4px;
	Margin-Right: auto;
	Margin-Bottom: 2px;
	Padding-Top: 4px;
	Padding-Left: 5px;	
	Padding-Right: 20px;	
	overflow: hidden;
	Vertical-Align: Top;
	Text-Align: Left;
	Display: inline-Block;
/*	Border: 1px solid black;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
	box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow : 2px 2px 2px #888888;
	-moz-box-shadow : 2px 2px 2px #888888;
*/
}
.NoticeboardTitle {
	Font-Size: 18px;
	Font-Weight: Bold;
}
.NoticeboardText {
	Font-Size: 16px;
}
.NbButtons {
	Height: 45px;
	Margin-Right: 10px;
}
.NoticeboardLogo {
	Position: absolute;
	Top: 13px;
	Right: 30px;
	Height: 45px;
}
.NoticeboardLogoB {
	Position: absolute;
	Bottom: 13px;
	Right: 30px;
	Height: 45px;
	z-Index: 999;
}

.NoticeboardMenuSplit1 {
	position: relative;
	Text-Align: Left;
	Height: 0px;
}
.NoticeboardMenuSplit1B {
/*	position: relative;*/
	position: absolute;
	Text-Align: Left;
/*	Top: 7px;*/
	Bottom: 46px;
	Height: 0px;
	z-Index: 999;
}

.NoticeboardMenuSplit2 {
	position: relative;
	Text-Align: Center;
	Top: -3px;
	Margin-Bottom: -20px;
}
.NoticeboardMenuSplit2B {
/*	position: relative;*/
	position: absolute;
	Text-Align: Center;
/*	Top: 5px; */
	Bottom: 10px;
	Height:50px;
	Width: 99%;
	Margin-Bottom: -10px;
	z-Index: 990;
	Background: #fff;
}

.NBIframe {
	Width: calc(100% - 3px);
	height: calc(100vh - 14px);

}
.NbIframeB {
	Width: calc(100% - 3px);
	height: calc(100vh - 94px);
}
#nburl {
	Width: calc(100% - 3px);
	height: calc(100vh - 55px);
}

.NBMenuAct { /* opløsning 3840x2160 */
	Width: calc(100% - 3px);
	height: calc(100vh - 94px);
	Margin-Left: calc(1%);
	Margin-Top: -10px;
	Padding-Top: 34px;
	z-Index: -1;
}

/*** Footer - Start ***/
.Footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	gap: 12%;
	position: fixed;
    Bottom: 0;
    Right: 0;
    Left: 0;
	height: 5vh;
	Width: 100%;
	Text-Align: Center;
	font-size: 14px;
	Color: #fff;
	Background-Color: #002A39;
	z-index: 99;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.Footer a {
	color: white;
}

.FooterLogo1 {
    border-radius: 4px; 
	-moz-border-radius : 4px;
    -webkit-border-radius: 4px;
}

.FooterLogo2 {
    border-radius: 4px; 
	-moz-border-radius : 4px;
    -webkit-border-radius: 4px;
}


.FooterMenu > A, .FooterMenu > H3 > A {
	Color: #fff;
}

.FooterMenu > A:Hover, .FooterMenu > H3 > A:Hover {
	Color: #aa0000;
}

.Footer > .FooterBlock > IMG {
	Background: #fff;
}

/*** Footer - Slut ***/

@media screen and (max-width: 1900px){
	.GRListType {
		width: 200px !important;
	}
}

@media screen and (min-width: 1900px) and (max-width:2540px) and (min-height:1040px) and (max-height:1079px){
	/* opløsning 3840x2160 */ /* min-height:2160px */
	.NBMenuAct { /* opløsning 1920x1040 */
		Margin-Top: -9px !important;
	}
}

@media screen and (min-width: 1900px) and (max-width:2540px) and (min-height:1080px){
	/* opløsning 3840x2160 */ /* min-height:2160px */
	.NoticeboardContent {
		Margin-Top: 2px !important;
	}

	.NBMenuAct { /* opløsning 1920x1040 */

		Margin-Top: -20px !important;
	}

	.NoticeboardSplit3, .NoticeboardSplit4, .NoticeboardSplit5, .NoticeboardSplit6 {
		Height: 50%;
	}
	.NoticeboardSplit7, .NoticeboardSplit8, .NoticeboardSplit9, .NoticeboardSplit10, .NoticeboardSplit11, .NoticeboardSplit12 {
		Height: 33%;
	}

}

@media screen and (min-width: 2540px) {
	.NBMenuAct { /* opløsning 2560x1400 */
		Margin-Top: 1px !important;
	}
}

.NoticeboardSplit {
	Margin-Top: -12px;
	Margin-Left: auto;
	Margin-Right: auto;
	Padding-Left: 4px;
	Padding-Right: 4px;
	overflow: hidden;
}
.NoticeboardSplit1 {
	Width: 50%;
}
.NoticeboardSplit2 {
	Width: 48.9%; /* 49% */
	Height: 100vh;
	Display: inline-block;
}
.NoticeboardSplit3, .NoticeboardSplit4  {
	Width: 48.9%; /* 49% */
/*	Height: 46%;*/
	Height: 512px !important;
	Display: inline-block;
}
.NoticeboardSplit5, .NoticeboardSplit6 {
	Width: 32.3%; /* 32.4% */
/*	Height: 46%;*/
	Height: 512px !important;
	Display: inline-block;
}
.NoticeboardSplit7, .NoticeboardSplit8  {
	Width: 24.3%; /* 24.5% */
/*	Height: 46%;*/
	Height: 512px !important;
	Display: inline-block;
}
.NoticeboardSplit9,  .NoticeboardSplit10,  .NoticeboardSplit11 {
	Width: 32.3%; /* 32.4% */
/*	Height: 46%;*/
	Height: 386px !important;
	Display: inline-block;
}

.NoticeboardSplitMenu {
	Display: inline-flex;
	Height: 96% !important;
	Width: 39%;
	Vertical-Align: top;
	overflow: auto;
}
.NoticeboardSplitMenuContent {
	Width: 60%;
	Display: inline-block;
}

/*** Opslagstavlen - Slut ***/

@media (max-width: 1100px){
.MainContent {
		Margin-Left: 0;
		Margin-Right: 0;
		Width: 100% !important;
	}
}

@media (max-width: 885px){
	.FooterDrift {
			display:none !important;
			height: 0;
	}
	.MenuIcons {
		Width: 55px;
		Height: 55px;
	}
}

@page {
  size: A4;
}

@media print{
	*{
		text-shadow:none !important;
		color:#000 !important;
		background:transparent !important;
		box-shadow:none !important;
		Max-Width: 100% !important;
	}
	.hidden-print{
		display:none !important;
		height: 0;
	}
	.show-print{
		display:block !important;
	}
	.print-80px {
		margin-top: -48px;
		Width: 1024px !important;
	}
	html, BODY {
		font-family: Arial, Verdana, Helvetica;
/*		Width: 640px;*/
		page-break-after:always;
		top: 0;
		left: 0;
		display:block;
		box-sizing: border-box;
	}
	HR {
		Text-Align: Left;
		width: 95%;
	}
	H3 {
		font-size: 13px;
	}

	.Text {
		font-size: 13px;
		line-height: 13px;
		margin-bottom: 11px;
		text-decoration: none;
	}
	.BoxRoundCorner {
		Border: None;
	}

	.CityAlias {
		Top: 10px;
/*		Margin-Top: 40px;*/
	}

	.TopLogo {
		Margin-Top: 30px;
		Margin-Bottom: 30px;
		Max-Height: 200px;
		}

	.MainContent {
		Margin-Top: -30px;
		Margin-Bottom: 0px;
		Width: 100%;
		Position: none;
		Display: block;
		Border: none;
	}

	.MainContentAL {
		Margin-Top: -30px;
		Margin-Bottom: 0px;
		Width: 100%;
		Position: none;
		Display: block;
		Border: none;
	}

	.UserMainContent {
		Width: 100%;
		Display: block;
	}

	.KitchenOverview {
		Width: 100%;
		Display: block;
	}

	.date-box {
		border-bottom: 2px dashed #000;
	}
	
	.AdministrationOverview {
		Width: 100%;
		Display: block;
	}

	.Content2 {
		Position: Relative;
		Top: -517px;
		Height: 0px;
		Display: Inline-block;
		Margin-Left: 225px;
		Vertical-Align: Middle;
	}


	.Content3 {
		Top: 635px;
		Position: Relative;
		Display: Inline-block;
		Margin-Right: 225px;
		Vertical-Align: Middle;
	}

	.ContentRegister {
		Margin-Top: 40px;
		Margin-Bottom: 0px;
	}

	.date-box {
		margin: unset;
		padding: unset;
		border: unset;
		border-radius: unset;
		Width: 1200px;
	}
	.UserAdminCustEditBox, .UserAdminCustEditBox2 {
		Width: 950px;
	}
	.UserAdminCustText {
		Width: 400px;
	}
	.UserAdminCustValue1 {
		Width: 180px;
	}
	.UserAdminCustValue2 {
		Width: 180px;
	}

	.Footer {
		Height: 60px;
	}
	.FooterMenu {
		display: flex;
		justify-content: space-between;
		width: 100vw;
		font-size: 12px;
	}
}