#HeadBar {
    background-color: #ffffff;
    color: white;
    font-family: sans-serif;
    font-size: 48px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    letter-spacing: 2px;
	user-select: none;
}


#FootBar {
    display: block;
    position: fixed;
    width: 100%;
    background: #1F2940;
    bottom: 0px;
    color: white;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
	user-select: none;
}
/*#2d4ea1ab*/
body {
	margin: 0px;
	font-family: sans-serif;
	background-color: #242937;
	color:white;
}

#Rank {
	font-size: 16px;
    letter-spacing: 0px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 15px;
    padding-right: 20px;
	color: black;
}

#AdminRank {
	font-size: 16px;
    letter-spacing: 0px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 15px;
    padding-right: 20px;
	color: #ff3100;
}

.AdminMenuPoint {
    color: #ff3100;
    margin: 0px;
    padding-top: 20px;
    text-align: center;
    font-size: 20px;
}

.MenuPoint {
    color: white;
    margin: 0px;
    padding-top: 20px;
    text-align: start;
    font-size: 20px;
    padding-left: 25px;
    font-weight: 600;
	user-select: none;
}

.BodyArea {
    display: block;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 35px;
	padding-bottom: 100px;
	user-select: none;
}

.BodyAreaLogin {
    display: block;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 35px;
	padding-bottom: 100px;
	text-align: center;
}

.TableContainer {
    overflow-x: auto; /* Ermöglicht horizontales Scrollen */
    -webkit-overflow-scrolling: touch; /* Für bessere Scroll-Erfahrung auf iOS */
	margin-bottom: 100px;
}
   

h2 {
	font-size: 28px;
}

h3 {
	font-size: 18px;
}

.Heading {
    padding-bottom: 30px;
}

.HeadingLow {

}

.BoxMenu {
    display: inline-block;
    width: 29%;
    height: 25%;
    min-width: 260px;
	max-width: 290px;
    background: #2d4ea1ab;
    margin: 20px;
	cursor: pointer;
	opacity: 0.7;
	border-radius: 20px;
	
	
	backdrop-filter: blur(4px);
}

.BoxMenuAdmin {
    display: inline-block;
    width: 29%;
    height: 25%;
    min-width: 260px;
	max-width: 290px;
    background: #2d4ea1ab;
    margin: 20px;
	cursor: pointer;
	opacity: 0.8;
}

h4 {
    margin-top: 0px;
    margin-bottom: 5px;
}

h4#ErrorMSG {
    color: red;
}

