Files
BeWoPlaner/BeWoPlanerMobil/Content/BeWoMobileStyle.css

878 lines
21 KiB
CSS

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;
}
button {
-webkit-border-radius: 0;
border-radius: 0;
}
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;
vertical-align: top;
}
body {
font-family: "Microsoft Sans Serif", Arial, sans-serif;
margin: 0;
height: 100%;
}
pre {
font-family: "Microsoft Sans Serif", Arial, sans-serif;
white-space: pre-line;
word-wrap: normal;
}
a, a:active, a:visited, a:hover {
color: #555;
}
.input-wrapper {
position: relative;
line-height: 14px;
display: block;
margin: 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%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
resize: none;
}
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;
}
.toggle-btn-div {
margin-top: .2em;
margin-bottom: 0;
border: 1px solid #E6E6E6;
padding: 5px 0px;
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: #E6E6E6;
}
.kollabierbar {
border: 1px solid #E6E6E6;
border-top: 0;
border-radius: 0;
font-size: 13px;
color: #555;
margin-top: -5px;
padding: .5em;
}
.kollabierbarGruppenbuchung {
border: 1px solid #FDC784;
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, #validationPopupDiv {
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, #kommentarContainer {
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;
}
#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;
}
.not-required-input {
width: 100%;
}
.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, #ShowExpiredSupportConceptsCheckBox, #gruppenbuchungsCheckbox, #changeBookingModeCheckBox {
width: initial;
}
/* Sonst nicht korrekt dargestellt bei Firefox für Android */
input[type="checkbox"] {
padding: initial;
}
#LabelForShowOnlyOwnSupporConceptsCB, #LabelForShowExpiredSupportConceptsCB, #labelForGruppenbuchungsCheckbox, #labelForGruppenbuchungsCheckbox:active, #labelForGruppenbuchungsCheckbox:hover, #labelForGruppenbuchungsCheckbox:focus, #labelForChangeBookingModeCheckBox {
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: .5em;
background-image: url("images/statistik-orange.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#add-sc-button, #add-employee-button, #add-sc-group-button {
background-image: url("images/plus.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.gruppenbuchungsCheckboxContainer {
padding-left: .43em;
}
#statistik-button {
background-image: url("images/statistik-orange.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.documentationTextArea {
height: 60px;
display: none;
margin-top: 0;
}
.removeButton {
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-size: contain;
background-position: center;
width: auto;
float: right;
}
.text-module-popup-div-background {
display: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 899;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #bbbbbb;
opacity: .5;
overflow: hidden;
}
.text-module-popup-div {
display: none;
position: absolute;
background-color: #ffffff;
border: 1px solid #FF5A00;
margin: auto;
width: 95%;
height: 50%;
z-index: 900;
padding: 2px;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-y: scroll;
}
.kollabierbar-text-modules {
font-size: 13px;
color: #555555;
margin-top: -5px;
padding: .5em;
}
.see-thru-popup-container {
display: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 899;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #bbbbbb;
opacity: 0;
overflow: hidden;
}
.group-booking-popup-div {
display: none;
position: absolute;
background-color: #ffffff;
border: 1px solid #FF5A00;
margin: 0 8px;
z-index: 900;
padding: 0;
left: 0;
right: 0;
overflow-y: scroll;
}
#groupBookingOpenPopupBtn, #groupBookingOpenEmployeeSelectionPopupBtn {
text-align: left;
background-image: url('images/toggle-icon-d.svg');
background-repeat: no-repeat;
background-position: 99.5% center;
margin-bottom: .25em;
margin-top: .25em;
}
#groupBookingOpenPopupBtn {
margin-bottom: 1em;
margin-top: .5em;
}
.group-booking-tab {
overflow: hidden;
}
.group-booking-tab button {
float: left;
border: none;
outline: none;
width: 50%;
background-color: #e6e6e6;
font-size: 13px;
color: #555;
padding: 10px 20px;
}
.group-booking-tab button.active {
background-color: #ff5a00;
color: white;
}
.tab-content {
display: none;
}
.collapsible-group-booking {
margin: 0;
padding: 0;
display: none;
}
.tab-content table {
width: 100%;
margin: 0;
padding: 0;
}
.group-booking-text-cell {
font-size: 13px;
padding-left: .5em;
}
.tab-content table tr:nth-child(even) {
background-color: #f0f0f0;
}
#employeeCollapsible {
overflow-y: auto;
}
#employeePopupDiv {
overflow-y: hidden;
}
/* Neue Dokumentationstabs */
.doku-tab {
overflow: hidden;
margin-bottom: 0;
word-wrap: break-word;
}
.doku-tab-link {
display: none;
padding: 10px 20px;
float: left;
border: none;
outline: none;
background-color: #e5e5e5;
width: 20%;
font-size: 13px;
}
.doku-tab-link.active {
background-color: #ff5a00;
color: white;
}
.doku-tab-link:disabled {
background-color: #e5e5e5;
color: black;
}
.doku-tab-content {
display: none;
}
#validationPopupDiv {
height: auto;
z-index: 9999;
padding: 0 1.5em;
}