* {
   margin: 0;
   padding: 0;
}

html, body {
   font-family: Helvetica, sans-serif, Verdana, Arial;
   color: #4C4C4C;
   background-color: #F8F8F8;
   min-height: 100%;
   height: 100% !important; 
   height: 100%;
}

div#centered {
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-bottom: 10px;
    padding-bottom: 40px;     /* Trick für den Fussbereich! Damit läuft der Inhalt unten nicht raus */  
    position: relative;
    width: 1224px;
    -moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.5), -2px 4px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.5), -2px 4px 4px rgba(0,0,0,0.5);
    box-shadow: 2px 4px 4px rgba(0,0,0,0.5), -2px 4px 4px rgba(0,0,0,0.5);
    overflow:hidden;
}

div#areatop {
   background-color: #FFFFFF;
   height: 100px;
}

div#toplogo  { position: absolute; left: 1093px; top: 45px; }
div#toplogo2 { position: absolute; left: 1054px; top: 45px; }

.topperso {
   font-size: 90%;
	background-color: #F2F2F2;
	padding: 1.9em;
}

.topuk {
   background-color: #F2F2F2;
   padding: 30px 30px 15px 15px;
	position: absolute; 
	width: 245px;
	top: 100px;
	left: 765px;
}

.greentext { color: green; }
.redtext { color: red !important; }

div#logout {
	position: absolute;
	margin-left: 34px;
   margin-top: 60px;
}

div#directories {
   background-color: white;  /*  #F7F7F7;  */
   position: relative;
   float: left;   
   font-family: Helvetica, sans-serif, Verdana, Arial;
   font-size: 90%;
   left: 10px;
   width: 150px;
}

#TimeTableComplete { margin-top: 2.0em; }

.fileinfo {
   position: absolute;
   left: 470px;
   background-color: white;
   width: 163px;
   padding-left: 17px;	
}

.filedelete {
   position: absolute;
   margin-top: 2px;
   left: 630px;	
   cursor: pointer;
}

.warndelete {
   position: absolute;
   left: 495px;	
	color: red;
   display: none; 	
}

div#ctoparent {
   background-color: white;
   left: 0px;  
   top: 372px;
   width: 1224px;
   margin-top: 15px;
}


div#maincto {
   position: relative; 
   background-color: #FFFFFF;
   width: 1220px;
   left: 30px;
   top: 10px;
   font-size: 90%;
   overflow: hidden;   
}

div#login {
   position: relative;
	left: 490px;
   top: 15px;
   width: 400px;
}

.ctoborder {
   position: relative;
	background-color: #F7F7F7;
   padding: 15px;
   border: 1px solid #D4D4D4;	
}

.caption {  font-family: Helvetica, sans-serif, Verdana, Arial; font-size: 90%; font-weight: normal; color: #4C4C4C; top: -4px; }

.persomalist {}

/* 10.06.25 FR - Darstellungsanpassungen: Tooltips */
.ui-tooltip {
    font-size: 13px;
    padding: 8px 12px;
    background: #fffbea;
    color: #222;
    border: 1px solid #e0c97f;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
    width: auto;
    max-width: 500px;
    max-height: 250px;
    overflow: auto;  
    white-space: normal;
    line-height: 1.6;
}

/* 11.06.25 FR - Darstellungsanpassungen: Reload-Symbol für adminRecalc */
#btn-recalc-saldos {
    background: none;
    border: none;
    padding: 0;
    margin-left: 10px;
    margin-top: 10px;          
    vertical-align: middle;
    box-shadow: none;
    width: 32px;               
    height: 32px;
    min-width: 0;
    min-height: 0;
    color: #666;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#btn-recalc-saldos:focus {
    outline: none;
}

#btn-recalc-saldos:hover,
#btn-recalc-saldos:active {
    color: #d00;
    background: #ffeded;
}

#btn-recalc-saldos i {
    font-size: 28px;
    line-height: 1;
    pointer-events: none;
}


