input::-moz-focus-inner {
  border: 0;
}

table, tr, td {
	padding: .11em 0 .11em 0;
	border-spacing: 0;
}

table {
	width: 100%;
}

.centerImg {
	display: block;
	margin: 1em auto;
}

hr {
	border: 0;
	height: 0;
	border-top: 1px solid #e5e5e5;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.testklasse td:first-child {
	width: 1%;
	margin-right: .1em;
	white-space: nowrap;
}

.recordHeader {
	color: darkgray;
}

body {
	font-family: "Microsoft Sans Serif", Arial, sans-serif;
	margin: 0;
    height: 100%;
}

a, a:active, a:visited, a:hover {
	color: #555;
}

.input-wrapper {
	position: relative;
	line-height: 14px;
	display: block;
	margin: 0 0 0.1em 0;
}

.cell-content {
	padding: 0;
	margin: .2em 0;
}

label {
	color: #bbb;
	font-size: 11px;
	text-transform: uppercase;
	position: absolute;
	z-index: 1;
	left: 20px;
	top: 12px;
	padding: 0 2px;
	pointer-events: none;
	background: #fff;
}

.combobox-label-parent {
	display: block;
	padding: 0;
    margin-bottom: .1em;
    margin-top: -1em;
}

.combobox-label-parent label {
	color: #bbb;
	font-size: 11px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	left: 15px;
	top: 10px;
	pointer-events: none;
	background: #fff;
}

input, textarea {
	box-shadow:none;
	background: #fff;
	font-size: 13px;
	color: #555;
	outline: none;
	border: 1px solid #bbb;
	padding: 10px 20px;
	-webkit-border-radius: 0;
	border-radius: 0;
	position: relative;
	width: 100%; 
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
}

input[type=text], input[type=number], input[type=button], input[type=password], input[type=submit], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
}

input:focus, textarea:focus {
	border-color: #FF5A00; /*beyondSoft Orange*/
}

input:focus + label, textarea:focus + label {
	color: #FF5A00 !important;
}

input[type=submit]:active, input[type=button]:active {
	background-color: #FF5A00;
	color: #FFF;
}

input[type=submit], input[type=button] {
	background-color: #E6E6E6;
	border: none;
}

span {
	white-space: normal !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.toggle-btn, .toggle-btn2 {
	margin-top: .2em;
	margin-bottom: 0;
	border: 1px solid #bbb;
	border-radius: 0;
	background-image: url("images/toggle-icon-d.svg");
	background-repeat: no-repeat;
	background-position: 99.5% center;
	text-align: left;
	background-color: #f4f4f4
}

.kollabierbar {
	border: 1px solid #E6E6E6;
	border-top: 0;
	border-radius: 0;
	font-size: 13px;
	color: #555;
	margin-top: -5px;
	padding: .5em;
}

.collapsible-container {
	margin-bottom: .1em;
}

.logout-button {
	float: right;
	width: auto;
	background-color: #2a2929 !important;
	border: none;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FF5A00%3B%22%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455%20C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773%20C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773%20c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811%20C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1%20c-0.553%2C0-1%2C0.447-1%2C1v6C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
}

.logout-btn {
	width: auto;
	background-color: #2a2929 !important;
	border: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 100%;
	font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
}

.logout-btn:active {
	color: #ff5a00 !important;
}

#ui-datepicker-div {
	 z-index: 2 !important;
}

.edit-button {
	width: auto;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FF5A00%22%20d%3D%22M%202%2C11%201%2C15%205%2C14%2012%2C7%209%2C4%202%2C11%20z%20M%2012%2C1%2010%2C3%2013%2C6%2015%2C4%2012%2C1%20z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    padding:7.5px 15px;
}

.unterschreiben {
    width: auto;
    background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    padding:3px 15px;

}

.delete-button {
	width: auto;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FF5A00%22%20points%3D%2215%2C4%2012%2C1%208%2C5%204%2C1%201%2C4%205%2C8%201%2C12%204%2C15%208%2C11%2012%2C15%2015%2C12%2011%2C8%20%22%3E%3C%2Fpolygon%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    padding:7.5px 15px; 
}

.floating-element-container {
	width: 100%;
	overflow: hidden;
}

input[disabled], button[disabled]:active, input[type=submit][disabled]:active, textarea[disabled] {
	background-color: #f4f4f4;
	border-color: #bbbbbb;
	color: #bbbbbb;
}

.header-span {
	float: left;
	margin-top: .55em;
	margin-left: .5em;
	color: #ffffff;
}

.header-div {
	line-height: normal;
	vertical-align: middle;
	
	overflow: hidden;
	background-color: #2a2929;
}

.margin-div {
	margin: 0 .5em;
	margin-bottom: 1em;
}