#SuperAdminSection {
	background-image: url(../images/superadmin_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#HollidaySection {
	background-image: url(../images/urlaub_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#userfilessection{
	background-image: url(../images/document_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#userfilessectionupload {
	background-image: url(../images/document_icon_upload.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}


#userfilessectiontask {
	background-image: url(../images/document_icon_task.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#HollidayApprovalSection {
	background-image: url(../images/urlaub_approval_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#MitarbeiterSection {
	background-image: url(../images/ma_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#TeamDetailsSection {
	background-image: url(../images/ma_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#DocumentSection {
	background-image: url(../images/document_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#NewsSection {
	background-image: url(../images/news_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#TeamSection {
	background-image: url(../images/team_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#KeysSection {
	background-image: url(../images/key_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#CompanyInfoSection {
	background-image: url(../images/CompanyNews.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#HRSection {
	background-image: url(../images/Personalwesen.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#ItemSection {
	background-image: url(../images/Arbeitsmittel.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#TeamNewsSection {
	background-image: url(../images/team.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#CalenderSection {
	background-image: url(../images/calender.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#FoodSection {
	background-image: url(../images/food.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#InfoLibSection {
	background-image: url(../images/wissen.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#CantinaSection {
	background-image: url(../images/food.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

tr:nth-of-type(2n) {
	background: #172033;
}

td {
	border-bottom: 0px;
}

/*------------- Personal Menu  -------------*/
#ContractsSection {
	background-image: url(../images/document_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#IllnessSection {
	background-image: url(../images/illness.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#InstructionSection {
	background-image: url(../images/anweisung.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#PersonalInfoSection {
	background-image: url(../images/personalinfo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

#SignOffButton {
	background-color: #636363;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
    border: none;
	cursor: pointer;
}

#SignOffButton:hover {
    box-shadow: inset 0 0 10px #10c4ff;
}

#signoffdiv {
    font-size: 16px;
    letter-spacing: 0px;
    display: block;
    position: absolute;
    right: 0px;
    top: 5px;
    padding-top: 30px;
    padding-right: 15px;
}

.BoxMenu:hover {
    box-shadow: 0 0 10px #10c4ff;
    text-shadow: 0 0 5px #10c4ff;
    opacity: 1;
}

.BoxMenuAdmin:hover {
    box-shadow: 0 0 30px #ff1010;
    text-shadow: 0 0 10px #ff1010;
    opacity: 1;
}

.InputText {
	width: 90px;
    display: inline-block;
}

.RowDiv {
	height:30px;
}

input[type="text"] {
    border: none;
    height: 25px;
    font-size: 15px;
}

#SignInButton {
	height: 35px;
    margin-top: 35px;
    max-width: 260px;
	width: 100%;
    font-size: 20px;
    background-color: #1F2940;
    color: white;
    border: none;
    cursor: pointer;
}

#SignInButton:hover {
	box-shadow: 0 0 10px #10c4ff;
    text-shadow: 0 0 5px #10c4ff;
}

.FunctionRow {
	
}

.EditButton {
    display: block;
    width: 100%;
    height: 30px;
    background: #2d4ea1ab;
    cursor: pointer;
    opacity: 0.8;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
	border: none;
}

.EditButton:hover {
    box-shadow: 0 0 5px #10c4ff;
    text-shadow: 0 0 3px #10c4ff;
}

.EditButtonAck {
    display: block;
    width: 100%;
    height: 30px;
    background: #136100;
    cursor: pointer;
    opacity: 0.8;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
	border: none;
}

.EditButtonAck:hover {
    box-shadow: 0 0 5px #ffffff;
    text-shadow: 0 0 3px #ffffff;
}

.EditButtonAckDisabled {
	display: block;
    width: 100%;
    height: 30px;
    background: #0b3700;
    opacity: 0.8;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
	border: none;
}

.EditButtonSpecial {
    display: block;
    width: 100%;
    height: 25px;
    background: #4e1010;
    cursor: pointer;
    opacity: 0.8;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
    border: none;
    text-align: center;
    padding-top: 5px;
}

.EditButtonSpecial:hover {
    box-shadow: 0 0 5px #f60801;
    text-shadow: 0 0 3px #f60801;
}

th {
	text-align: left;
    font-size: 22px;
    height: 35px;
    border-bottom: 0px solid white;
    padding: 1rem;
}

td {
    height: 40px;
	border-bottom: 0px solid #ffffff30;
	padding: 1rem;
}

input[type="date"] {
    padding: 5px 10px 5px 10px;
}

input[type="text"] {
    padding: 5px 10px 5px 10px;
}

.NormForm {
	margin: 0px;
}

.UserRowDiv {
	height:30px;
	margin-bottom: 20px;
}

.UserRowDivCat {
	height:30px;
    margin-bottom: 15px;
    font-family: sans-serif;
}

.UserRowDivTextarea {
	height:350px;
}


h3.UserInputText {
    display: inline-block;
    width: 180px;
    margin: 0px;
}

h3.UserInputTextValue {
    display: inline-block;
    width: 500px;
    margin: 0px;
}


input.UserInputText {
    margin-left: -5px;
	font-size: 18px;
	padding-left: 5px;
}

input.UserInputTextValue {
    width: 50%;
}

label.UserInputText {
    display: inline-block;
    width: 180px;
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
}

select {
    font-size: 18px;
    margin-left: -1px;
}

.MarginTop {
    margin-top: 30px;
    width: 200px;
    display: inline-block;
    
}

a {
    text-decoration: none;
    color: white;
}

.AddButton {
    display: block;
    width: 100%;
    height: 25px;
    background: #2d4ea1ab;
    cursor: pointer;
    opacity: 0.8;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
	border: none;
	text-align:center;
    padding-top: 5px;
}

.AddButton:hover {
    box-shadow: 0 0 5px #10c4ff;
    text-shadow: 0 0 3px #10c4ff;
}


.EditButtonDelete {
    display: block;
    width: 100%;
    height: 30px;
    background: #4e1010;
    cursor: pointer;
    opacity: 0.8;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
    border: none;
    text-align: center;
}

.EditButtonDelete:hover {
    box-shadow: 0 0 5px #f60801;
    text-shadow: 0 0 3px #f60801;
}

/*#2d4ea1ab*/
.Post {
	padding: 20px;
    background-color: #2f3c5c3b;
    margin-bottom: 30px;
	padding-top: 0px;
	position: relative;
	/*border-radius: 25px 25px 0px 0px;*/
}
	
.PostTitle {
    min-width: 150px;
    height: auto;
    font-size: 30px;
    font-weight: 700;
    max-width: 80%;
}

.PostTimeStamp {
    width: 160px;
    display: block;
    font-size: 12px;
}

.PostText {
	min-height: 50px;
    width: 95%;
    overflow-wrap: break-word;
    padding-top: 30px;
	white-space: pre-wrap;
}
    
	
.PostAuthorTag {
    min-width: 50px;
    display: inline-block;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 0px;
	border-radius: 20px;
	font-weight: 600;
	font-size: 12px;
	user-select: none;
}

.PostAuthor {
    min-width: 50px;
    display: inline-block;
    margin-top: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 14px;
}


.UserInputTextarea {
    margin-left: -5px;
    font-size: 18px;
    padding-left: 5px;
    font-family: sans-serif;
    height: 300px;
    width: 60%;
    max-height: 310px;
    max-width: 65%;
    min-height: 150px;
    min-width: 350px;
}

.FormStyle {
	max-height: 50%;
}

.TitleInput {
	width: 60%;
}

.PostCatTag {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 2px;
    border-radius: 0px;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    border-radius: 0px 0px 50px 50px;
    text-align: center;	
}

.TextSpace {
    margin-bottom: 1rem;
	line-height: 20px;
}

.Spacer1 {
    height: 50px;
}

a.ColorLink {
    color: red;
    font-size: 25px;
}

/* CALENDAR STYLES ---------------------*/
.calendar {
    display: flex;
    flex-flow: column;
}
.calendar .header .month-year {
    font-size: 20px;
    font-weight: bold;
    color: #636e73;
    padding: 20px 0;
}
.calendar .days {
    display: flex;
    flex-flow: wrap;
}
.calendar .days .day_name {
    width: calc(100% / 7);
    border-right: 1px solid #2c7aca;
    padding: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #818589;
    color: #fff;
    background-color: #448cd6;
}
.calendar .days .day_name:nth-child(7) {
    border: none;
}
.calendar .days .day_num {
    display: flex;
    flex-flow: column;
    width: calc(100% / 7);
    border-right: 1px solid #e6e9ea;
    border-bottom: 1px solid #e6e9ea;
    padding: 15px;
    font-weight: bold;
    color: #7c878d;
    cursor: pointer;
    min-height: 100px;
}
.calendar .days .day_num span {
    display: inline-flex;
    width: 30px;
    font-size: 14px;
}
.calendar .days .day_num .event {
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 4px;
    background-color: #f7c30d;
    color: #fff;
    word-wrap: break-word;
}
.calendar .days .day_num .event.green {
    background-color: #51ce57;
}
.calendar .days .day_num .event.blue {
    background-color: #518fce;
}
.calendar .days .day_num .event.red {
    background-color: #ce5151;
}
.calendar .days .day_num:nth-child(7n+1) {
    border-left: 1px solid #e6e9ea;
}
.calendar .days .day_num:hover {
    background-color: #fdfdfd;
}
.calendar .days .day_num.ignore {
    background-color: #fdfdfd;
    color: #ced2d4;
    cursor: inherit;
}
.calendar .days .day_num.selected {
    background-color: #f1f2f3;
    cursor: inherit;
}


/* ---------- teams ----------- */

#GFTeamSection {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text x='0' y='70' fill='white' font-size='72' font-family='Arial'>GF</text></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

#HRTeamSection {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text x='0' y='70' fill='white' font-size='72' font-family='Arial'>HR</text></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

#SUTeamSection {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text x='0' y='70' fill='white' font-size='72' font-family='Arial'>SU</text></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

#CCTeamSection {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text x='0' y='70' fill='white' font-size='72' font-family='Arial'>CC</text></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

#RBTeamSection {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text x='0' y='70' fill='white' font-size='72' font-family='Arial'>RB</text></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

#FRTeamSection {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text x='0' y='70' fill='white' font-size='72' font-family='Arial'>FR</text></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

#RETeamSection {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text x='0' y='70' fill='white' font-size='72' font-family='Arial'>RE</text></svg>");
    background-repeat: no-repeat;
    background-position: center;;
}

#LATeamSection {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text x='0' y='70' fill='white' font-size='72' font-family='Arial'>LA</text></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

.RowDivLogin {
	height: 40px;
    width: 100%;
}

.InputLogin[type="text"] {
    height: 30px;
    font-size: 16px;
	width: 80%;
	max-width: 350px;
}

table {
	border-collapse: collapse;
}

#FootBar {
	/*display: none;*/
}

/* MOBILE */

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 430px) {


img#KTOLogo {
    width: auto;
    height: 25px;
}	

    #signoffdiv {
        font-size: 15px;
        letter-spacing: 0px;
        display: block;
        position: absolute;
        right: 0px;
        top: 12px !important; 
        padding-top: 0px !important;
        padding-right: 10px;
    }
	
}

@media only screen and (max-width: 900px) {

	.EditButton, .EditButtonDelete {
		height: 35px;
		font-size: 18px;
	}


	tr {
		
		border: 1px solid #7e7e7e;
	}

	td {
        display: grid;
        grid-template-columns: 20ch auto;
        justify-items: start;
        align-items: center;
        align-content: center;
		padding: 0rem;
	}
	
	th {
		display: none;
	}
	
	td:first-child {
		padding-top: 2rem;
	}
	
	td:last-child {
		padding-bottom: 2rem;
	}
	
	.ButtonStyle::before {
		content: none;
	}
	
	
	td::before {
		content: attr(data-cell) " ";
		font-weight: 700;
		padding: 0.5rem 2rem;
	}
	
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 300px) and (max-width: 700px) {
	
	.NormForm {
		margin: 0px;
		margin-top: 20px;
		width: 300px;
		margin-left: 30px;
	}
	
	input[type="date"] {
		padding: 5px 10px 5px 10px;
	}
	
	select.UserRowDiv {
		width: 100%;
	}
	
	th {
		padding-right: 5px;
		font-size: 16px;
	}
	
	.TableHideOnMobile {
		display: none;
	}
	
	/* unter 700px Menü zu Listenformat */
	.BoxMenu {
    display: inline-block;
    width: 100%;
    height: 140px;
    min-width: 260px;
	max-width: 800px;
    background: #2d4ea1ab;
    margin: 10px;
    cursor: pointer;
    opacity: 0.8;
    background-size: 70px !important;
    background-position-y: 50px !important;
	margin-left: 0px;
}
	
	.BoxMenuAdmin {
    display: inline-block;
    width: 100%;
    height: 140px;
    min-width: 260px;
	max-width: 800px;
    background: #2d4ea1ab;
    margin: 10px;
    cursor: pointer;
    opacity: 0.8;
    background-size: 70px !important;
    background-position-y: 50px !important;
	margin-left: 0px;
}
	
	#AdminRank {
    font-size: 16px;
    letter-spacing: 0px;
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 10px;
    padding-right: 10px;
    color: black;
    font-weight: 600;
}

	#Rank {
    font-size: 16px;
    letter-spacing: 0px;
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 10px;
    padding-right: 10px;
    color: black;
    font-weight: 600;
}
	
	#signoffdiv {
    font-size: 16px;
    letter-spacing: 0px;
    display: block;
    position: absolute;
    right: 0px;
    top: 14px;
    padding-top: 5px;
    padding-right: 10px;
}
	
	#SignOffButton {
    background-color: #636363;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
    border: none;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
}

	.ButtonPair {
    height: 160px;
}

	.MarginTop {
    margin-top: 12px;
    width: 100%;
    display: block;
    margin-right: 0px;
}

input.UserInputText {
    margin-left: 0px;
    font-size: 18px;
    padding-left: 0px;
}

    .UserInputTextarea {
        margin-left: 0px;
        font-size: 18px;
        padding-left: 0px;
        font-family: sans-serif;
        height: 300px;
        width: 100%;
        max-height: 310px;
        max-width: 1000px;
        min-height: 150px;
        min-width: 0px;
    }





	
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 701px) and (max-width: 900px) {


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 901px) and (max-width: 1200px) {
	

	
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1201px) {
	

	
}

.NegativeColor {
	background-color: red;
	background-clip: content-box;
}

.PositiveColor {
	background-color: green;
	background-clip: content-box;
}

.InputLogin[type="password"] {
    height: 30px;
    font-size: 16px;
    width: 80%;
    max-width: 350px;
}


.UploadButton {
	display: block;
    width: 100%;
    height: 30px;
    background: #2d4ea1ab;
    cursor: pointer;
    opacity: 0.8;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
    border: none;
	margin-bottom: 30px;
}

.InfoText {
	margin: 0px;
}

#BackToHomeButton {
	display: inline-block;
    cursor: pointer;
    padding: 15px 30px 15px 20px;
    background: #0f1021;
    font-size: 18px;
    border-radius: 0px 0px 40px 0px;
	opacity: 0.7;
}

#BackToHomeButton:hover {
    box-shadow: 0 0 10px #10c4ff;
    text-shadow: 0 0 5px #10c4ff;
    opacity: 1;
}

#confirmPopup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 2px solid #000;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}
.popup-buttons {
    margin-top: 15px;
    display: flex;
    gap: 10px;
}


.PostDeleteButton {
    position: absolute;
    top: 0px;
    right: 0px;
}

input.PostButtonDelete {
    height: 30px;
    width: 40px;
    background: #2f3c5c;
    font-weight: 900;
    border: none;
    color: white;
    cursor: pointer;
}	

input.PostButtonDelete:hover {
    box-shadow: 0 0 5px #10c4ff;
}

#confirmPopup {
    background: #172033;
    border: none;
    box-shadow: 0px 0px 5px 0px white;
    color: white;
    font-size: 20px;
    border: 1px white;
    padding-top: 0px;
}

.PopUpButtonYes {
    width: 100px;
    background: green;
    border: none;
    color: white;
    font-size: 16px;
    height: 30px;
	cursor: pointer;
}

.PopUpButtonNo {
    width: 100px;
    background: #620000;
    border: none;
    color: white;
    font-size: 16px;
    height: 30px;
    right: 20px;
    position: absolute;
	cursor: pointer;
}