.table         { display:table; }
.table div     { display:table-row; padding: 4px;}
.table div div { display:table-cell; min-width: 64px;}

.persoinput { border: 1px solid #d6d6d6; width: 70px; padding: 2px; }
.borderinput { border: 1px solid #dedede; padding: 1.3rem; }
.borderinputerror { font-weight: 400; border: 1px solid red; background-color: #ffeded; text-align: center; margin-left: 0.1rem}

.nowrap {white-space: nowrap;}

.hspacer {padding-right: 15px;}
.vspacer {padding-top: 2.7em !important;}
.vspacer2 {padding-top: 30px !important;}

.hidden { display: none; }

#AnyData { margin-bottom: 30px; }

.text { font-family: Helvetica, sans-serif, Verdana, Arial; font-size: 90%; font-weight: normal; color: #4C4C4C; margin: 0px; }

.small { font-size: 70%; }

hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); margin: 20px 0px 19px 0px; }

H1 {
   font-size: 100%;
   color: #323232;
   margin-bottom: 5px;
   font-weight: 600;
}
.bigh1 { color: #c80000; font-size: 140%; }

H2 {
   margin-bottom: 20px;
   font-size: 80%;
   color: #002551;
}

H3 {
   color: #323232;
   line-height: 160%;
}

input[type=submit], .greybutton {
   color: #4C4C4C;
	padding:5px 15px; background:#ccc; border:0 none;
   cursor:pointer;
   -webkit-border-radius: 5px;
   border-radius: 5px; 
}

.redbutton {
   color: white;
	padding:5px 15px; background:#c30000; border:0 none;
   cursor:pointer;
   -webkit-border-radius: 5px;
   border-radius: 5px; 
}

H4 {
   line-height: 160%;
   font-size: 100%;
   color: #999999;
   font-weight: normal;
}

a, a:active {
   color: #4C4C4C;
   text-decoration: none;
}

a:hover {
   color: #CE0010;
	text-decoration: underline;
   border-bottom: 1px solid #CFCFCF;
}

.linkaBox-active { background-color: #6fe201 !important; }
.linkaBox-incomplete { border: 1px solid #ff9090 !important; }

.even { background-color: #F2F2F2; }
.odd { background-color: #f9f9f9; }
.darkgray { color: #a6a6a9; }
.warning { color: red; }

.ui-timepicker-table { width: 260px; }

.ui-timepicker-table td a {
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: 3.0em !important; 
}

.ui-timepicker-hours {}
.ui-timepicker-minutes { background-color: white; }

.ui-widget-header {
    background: transparent;
    border: 0;
/*    color: #FFFFFF;  */
    font-weight: bold;
}

.ui-widget-content {
    background: #F7F7F7;
    border: 0;
    color: #333333;
}

.ui-state-default {
    background: #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #323232;
    font-weight: normal;
    padding: 1.0em !important;
}


/* Foundation Override */
.row { padding-top: 0.3em; padding-bottom: 0.3em; max-width: 70.5rem; margin: 0; }

.column, .columns {
    padding-left: 0.4375rem;
    padding-right: 0.4375rem;
}

i { font-size: 1.2em; color: #737373; cursor: pointer; }
.link-in-a-Box i { font-size: 1.0em; }

.button, button { margin: 0 0 1.0rem; }
button.tiny, .button.tiny { padding: 0.625rem 1.05rem 0.6875rem 1.05rem; }

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	height: 1.60rem;
	margin: 0;
}

input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
   background-color: white;	
   margin: 0;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0; }
select { height: 2.4em; }

.switch input:checked + label { background: #cd120b; }

.input-date-small { font-size: 0.775rem !important; }

.vex-dialog-button-primary { background-color: #000000 !important; } /* vorher: de2222*/
.vex-dialog-button-secondary { background-color: #bfbfbf !important; color: white !important; }
.vex.vex-theme-flat-attack { font-size: 1.2em !important; }