.anlegen-btn {
	float:right; 
	width: auto;
}

.left-btn {
	width: initial;
	float: left;
	display: block;
}

.laden-intervall-btn {
	background-image: url(images/calendar-bs-orange.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: .5em;
}

#kollabier-btn1 {
	margin-bottom: .1em;
}

/*#region Menü*/
#menu-btn {
	float: right;
	border: none;
	background-color: #2a2929;
	width: auto;
	background-image: url("images/bars-black.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.dark-bg {
	color: #fff;
}

ul {
	margin: 0;
	padding: 0;
}

.menu-item {
	padding: 1em 1em 1em 1em;
	cursor: default;
}

#menu-div {
	overflow: hidden; 
	background-color: #2a2929; 
	margin-top: -1.8em; 
	margin-bottom: 1.3em; 
	float: right; 
	width: auto;
}
/*#endregion*/

.input-wrapper-w-margin {
	margin-bottom: .5em;
}

.menu-img {
	margin-right: 1em;
}

.abmelden-img {
	margin-right: .5em;
}

#recordLoader_select {
	width: 100%; 
	font-size:13px;
}

#start-cell {
	margin-right: .36em;
}

#end-cell {
	margin-left: .36em;
}

.error-text {
    text-align: center;
	color: #db1b1b;
}

/*#region modales Popup*/
.modalWrapper {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 899;
	background-color: silver;
	opacity: .5;
	top: 0;
	left:0;
	bottom:0;
	right:0;
}

#popupDiv, #errorPopupDiv,#SuccessPopupDiv,#AendernPopupDiv {
	width:90%;
	height: 20%;  
	background-color: #ffffff;
	border: 1px solid #FF5A00;
	display: none; 
	margin: auto;
	position: absolute;        
    z-index: 900;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.popupBtn{
  	width: auto;  
	border: none; 
}


.SuccessPopupOkBtn,.AendernPopupOkBtn {
    width: auto;  
    border: none; 
}

.SuccessPopupUSchrift,.AendernPopupUSchrift {
    width: auto; 
	border: none; 
}
/*#endregion*/

#colorRibbon {
	width: 100%;
	height: .25em;
	background-color: #c80000;
	margin-bottom: 1.3em;
}

.menu-link:active {
	color: #ff5a00;
}

textarea {
	resize: vertical;
}

#klienten {
	display: none;
	margin: 0 .5em;
}

#klientenTabelle {
	display: none;
	overflow: auto;
    margin-top: 1em;
}

#umfeldContainer {
	display: none;
}

.contentTd {
	float: right;
}

.alternating-background {
	background-color: #f0f0f0;
}

.customer-td {
	color: #555;
}

.eigenschaftsdiv {
	padding-right: 1em;
	float: left;
	margin-bottom: 1em;
}

.eigenschaftsdiv h4 {
	display: inline;
	color:#AB4A07;
}

.warte-animation {
    display: none;
    width: 30%;
    position: fixed;
    left: 35%;
    top: 25%;
    z-index: 950;
    -webkit-animation: spin 2s ease infinite;
    -moz-animation: spin 2s ease infinite;
    -o-animation: spin 2s ease infinite;
    animation: spin 2s ease infinite;
}
        
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg);}}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg);}}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}}

.an-ie-angepasste-tabelle {
    padding: .5em 0 .5em .5em;
}

.floating-label {
    -webkit-transition: -webkit-transform 100ms ease;
    -moz-transition: -moz-transform 100ms ease;
    -o-transition: -o-transform 100ms ease;
    -ms-transition: -ms-transform 100ms ease;
    transition: transform 100ms ease;
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -o-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    transform: translateY(-18px);
}

.floating-label-input:invalid + .floating-label, .floating-label-input:disabled + .floating-label {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.floating-label-input:focus + .floating-label {
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -o-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    transform: translateY(-18px);
}

#zeiterfassungsErrorTableRow, #zeiterfassungsErrorTableCell {
	display: none;
}

.styled-select-div {
	overflow: hidden;
	background: url('images/toggle-icon-d.svg') no-repeat right;
    background-position: 99.5% center; 
	border: 1px solid #bbb;
	display: block;
}

.disabled-select-container {
    overflow: hidden;
	background: url('images/toggle-icon-d-disabled.svg') no-repeat right;
    background-position: 99.5% center;
	border: 1px solid #bbb;
	display: block;
}

.select-container {}

#sc-dropdown-container {
    margin-bottom: .2em; 
}

.styled-select-div select, .disabled-select-container select {
	background: transparent;
	font-size: 13px;
	line-height: 14px;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
    padding-left: 1em;
    padding-right: 1.5em;
    width: 100%; 
}

.styled-select-div select option:nth-child(odd) {
    background-color: #f0f0f0;
}

.styled-select-div select::-ms-expand {
	display: none;
}

#recordLoader_select_container {
    width: 25%; 
    float: left; 
    margin-top: .5em;
}

#logout-form {
    display: inline; 
    margin: 0; 
    padding: 0;
}

.dropdownlist-for {}

.not-required-input {
    width: 100%;
}

.date-input-css {}

.center-aligned-text-element {
    text-align: center;
}

#popupBtnDiv, #errorPopupBtnDiv,#SuccessPopupBtnDiv,#AendernPopupDiv{
    margin: 0 auto; 
    display: block;
}

.width-inheriting-table {
    width: inherit;
}

.inline-display-element {
    display: inline;
}

#KalenderTable, #KalenderTableTask {
    font-weight: bold;
    width: 100%;
}

.kalender-uhrzeit {
    color: #2B508B;
    padding-right: 1em;
}

.kalender-td {
    border-bottom: solid 1px #D8D8D8;
}

#ShowOnlyOwnSupportConceptsCheckBox {
    width: initial;
}

#LabelForShowOnlyOwnSupporConceptsCB {
    color: #000;
	text-transform: none;
	position: relative;
    left: 0;
	top: -.2em;
}

#VorherigerTag {
    background-image: url("images/pfeilLinks.svg");
	background-repeat: no-repeat;
	background-position: 50% center;
	text-align: left;
}

#NaechsterTag {
    background-image: url("images/pfeilRechts.svg");
	background-repeat: no-repeat;
	background-position: 50% center;
	text-align: left;
}

#NeuenTerminAnlegen {
    background-image: url("images/plus.svg");
	background-repeat: no-repeat;
	background-position: 50% center;
	text-align: left;
}

.navigation-table-td {
    padding-right: .1em;
}

#statistik-button {
    margin-left:0.5em;
    background-image: url("images/statistik-orange.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/*################################### ab hier Tabbs  ##########################################################*/
article.infobox section {
    position: absolute; /*absolute*/
    display: table-row; /*block*/
    width:100%;
    background-color: #ffffff;
    top:30px;
}

article.infobox section h2{
    position: absolute;
    left: 0;
    top: -30px; /*-30*/
    width: 15.5%; /*20*/
    height: 29px; /*29*/
    font-family: Verdana;
    font-size: 15px;
    margin: 0; /*0*/
    /*background-color: #194b7d;*/
    background-color: rgba(0, 0, 0, 0.1);
    border-radius:  0 0 0 0;/*10 10 0 0*/
    border: double  #ffffff; /*inset*/
    border-width: 1px 1px 0 1px; /*1,1,0,0*/
    z-index:0; /*0*/
    word-wrap: break-word; /*break word */
    border-color: rgba(0, 0, 0, 0.1);
}

article.infobox section:nth-child(2) h2{
    left: 15.5%;/*205 / 20.25%  || 16%*/
    z-index: 1;
    border-width: 1.5px 1.5px 0 1px;
    border-color: rgba(0, 0, 0, 0.1);
   
}

article.infobox section:nth-child(3) h2{
    left: 31%;/*410 || 32% */
    z-index:2;
    border-width: 1.5px 1.5px 0 1px;
    border-color: rgba(0, 0, 0, 0.1);
}

article.infobox section:nth-child(4) h2{
    left: 46.5%; /*615  || 48%*/
    z-index: 3;
    border-width: 1.5px 1.5px 0 1px;
    border-color: rgba(0, 0, 0, 0.1);
}

article.infobox section:nth-child(5) h2{
    left: 62%; /*820  || 64% */
    z-index: 4;
    border-width: 1.5px 1.5px 0 1px;
    border-color: rgba(0, 0, 0, 0.1);
}

article.infobox section h2 a {
    display: block; /*block*/
    margin: 5px 0px 0px 0px; /*5px 0 0 0 || 5 5 5 5 */
    /*border-width: 1px 1px 0 1px;*/
    text-align: center;
    text-decoration: none;
     /*border-color: rgba(0, 0, 0, 0.1);*/
    /*color: #c5d2de;*/
    color:#000000;
    /*#FF5A00*/
}

article.infobox section:target, article.infobox section:target h2 {
    color: #000000;
    /*background-color: #c5d2de;*/
    z-index: 1;
    /*margin: 5px 5px 5px 5px;*/
    background-color: #FFFFFF;
    border-color:#FF5A00; 
  
}

article.infobox section:target h2 a {
    color: #000000;
    border-color:#FF5A00;
 
   /* border-color:#FF5A00 ;
    border-width: 1px 1px 0 0;*/
}

