html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
html {
color: #222;
font-size: 1em;
line-height: 1.4; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
textarea {
resize: vertical; }
/*! jQuery UI - v1.11.4 - 2017-09-25
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse; }
.ui-helper-clearfix:after {
clear: both; }
.ui-helper-clearfix {
min-height: 0; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); }
.ui-front {
z-index: 100; }
.ui-state-disabled {
cursor: default !important; }
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat; }
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none; }
.ui-resizable {
position: relative; }
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none; }
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0; }
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0; }
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%; }
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%; }
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px; }
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px; }
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px; }
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px; }
.ui-selectable {
-ms-touch-action: none;
touch-action: none; }
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black; }
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none; }
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0;
font-size: 100%; }
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px; }
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto; }
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default; }
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; }
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
text-decoration: none; }
.ui-button-icon-only {
width: 2.2em; }
button.ui-button-icon-only {
width: 2.4em; }
.ui-button-icons-only {
width: 3.4em; }
button.ui-button-icons-only {
width: 3.7em; }
.ui-button .ui-button-text {
display: block;
line-height: normal; }
.ui-button-text-only .ui-button-text {
padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em; }
input.ui-button {
padding: .4em 1em; }
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px; }
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: .5em; }
.ui-buttonset {
margin-right: 7px; }
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em; }
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
border: 0;
padding: 0; }
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none; }
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px; }
.ui-datepicker .ui-datepicker-prev {
left: 2px; }
.ui-datepicker .ui-datepicker-next {
right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px; }
.ui-datepicker .ui-datepicker-next-hover {
right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px; }
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%; }
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em; }
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0; }
.ui-datepicker td {
border: 0;
padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left; }
.ui-datepicker.ui-datepicker-multi {
width: auto; }
.ui-datepicker-multi .ui-datepicker-group {
float: left; }
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left; }
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0; }
.ui-datepicker-rtl {
direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px; }
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0; }
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative; }
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px; }
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto; }
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right; }
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer; }
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px; }
.ui-draggable .ui-dialog-titlebar {
cursor: move; }
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none; }
.ui-menu .ui-menu {
position: absolute; }
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
margin: -1px; }
.ui-menu-icons {
position: relative; }
.ui-menu-icons .ui-menu-item {
padding-left: 2em; }
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0; }
.ui-menu .ui-menu-icon {
left: auto;
right: 0; }
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden; }
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%; }
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25; }
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none; }
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none; }
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px; }
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0; }
.ui-selectmenu-open {
display: block; }
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer; }
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%; }
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.ui-slider {
position: relative;
text-align: left; }
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none; }
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0; }
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit; }
.ui-slider-horizontal {
height: .8em; }
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%; }
.ui-slider-horizontal .ui-slider-range-min {
left: 0; }
.ui-slider-horizontal .ui-slider-range-max {
right: 0; }
.ui-slider-vertical {
width: .8em;
height: 100px; }
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%; }
.ui-slider-vertical .ui-slider-range-min {
bottom: 0; }
.ui-slider-vertical .ui-slider-range-max {
top: 0; }
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle; }
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px; }
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0; }
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none; }
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0; }
.ui-spinner-up {
top: 0; }
.ui-spinner-down {
bottom: 0; }
.ui-spinner .ui-icon-triangle-1-s {
background-position: -65px -16px; }
.ui-tabs {
position: relative;
padding: .2em; }
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text; }
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer; }
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none; }
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa; }
body .ui-tooltip {
border-width: 2px; }
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em; }
.ui-widget .ui-widget {
font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em; }
.ui-widget-content {
border: 1px solid #aaa;
background: #fff;
color: #222; }
.ui-widget-content a {
color: #222; }
.ui-widget-header {
border: 1px solid #aaa;
background: #ccc url("img/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
color: #222;
font-weight: bold; }
.ui-widget-header a {
color: #222; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url("img/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555;
text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #999;
background: #dadada url("img/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
color: #212121;
text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #aaa;
background: #fff url("img/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #212121;
text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url("img/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url("img/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none; }
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35); }
.ui-icon {
width: 16px;
height: 16px; }
.ui-icon, .ui-widget-content .ui-icon {
background-image: url("img/ui-icons_222222_256x240.png"); }
.ui-widget-header .ui-icon {
background-image: url("img/ui-icons_222222_256x240.png"); }
.ui-state-default .ui-icon {
background-image: url("img/ui-icons_888888_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url("img/ui-icons_454545_256x240.png"); }
.ui-state-active .ui-icon {
background-image: url("img/ui-icons_454545_256x240.png"); }
.ui-state-highlight .ui-icon {
background-image: url("img/ui-icons_2e83ff_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url("img/ui-icons_cd0a0a_256x240.png"); }
.ui-icon-blank {
background-position: 16px 16px; }
.ui-icon-carat-1-n {
background-position: 0 0; }
.ui-icon-carat-1-ne {
background-position: -16px 0; }
.ui-icon-carat-1-e {
background-position: -32px 0; }
.ui-icon-carat-1-se {
background-position: -48px 0; }
.ui-icon-carat-1-s {
background-position: -64px 0; }
.ui-icon-carat-1-sw {
background-position: -80px 0; }
.ui-icon-carat-1-w {
background-position: -96px 0; }
.ui-icon-carat-1-nw {
background-position: -112px 0; }
.ui-icon-carat-2-n-s {
background-position: -128px 0; }
.ui-icon-carat-2-e-w {
background-position: -144px 0; }
.ui-icon-triangle-1-n {
background-position: 0 -16px; }
.ui-icon-triangle-1-ne {
background-position: -16px -16px; }
.ui-icon-triangle-1-e {
background-position: -32px -16px; }
.ui-icon-triangle-1-se {
background-position: -48px -16px; }
.ui-icon-triangle-1-s {
background-position: -64px -16px; }
.ui-icon-triangle-1-sw {
background-position: -80px -16px; }
.ui-icon-triangle-1-w {
background-position: -96px -16px; }
.ui-icon-triangle-1-nw {
background-position: -112px -16px; }
.ui-icon-triangle-2-n-s {
background-position: -128px -16px; }
.ui-icon-triangle-2-e-w {
background-position: -144px -16px; }
.ui-icon-arrow-1-n {
background-position: 0 -32px; }
.ui-icon-arrow-1-ne {
background-position: -16px -32px; }
.ui-icon-arrow-1-e {
background-position: -32px -32px; }
.ui-icon-arrow-1-se {
background-position: -48px -32px; }
.ui-icon-arrow-1-s {
background-position: -64px -32px; }
.ui-icon-arrow-1-sw {
background-position: -80px -32px; }
.ui-icon-arrow-1-w {
background-position: -96px -32px; }
.ui-icon-arrow-1-nw {
background-position: -112px -32px; }
.ui-icon-arrow-2-n-s {
background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px; }
.ui-icon-arrow-2-e-w {
background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px; }
.ui-icon-arrowstop-1-n {
background-position: -192px -32px; }
.ui-icon-arrowstop-1-e {
background-position: -208px -32px; }
.ui-icon-arrowstop-1-s {
background-position: -224px -32px; }
.ui-icon-arrowstop-1-w {
background-position: -240px -32px; }
.ui-icon-arrowthick-1-n {
background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px; }
.ui-icon-arrowthick-1-e {
background-position: -32px -48px; }
.ui-icon-arrowthick-1-se {
background-position: -48px -48px; }
.ui-icon-arrowthick-1-s {
background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px; }
.ui-icon-arrowthick-1-w {
background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px; }
.ui-icon-arrow-4 {
background-position: 0 -80px; }
.ui-icon-arrow-4-diag {
background-position: -16px -80px; }
.ui-icon-extlink {
background-position: -32px -80px; }
.ui-icon-newwin {
background-position: -48px -80px; }
.ui-icon-refresh {
background-position: -64px -80px; }
.ui-icon-shuffle {
background-position: -80px -80px; }
.ui-icon-transfer-e-w {
background-position: -96px -80px; }
.ui-icon-transferthick-e-w {
background-position: -112px -80px; }
.ui-icon-folder-collapsed {
background-position: 0 -96px; }
.ui-icon-folder-open {
background-position: -16px -96px; }
.ui-icon-document {
background-position: -32px -96px; }
.ui-icon-document-b {
background-position: -48px -96px; }
.ui-icon-note {
background-position: -64px -96px; }
.ui-icon-mail-closed {
background-position: -80px -96px; }
.ui-icon-mail-open {
background-position: -96px -96px; }
.ui-icon-suitcase {
background-position: -112px -96px; }
.ui-icon-comment {
background-position: -128px -96px; }
.ui-icon-person {
background-position: -144px -96px; }
.ui-icon-print {
background-position: -160px -96px; }
.ui-icon-trash {
background-position: -176px -96px; }
.ui-icon-locked {
background-position: -192px -96px; }
.ui-icon-unlocked {
background-position: -208px -96px; }
.ui-icon-bookmark {
background-position: -224px -96px; }
.ui-icon-tag {
background-position: -240px -96px; }
.ui-icon-home {
background-position: 0 -112px; }
.ui-icon-flag {
background-position: -16px -112px; }
.ui-icon-calendar {
background-position: -32px -112px; }
.ui-icon-cart {
background-position: -48px -112px; }
.ui-icon-pencil {
background-position: -64px -112px; }
.ui-icon-clock {
background-position: -80px -112px; }
.ui-icon-disk {
background-position: -96px -112px; }
.ui-icon-calculator {
background-position: -112px -112px; }
.ui-icon-zoomin {
background-position: -128px -112px; }
.ui-icon-zoomout {
background-position: -144px -112px; }
.ui-icon-search {
background-position: -160px -112px; }
.ui-icon-wrench {
background-position: -176px -112px; }
.ui-icon-gear {
background-position: -192px -112px; }
.ui-icon-heart {
background-position: -208px -112px; }
.ui-icon-star {
background-position: -224px -112px; }
.ui-icon-link {
background-position: -240px -112px; }
.ui-icon-cancel {
background-position: 0 -128px; }
.ui-icon-plus {
background-position: -16px -128px; }
.ui-icon-plusthick {
background-position: -32px -128px; }
.ui-icon-minus {
background-position: -48px -128px; }
.ui-icon-minusthick {
background-position: -64px -128px; }
.ui-icon-close {
background-position: -80px -128px; }
.ui-icon-closethick {
background-position: -96px -128px; }
.ui-icon-key {
background-position: -112px -128px; }
.ui-icon-lightbulb {
background-position: -128px -128px; }
.ui-icon-scissors {
background-position: -144px -128px; }
.ui-icon-clipboard {
background-position: -160px -128px; }
.ui-icon-copy {
background-position: -176px -128px; }
.ui-icon-contact {
background-position: -192px -128px; }
.ui-icon-image {
background-position: -208px -128px; }
.ui-icon-video {
background-position: -224px -128px; }
.ui-icon-script {
background-position: -240px -128px; }
.ui-icon-alert {
background-position: 0 -144px; }
.ui-icon-info {
background-position: -16px -144px; }
.ui-icon-notice {
background-position: -32px -144px; }
.ui-icon-help {
background-position: -48px -144px; }
.ui-icon-check {
background-position: -64px -144px; }
.ui-icon-bullet {
background-position: -80px -144px; }
.ui-icon-radio-on {
background-position: -96px -144px; }
.ui-icon-radio-off {
background-position: -112px -144px; }
.ui-icon-pin-w {
background-position: -128px -144px; }
.ui-icon-pin-s {
background-position: -144px -144px; }
.ui-icon-play {
background-position: 0 -160px; }
.ui-icon-pause {
background-position: -16px -160px; }
.ui-icon-seek-next {
background-position: -32px -160px; }
.ui-icon-seek-prev {
background-position: -48px -160px; }
.ui-icon-seek-end {
background-position: -64px -160px; }
.ui-icon-seek-start {
background-position: -80px -160px; }
.ui-icon-seek-first {
background-position: -80px -160px; }
.ui-icon-stop {
background-position: -96px -160px; }
.ui-icon-eject {
background-position: -112px -160px; }
.ui-icon-volume-off {
background-position: -128px -160px; }
.ui-icon-volume-on {
background-position: -144px -160px; }
.ui-icon-power {
background-position: 0 -176px; }
.ui-icon-signal-diag {
background-position: -16px -176px; }
.ui-icon-signal {
background-position: -32px -176px; }
.ui-icon-battery-0 {
background-position: -48px -176px; }
.ui-icon-battery-1 {
background-position: -64px -176px; }
.ui-icon-battery-2 {
background-position: -80px -176px; }
.ui-icon-battery-3 {
background-position: -96px -176px; }
.ui-icon-circle-plus {
background-position: 0 -192px; }
.ui-icon-circle-minus {
background-position: -16px -192px; }
.ui-icon-circle-close {
background-position: -32px -192px; }
.ui-icon-circle-triangle-e {
background-position: -48px -192px; }
.ui-icon-circle-triangle-s {
background-position: -64px -192px; }
.ui-icon-circle-triangle-w {
background-position: -80px -192px; }
.ui-icon-circle-triangle-n {
background-position: -96px -192px; }
.ui-icon-circle-arrow-e {
background-position: -112px -192px; }
.ui-icon-circle-arrow-s {
background-position: -128px -192px; }
.ui-icon-circle-arrow-w {
background-position: -144px -192px; }
.ui-icon-circle-arrow-n {
background-position: -160px -192px; }
.ui-icon-circle-zoomin {
background-position: -176px -192px; }
.ui-icon-circle-zoomout {
background-position: -192px -192px; }
.ui-icon-circle-check {
background-position: -208px -192px; }
.ui-icon-circlesmall-plus {
background-position: 0 -208px; }
.ui-icon-circlesmall-minus {
background-position: -16px -208px; }
.ui-icon-circlesmall-close {
background-position: -32px -208px; }
.ui-icon-squaresmall-plus {
background-position: -48px -208px; }
.ui-icon-squaresmall-minus {
background-position: -64px -208px; }
.ui-icon-squaresmall-close {
background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px; }
.ui-icon-grip-solid-vertical {
background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px; }
.ui-icon-grip-diagonal-se {
background-position: -80px -224px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 4px; }
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px; }
/*! jQuery UI - v1.11.4 - 2017-09-25
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em; }
.ui-widget .ui-widget {
font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em; }
.ui-widget-content {
border: 1px solid #aaa;
background: #fff;
color: #222; }
.ui-widget-content a {
color: #222; }
.ui-widget-header {
border: 1px solid #aaa;
background: #ccc url("img/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
color: #222;
font-weight: bold; }
.ui-widget-header a {
color: #222; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url("img/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555;
text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #999;
background: #dadada url("img/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
color: #212121;
text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #aaa;
background: #fff url("img/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #212121;
text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url("img/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url("img/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none; }
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35); }
.ui-icon {
width: 16px;
height: 16px; }
.ui-icon, .ui-widget-content .ui-icon {
background-image: url("img/ui-icons_222222_256x240.png"); }
.ui-widget-header .ui-icon {
background-image: url("img/ui-icons_222222_256x240.png"); }
.ui-state-default .ui-icon {
background-image: url("img/ui-icons_888888_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url("img/ui-icons_454545_256x240.png"); }
.ui-state-active .ui-icon {
background-image: url("img/ui-icons_454545_256x240.png"); }
.ui-state-highlight .ui-icon {
background-image: url("img/ui-icons_2e83ff_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url("img/ui-icons_cd0a0a_256x240.png"); }
.ui-icon-blank {
background-position: 16px 16px; }
.ui-icon-carat-1-n {
background-position: 0 0; }
.ui-icon-carat-1-ne {
background-position: -16px 0; }
.ui-icon-carat-1-e {
background-position: -32px 0; }
.ui-icon-carat-1-se {
background-position: -48px 0; }
.ui-icon-carat-1-s {
background-position: -64px 0; }
.ui-icon-carat-1-sw {
background-position: -80px 0; }
.ui-icon-carat-1-w {
background-position: -96px 0; }
.ui-icon-carat-1-nw {
background-position: -112px 0; }
.ui-icon-carat-2-n-s {
background-position: -128px 0; }
.ui-icon-carat-2-e-w {
background-position: -144px 0; }
.ui-icon-triangle-1-n {
background-position: 0 -16px; }
.ui-icon-triangle-1-ne {
background-position: -16px -16px; }
.ui-icon-triangle-1-e {
background-position: -32px -16px; }
.ui-icon-triangle-1-se {
background-position: -48px -16px; }
.ui-icon-triangle-1-s {
background-position: -64px -16px; }
.ui-icon-triangle-1-sw {
background-position: -80px -16px; }
.ui-icon-triangle-1-w {
background-position: -96px -16px; }
.ui-icon-triangle-1-nw {
background-position: -112px -16px; }
.ui-icon-triangle-2-n-s {
background-position: -128px -16px; }
.ui-icon-triangle-2-e-w {
background-position: -144px -16px; }
.ui-icon-arrow-1-n {
background-position: 0 -32px; }
.ui-icon-arrow-1-ne {
background-position: -16px -32px; }
.ui-icon-arrow-1-e {
background-position: -32px -32px; }
.ui-icon-arrow-1-se {
background-position: -48px -32px; }
.ui-icon-arrow-1-s {
background-position: -64px -32px; }
.ui-icon-arrow-1-sw {
background-position: -80px -32px; }
.ui-icon-arrow-1-w {
background-position: -96px -32px; }
.ui-icon-arrow-1-nw {
background-position: -112px -32px; }
.ui-icon-arrow-2-n-s {
background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px; }
.ui-icon-arrow-2-e-w {
background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px; }
.ui-icon-arrowstop-1-n {
background-position: -192px -32px; }
.ui-icon-arrowstop-1-e {
background-position: -208px -32px; }
.ui-icon-arrowstop-1-s {
background-position: -224px -32px; }
.ui-icon-arrowstop-1-w {
background-position: -240px -32px; }
.ui-icon-arrowthick-1-n {
background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px; }
.ui-icon-arrowthick-1-e {
background-position: -32px -48px; }
.ui-icon-arrowthick-1-se {
background-position: -48px -48px; }
.ui-icon-arrowthick-1-s {
background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px; }
.ui-icon-arrowthick-1-w {
background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px; }
.ui-icon-arrow-4 {
background-position: 0 -80px; }
.ui-icon-arrow-4-diag {
background-position: -16px -80px; }
.ui-icon-extlink {
background-position: -32px -80px; }
.ui-icon-newwin {
background-position: -48px -80px; }
.ui-icon-refresh {
background-position: -64px -80px; }
.ui-icon-shuffle {
background-position: -80px -80px; }
.ui-icon-transfer-e-w {
background-position: -96px -80px; }
.ui-icon-transferthick-e-w {
background-position: -112px -80px; }
.ui-icon-folder-collapsed {
background-position: 0 -96px; }
.ui-icon-folder-open {
background-position: -16px -96px; }
.ui-icon-document {
background-position: -32px -96px; }
.ui-icon-document-b {
background-position: -48px -96px; }
.ui-icon-note {
background-position: -64px -96px; }
.ui-icon-mail-closed {
background-position: -80px -96px; }
.ui-icon-mail-open {
background-position: -96px -96px; }
.ui-icon-suitcase {
background-position: -112px -96px; }
.ui-icon-comment {
background-position: -128px -96px; }
.ui-icon-person {
background-position: -144px -96px; }
.ui-icon-print {
background-position: -160px -96px; }
.ui-icon-trash {
background-position: -176px -96px; }
.ui-icon-locked {
background-position: -192px -96px; }
.ui-icon-unlocked {
background-position: -208px -96px; }
.ui-icon-bookmark {
background-position: -224px -96px; }
.ui-icon-tag {
background-position: -240px -96px; }
.ui-icon-home {
background-position: 0 -112px; }
.ui-icon-flag {
background-position: -16px -112px; }
.ui-icon-calendar {
background-position: -32px -112px; }
.ui-icon-cart {
background-position: -48px -112px; }
.ui-icon-pencil {
background-position: -64px -112px; }
.ui-icon-clock {
background-position: -80px -112px; }
.ui-icon-disk {
background-position: -96px -112px; }
.ui-icon-calculator {
background-position: -112px -112px; }
.ui-icon-zoomin {
background-position: -128px -112px; }
.ui-icon-zoomout {
background-position: -144px -112px; }
.ui-icon-search {
background-position: -160px -112px; }
.ui-icon-wrench {
background-position: -176px -112px; }
.ui-icon-gear {
background-position: -192px -112px; }
.ui-icon-heart {
background-position: -208px -112px; }
.ui-icon-star {
background-position: -224px -112px; }
.ui-icon-link {
background-position: -240px -112px; }
.ui-icon-cancel {
background-position: 0 -128px; }
.ui-icon-plus {
background-position: -16px -128px; }
.ui-icon-plusthick {
background-position: -32px -128px; }
.ui-icon-minus {
background-position: -48px -128px; }
.ui-icon-minusthick {
background-position: -64px -128px; }
.ui-icon-close {
background-position: -80px -128px; }
.ui-icon-closethick {
background-position: -96px -128px; }
.ui-icon-key {
background-position: -112px -128px; }
.ui-icon-lightbulb {
background-position: -128px -128px; }
.ui-icon-scissors {
background-position: -144px -128px; }
.ui-icon-clipboard {
background-position: -160px -128px; }
.ui-icon-copy {
background-position: -176px -128px; }
.ui-icon-contact {
background-position: -192px -128px; }
.ui-icon-image {
background-position: -208px -128px; }
.ui-icon-video {
background-position: -224px -128px; }
.ui-icon-script {
background-position: -240px -128px; }
.ui-icon-alert {
background-position: 0 -144px; }
.ui-icon-info {
background-position: -16px -144px; }
.ui-icon-notice {
background-position: -32px -144px; }
.ui-icon-help {
background-position: -48px -144px; }
.ui-icon-check {
background-position: -64px -144px; }
.ui-icon-bullet {
background-position: -80px -144px; }
.ui-icon-radio-on {
background-position: -96px -144px; }
.ui-icon-radio-off {
background-position: -112px -144px; }
.ui-icon-pin-w {
background-position: -128px -144px; }
.ui-icon-pin-s {
background-position: -144px -144px; }
.ui-icon-play {
background-position: 0 -160px; }
.ui-icon-pause {
background-position: -16px -160px; }
.ui-icon-seek-next {
background-position: -32px -160px; }
.ui-icon-seek-prev {
background-position: -48px -160px; }
.ui-icon-seek-end {
background-position: -64px -160px; }
.ui-icon-seek-start {
background-position: -80px -160px; }
.ui-icon-seek-first {
background-position: -80px -160px; }
.ui-icon-stop {
background-position: -96px -160px; }
.ui-icon-eject {
background-position: -112px -160px; }
.ui-icon-volume-off {
background-position: -128px -160px; }
.ui-icon-volume-on {
background-position: -144px -160px; }
.ui-icon-power {
background-position: 0 -176px; }
.ui-icon-signal-diag {
background-position: -16px -176px; }
.ui-icon-signal {
background-position: -32px -176px; }
.ui-icon-battery-0 {
background-position: -48px -176px; }
.ui-icon-battery-1 {
background-position: -64px -176px; }
.ui-icon-battery-2 {
background-position: -80px -176px; }
.ui-icon-battery-3 {
background-position: -96px -176px; }
.ui-icon-circle-plus {
background-position: 0 -192px; }
.ui-icon-circle-minus {
background-position: -16px -192px; }
.ui-icon-circle-close {
background-position: -32px -192px; }
.ui-icon-circle-triangle-e {
background-position: -48px -192px; }
.ui-icon-circle-triangle-s {
background-position: -64px -192px; }
.ui-icon-circle-triangle-w {
background-position: -80px -192px; }
.ui-icon-circle-triangle-n {
background-position: -96px -192px; }
.ui-icon-circle-arrow-e {
background-position: -112px -192px; }
.ui-icon-circle-arrow-s {
background-position: -128px -192px; }
.ui-icon-circle-arrow-w {
background-position: -144px -192px; }
.ui-icon-circle-arrow-n {
background-position: -160px -192px; }
.ui-icon-circle-zoomin {
background-position: -176px -192px; }
.ui-icon-circle-zoomout {
background-position: -192px -192px; }
.ui-icon-circle-check {
background-position: -208px -192px; }
.ui-icon-circlesmall-plus {
background-position: 0 -208px; }
.ui-icon-circlesmall-minus {
background-position: -16px -208px; }
.ui-icon-circlesmall-close {
background-position: -32px -208px; }
.ui-icon-squaresmall-plus {
background-position: -48px -208px; }
.ui-icon-squaresmall-minus {
background-position: -64px -208px; }
.ui-icon-squaresmall-close {
background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px; }
.ui-icon-grip-solid-vertical {
background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px; }
.ui-icon-grip-diagonal-se {
background-position: -80px -224px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 4px; }
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px; }
.ui-icon {
display: inline-block; }
ol.ui-sortable {
list-style-position: inside;
padding: 0;
margin: 0; }
ol.ui-sortable li {
padding: 0 0 0 0.5em;
margin: 0.25em 0 1em;
cursor: move; }
ol.ui-sortable ol {
margin: 0.25em 0 0.25em 2em; }
ol.ui-sortable ol li {
margin: 0.25em 0 0.25em; }
.ui-multiselect {
padding: 2px 0 2px 4px;
text-align: left; }
.ui-multiselect span.ui-icon {
float: right; }
.ui-multiselect-single .ui-multiselect-checkboxes input {
position: absolute !important;
top: auto !important;
left: -9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label {
padding: 5px !important; }
.ui-multiselect-header {
margin-bottom: 3px;
padding: 3px 0 3px 4px; }
.ui-multiselect-header ul {
font-size: 0.9em; }
.ui-multiselect-header ul li {
float: left;
padding: 0 10px 0 0; }
.ui-multiselect-header a {
text-decoration: none; }
.ui-multiselect-header a:hover {
text-decoration: underline; }
.ui-multiselect-header span.ui-icon {
float: left; }
.ui-multiselect-header li.ui-multiselect-close {
float: right;
text-align: right;
padding-right: 0; }
.ui-multiselect-menu {
display: none;
padding: 3px;
position: absolute;
z-index: 10000;
text-align: left; }
.ui-multiselect-checkboxes {
position: relative;
overflow-y: auto; }
.ui-multiselect-checkboxes label {
cursor: default;
display: block;
border: 1px solid transparent;
padding: 3px 1px; }
.ui-multiselect-checkboxes label input {
position: relative;
top: 1px; }
.ui-multiselect-checkboxes li {
clear: both;
font-size: 0.9em;
padding-right: 3px; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
text-align: center;
font-weight: bold;
border-bottom: 1px solid; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
display: block;
padding: 3px;
margin: 1px 0;
text-decoration: none; }
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
border: none; }
.ui-tooltip {
max-width: 200px; }
body, html {
background: #000 url("../img/bg_verlauf.jpg") no-repeat left top; }
.wrapper {
background: #474642;
/* Old browsers */
background: -moz-linear-gradient(left, #474642 0%, #000000 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #474642), color-stop(100%, #000000));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #474642 0%, #000000 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #474642 0%, #000000 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #474642 0%, #000000 100%);
/* IE10+ */
background: linear-gradient(to right, #474642 0%, #000000 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474642', endColorstr='#000000',GradientType=1 );
/* IE6-9 */
width: 1200px;
min-height: 500px;
margin: 0 auto; }
.wrapper.anmeldung {
background: #FFF; }
.header_wrapper {
height: 120px;
position: relative;
background: #000; }
.copyright {
float: left; }
.footer_wrapper {
margin: 15px;
padding: 5px 0; }
.content_wrapper {
margin: 10px 30px;
position: relative;
min-height: 600px; }
.tx-bk-mbvd-ibhw {
border: 1px solid #999999;
border-top: none;
margin: 15px;
min-height: 350px;
padding: 50px 35px 15px;
position: relative; }
.tx-bk-mbvd-ibhw h1 {
margin: 0; }
.anmeldung {
position: relative; }
.anmeldung .tx-mbvd-cp {
position: relative; }
.anmeldung .main_big {
position: relative;
border: 1px solid #000;
margin-top: 35px;
padding: 60px 10px 20px; }
.anmeldung h1.headline {
display: inline-block; }
.logo {
float: left;}
.logo img{
margin-top: 30px;}
.typo3-message {
padding: 1em 20px;
margin: 1em 100px; }
.typo3-message.message-error {
background: #ed7b6d; }
.typo3-message.message-warning {
background: #faf093; }
.typo3-message.message-information, .typo3-message.message-ok, .typo3-message.message-notice {
background: #c8d88b; }
.typo3-message .message-header {
font-size: 14px;
font-weight: bold;
margin-bottom: 0.5em; }
/* ==============
float Container
=============== */
.right20, .right30, .right40, .right50, .right60, .right80, .right25 {
float: right; }
.left20, .left25, .left30, .left40, .left50, .left60, .left80, .left75 {
float: left; }
.right20, .left20 {
width: 180px; }
.right30, .left30 {
width: 29%; }
.right40, .left40 {
width: 39%; }
.right50, .left50 {
width: 49%; }
.right60, .left60 {
width: 59%; }
.right80, .left80 {
width: 79%; }
.left75 {
width: 74%; }
.left25, .right25 {
width: 24%; }
#sidebar {
background: #ebebeb;
height: 568px;
position: absolute;
right: 0;
top: 2px;
width: 242px; }
.csc-frame-frame1 {
margin: 8em 1em 0; }
.csc-frame-frame1 a {
color: #000;
text-decoration: none; }
.csc-frame-frame1 img {
float: left; }
.csc-frame-frame1 .csc-uploads-fileName {
float: right;
width: 59%; }
.breadcrumb a {
font-size: 12px;
color: #000;
text-decoration: none;
padding: 2px 4px;
margin: 0 0 0 4px;
transition: all 0.4s ease-in; }
.breadcrumb a:hover {
#background: #DFE5E9; }
.breadcrumb nav.meta {
float: right; }
.breadcrumb ul {
height: 25px; }
.breadcrumb ul.nav-mb {
float: left; }
.breadcrumb ul.nav-all {
float: right; }
.breadcrumb ul li {
height: 25px;
line-height: 25px; }
.breadcrumb ul li a {
font-size: 12px;
color: #FFF;
text-decoration: none; }
.breadcrumb ul li a:hover {
color: #DDD;
text-decoration: underline; }
ul.csc-menu li a {
font-size: 16px;
color: #FFF;
text-decoration: none; }
ul.csc-menu li a:hover {
color: #DDD;
text-decoration: underline; }
nav.nav_main {
float: right;
padding-top: 20px; }
nav.nav_main ul li {
display: inline-block;
font-size: 12px;
height: 24px;
line-height: 24px;
margin-left: 1em;
text-align: center;
width: 112px; }
nav.nav_main ul li:last-child{
margin-left:224px;
}
nav.nav_main ul li:hover, nav.nav_main ul li.active {
background: linear-gradient(to right, #595D5C 10%, #7E7E7E);
border-bottom: 1px solid #C5C1C1; }
nav.nav_main ul li:hover a, nav.nav_main ul li.active a {
color: #39A9CA; }
nav.nav_main ul li a {
text-decoration: none;
color: #FFF; }
nav.sub {
float: right;
padding-top: 10px; }
nav.sub ul li {
background: #FFF;
border: 1px solid #000;
display: inline-block;
font-size: 14px;
height: 18px;
margin-left: 1em;
text-align: center;
width: 128px; }
nav.sub ul li:hover, nav.sub ul li.active {
background: #999999; }
nav.sub ul li a {
text-decoration: none;
color: #000; }
nav.sub .hinweis {
margin: 20px 0 40px 20px;
font-size: 1.6em;
font-weight: bold; }
.footer_wrapper {
margin: 0 auto 15px;
height: 1em;
padding: 5px 0 30px;
width: 1200px;}
.footer_wrapper nav {
float: right;
text-align: right; }
.footer_wrapper nav ul {
margin: 0;
padding: 0; }
.footer_wrapper nav ul li {
width: auto;
float: right;
margin-left: 2em; }
.footer_wrapper nav a {
font-size: 14px;
color: #fff;
text-decoration: none;
padding: 2px 4px;
margin: 0 0 0 4px;
transition: all 0.4s ease-in; }
.footer_wrapper nav a:hover {
color: cyan;
background: none; }
.footer_wrapper .copyright {
display: none; }
.anmeldung .footer_wrapper nav a {
color: #000; }
nav.anmelden {
display: block;
position: absolute;
width: 1152px;
top: -1px;
left: -1px;
overflow: visible; }
nav.anmelden ul {
margin: 0;
padding: 0;
column-gap: 1px;
display: flex;
flex-wrap: wrap; }
nav.anmelden.kommunikation ul {
justify-content: flex-start;
padding-top: 10px;
column-gap: 10px;
}
nav.anmelden ul li {
background: #000;
border: 1px solid #000;
color: #FFF;
display: inline-block;
font-size: 18px;
line-height: 46px;
height: 47px;
margin-left: 5px;
text-align: center;
width: fit-content;
padding: 0 15px;
overflow: hidden; }
nav.anmelden ul li:first-child {
margin-left: 0; }
nav.anmelden ul li:hover, nav.anmelden ul li.active {
background: #FFF; }
nav.anmelden ul li:hover a, nav.anmelden ul li.active a {
color: #000; }
nav.anmelden ul li a {
color: #fff;
display: inline-block;
font-weight: bold;
text-decoration: none;
height: 100%;
width: 100%; }
nav.anmelden.sub {
width: 1100px; }
nav.anmelden.sub ul {
margin: 0;
padding: 0; }
nav.anmelden.sub ul li {
line-height: 46px;
height: 47px;
margin-left: 12px;
width: 261px; }
nav.anmelden.sub ul li:first-child {
margin-left: 6px; }
nav.anmelden.sub ul li a {
font-size: 16px; }
nav.anmelden.switch-betriebe{background:none;position: relative;top: 0}
nav.anmelden.switch-betriebe li{float:right;}
nav.anmelden.kommunikation ul li {
font-size: 18px;
line-height: 26px;
height: 27px;
list-style: none;}
.breadcrumb {
position: absolute;
bottom: 0px;
left: 0;
width: 1200px;
background: #000 url(../img/headerinie-breadcrumb.jpg);
height: 25px; }
.breadcrumb .index {
background: url(../img/startpfeil_normal.png) no-repeat transparent;
height: 44px;
width: 99px; }
.breadcrumb .index.current, .breadcrumb .index:hover {
background: url(../img/startpfeil_aktiv.png) no-repeat transparent; }
.breadcrumb ul {
list-style: none;
padding: 0;
margin: 0; }
.breadcrumb ul li {
display: inline-block; }
.breadcrumb .empty {
background: url(../img/pfeil_halb_lightgrey2.png) no-repeat transparent;
height: 44px;
width: 99px;
position: relative;
margin-left: -16px; }
.breadcrumb.outside-extension .empty {
margin-left: -19px; }
.breadcrumb .step {
background: url(../img/pfeil-normal.png) no-repeat transparent;
height: 44px;
width: 99px;
position: relative;
margin-left: -16px; }
.breadcrumb .step.current, .breadcrumb .step:hover {
background: url(../img/pfeil-aktiv.png) no-repeat transparent; }
.breadcrumb .step.endpoint {
background: url(../img/pfeil-gruen.png) no-repeat transparent; }
.uppercase {
text-transform: uppercase; }
body {
font-size: 75%; }
.wrapper {
color: #FFF; }
.wrapper.anmeldung {
color: #000; }
body, button, .flatbutton {
font-family: CorpoS, Arial, Helvetica, sans-serif; }
.small {
font-size: 10px; }
.big {
font-size: 16px; }
.emph {
font-weight: bold; }
a {
color: #39A9CA; }
a:hover {
color: cyan; }
a:visited {
color: #DDD; }
h1, blockquote {
font-size: 25px;
font-weight: bold;
line-height: 1;
font-family: CorpoA, Times, serif;
font-weight: normal; }
h1.big {
font-size: 4em; }
small.citation{
display: inline-block;
padding-left: 40px;
}
h2 {
font-size: 20px;
font-weight: bold;
line-height: 1; }
h2.serif {
font-family: CorpoA, Times, serif;
font-size: 24px; }
h3 {
font-family: CorpoA, Times, serif;
font-size: 22px;
font-weight: bold;
line-height: 1;
margin-bottom: -0.5em; }
.greybox fieldset p {
font-size: 14px;
color: #fff; }
.greybox fieldset input {
font-size: 4em;
font-weight: bold;
line-height: 1.5em;
text-align: center; }
p, li {
font-size: 14px; }
.typo3-messages.message-error {
color: #000; }
ol {
padding-left: 20px; }
.flatbutton {
background: #ebebeb;
border: none;
color: #000;
display: inline-block;
font-size: 24px;
font-weight: bold;
height: 3em;
line-height: 3em;
margin: 0;
overflow: hidden;
text-align: center;
text-decoration: none;
transition: all 0.2s ease-in;
vertical-align: top;
width: 400px; }
.flatbutton:hover {
background: #39A9CA; }
.flatbutton.bu-big {
background: #39A9CA;
margin: 0 auto;
display: inline-block;
margin-left: 321px; }
.flatbutton.light {
font-weight: normal;
line-height: 1em;
height: 2.2em;
width: 180px;
overflow: auto; }
.flatbutton.mini {
display: inline;
width: auto;
height: 1.5em;
font-size: 14px;
font-weight: normal;
padding: 2px 1em; }
.flatbutton.narrow {
width: 300px; }
.flatbutton small {
font-size: 12px; }
.flatbutton.square {
height: 5em;
line-height: 5em;
width: 5em; }
.flatbutton.auto {
width: auto;
padding: 0 1em;
height: 2em;
line-height: 2em; }
.flatbutton .innerflat {
display: inline-block;
font-size: 20px;
line-height: 1.2em;
vertical-align: middle; }
.right40 .flatbutton {
width: 340px; }
.square_wrapper {
padding-top: 4em;
text-align: center; }
.square_wrapper a {
text-decoration: none; }
.flatbuttonspacer {
width: 40px;
height: 20px;
display: inline-block; }
.fehlerliste_wrapper ul {
margin: 0;
padding: 0; }
.checkbox {
width: 31%;
text-align: left;
float: left;
font-size: 14px;
margin: 0 1em 0.5em 0;
list-style-position: outside;
list-style-type: none; }
.checkbox input {
vertical-align: sub; }
.checkbox label {
display: block;
float: right;
width: 245px; }
.left75 .checkbox label {
width: 175px; }
.fehlerselected {
color: #f00; }
.fillout {
min-height: 70px;
width: 95%; }
.row_auffaellig {
margin: 3em 0 1em; }
.row_auffaellig .left30 {
margin-right: 1%;
min-height: 70px; }
.important {
background: #f00;
color: #fff;
padding: 1em; }
.important .flatbutton {
width: auto; }
.valign {
line-height: 180px;
vertical-align: middle; }
.darkbox, .lightbox {
padding: 0.5em 1em;
font-size: 1.2em;
margin-bottom: 1em; }
.darkbox.big, .lightbox.big {
font-size: 1.4em; }
.darkbox {
background: #d6d6d6; }
.lightbox {
background: #f2f2f2; }
.fehlerpruefung_edit_session label {
display: inline-block;
width: 80px; }
.vid_wrapper {
margin-top: 2em; }
.vid_wrapper img {
float: left;
margin: 0 2em; }
.vid_wrapper h2 {
font-size: 1.6em;
position: relative;
top: 1em; }
.vid_wrapper .greybox {
background: #f2f2f2;
color: #000;
text-decoration: none;
display: block;
line-height: 4em;
transition: all 0.2s ease-in;
width: 100%;
margin-top: 3em; }
.vid_wrapper .greybox:hover {
background: #39A9CA; }
.divider {
clear: both; }
.container_vimeo {
float: right;
margin: 0 0 15px 15px;
width: 500px; }
.csc-frame-rulerBefore {
border-top: 1px solid #FFF; }
.typo3-messages .message-error {
color: #3b0000; }
.greybox {
width: 500px;
margin: 1em auto 0; }
.greybox fieldset {
background: #b5b5b5;
box-shadow: white 0.3em 0.3em 0.6em inset, black -0.3em -0.3em 0.6em inset;
padding: 10px; }
.greybox fieldset p {
margin: 1em 0;
color: #FFF; }
.greybox fieldset input {
display: block;
margin: 0 auto 1em;
width: 320px; }
.greybox fieldset input.aksmall {
float: left;
margin-left: 20px;
width: 110px;
text-transform: uppercase; }
.greybox fieldset input.akbig {
float: left;
margin-left: 20px;
width: 165px;
text-transform: uppercase; }
.greybox fieldset input.datetimepicker {
width: 400px; }
input.flatbutton {
margin-top: 1em;
width: 100%; }
input.edit_sortable {
background: transparent;
border: none;
width: 700px; }
input[type="button"], input[type="submit"] {
font-size: 14px; }
button {
font-size: 14px; }
.section_wrapper form {
padding: 2em 2em 1em; }
.section_wrapper form label {
width: 30px;
display: inline-block; }
.section_wrapper form legend {
margin-bottom: 1em;
font-weight: bold; }
.section_wrapper form.edituser {
padding: 2em 0 1em; }
.section_wrapper form.edituser label {
width: 150px; }
.section_wrapper form.newuser label {
width: 95%; }
.section_wrapper form.newuser .unternehmen {
margin-bottom: 1em; }
.section_wrapper form.newuser .unternehmen input {
float: left;
margin-right: 4px;
margin-top: 5px; }
.section_wrapper form .flatbutton {
width: 200px; }
.tx-felogin-pi1, .frame-type-felogin_login {
width: 470px;
background: #ebebeb;
margin: 100px auto;
padding: 0 25px 25px;
position: relative;
color: #999999; }
.frame-type-felogin_login fieldset div {
clear: both;
}
.tx-felogin-pi1 form, .frame-type-felogin_login form {
margin: 0 25px; }
.tx-felogin-pi1 a, .frame-type-felogin_login a {
color: #999999; }
.tx-felogin-pi1 h1, .frame-type-felogin_login h3 {
background: #7D97AF;
margin: 0px -25px 25px;
padding: 12.5px 25px;
color: #FFF;
font-size: 16px; }
.tx-felogin-pi1 .felogin_row, .frame-type-felogin_login .felogin_row {
margin-bottom: 1em; }
.tx-felogin-pi1 .forgot_msg, .frame-type-felogin_login .forgot_msg {
margin-left: 2em;
margin-bottom: 50px; }
.tx-felogin-pi1 .welcome_msg, .frame-type-felogin_login .welcome_msg,
.tx-felogin-pi1 legend, .frame-type-felogin_login legend {
display: none; }
.tx-felogin-pi1 .note, .frame-type-felogin_login .note {
float: right;
margin-bottom: -1em;
font-size: 0.75em; }
.tx-felogin-pi1 .logo, .frame-type-felogin_login .logo {
position: absolute;
left: -130px;
top: 74px; }
.tx-felogin-pi1 .logo.logout, .frame-type-felogin_login .logo.logout {
top: 53px; }
.tx-felogin-pi1 label, .frame-type-felogin_login label {
width: 300px;
float: left;
display: block;
color: #000;
font-weight: bold; }
.tx-felogin-pi1 input[type=text], .frame-type-felogin_login input[type=text],
.tx-felogin-pi1 input[type=email], .frame-type-felogin_login input[type=email],
.tx-felogin-pi1 input[type=password], .frame-type-felogin_login input[type=password] {
border: 1px solid #FFF;
width: 420px;
float: left; }
.tx-felogin-pi1 input[type=text]:hover, .frame-type-felogin_login input[type=text]:hover,
.tx-felogin-pi1 input[type=text]:focus, .frame-type-felogin_login input[type=text]:focus,
.tx-felogin-pi1 input[type=email]:hover, .frame-type-felogin_login input[type=email]:hover,
.tx-felogin-pi1 input[type=email]:focus, .frame-type-felogin_login input[type=email]:focus,
.tx-felogin-pi1 input[type=password]:hover, .frame-type-felogin_login input[type=password]:hover,
.tx-felogin-pi1 input[type=password]:focus, .frame-type-felogin_login input[type=password]:focus {
border: 1px solid #999999; }
.tx-felogin-pi1 input[type=submit], .frame-type-felogin_login input[type=submit] {
float: right; }
.tx-felogin-pi1 .forgot_pwd, .frame-type-felogin_login .forgot_pwd {
bottom: 25px;
left: 50px; }
body.no_login {
background: #FFF; }
body.no_login .wrapper {
background: none; }
body.no_login .header_wrapper {
display: none; }
.parsley-error-list {
clear: both;
list-style-type: none;
background: #ed7b6d;
padding: 0;
margin: 0; }
.parsley-error-list li {
padding: 0 0.5em;
margin: 0; }
/* tables */
table.tablesorter {
font-family: arial;
background-color: #CDCDCD;
margin: 10px 0pt 15px;
font-size: 13px;
text-align: left; }
table.report th,
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
background-color: #e6EEEE;
border: 1px solid #FFF;
font-size: 12px;
padding: 4px; }
table.tablesorter thead tr .header {
background-image: none;
background-repeat: no-repeat;
background-position: center right;
cursor: pointer; }
table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top; }
tbody tr.fade {
color: #AAA; }
tbody tr.odd td {
background-color: #F0F0F6; }
table.tablesorter thead tr .headerSortUp {
background-image: none; }
table.tablesorter thead tr .headerSortDown {
background-image: none; }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8; }
.report {
width: 856px; }
.report .report_ellipsis {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
width: 200px; }
.anfragen {
margin-top: 2em; }
.anfragen ol {
margin-left: 1em; }
.anfragen td, .anfragen th {
width: 33%;
vertical-align: top; }
.anmeldung {
margin-top: 20px; }
.anmeldung h3.h3mannschaft {
margin-top: 3em; }
.anmeldung table {
width: 100%;
border: 1px dotted red;
border: none;
border-collapse: collapse;
padding: 0;
margin-top: 2em; }
.anmeldung table input {
line-height: normal; }
.anmeldung table.mitarbeiter, .anmeldung table.support, .anmeldung table.mitarbeiter_asp {
margin-bottom: 1em; }
.anmeldung table.mitarbeiter td, .anmeldung table.support td, .anmeldung table.mitarbeiter_asp td {
padding: 1em 0 0; }
.anmeldung table.mitarbeiter td input[type="text"], .anmeldung table.support td input[type="text"], .anmeldung table.mitarbeiter_asp td input[type="text"] {
width: 269px;
border: 1px solid #000;
padding: 0;
line-height: normal;
height: 1.5em;
font-size: 14px; }
.anmeldung table.mitarbeiter_asp {
margin-bottom: 1.5em; }
.anmeldung table.mitarbeiter_asp td {
width: 29%; }
.anmeldung table.mitarbeiter_asp td input[type="text"], .anmeldung table.mitarbeiter_asp td select {
border: 1px solid #000;
height: 1.5em;
width: 99.7%;
font-size: 14px; }
.anmeldung table.mitarbeiter_asp td.spacer {
width: 1%; }
.anmeldung table.mitarbeiter_asp td:first-child {
width: 6%;
font-size: 16px; }
.anmeldung table.mitarbeiter_asp thead th {
width: 29%; }
.anmeldung table.mitarbeiter_asp thead th.spacer {
width: 1%; }
.anmeldung table.mitarbeiter_asp thead th:first-child {
width: 6%; }
.anmeldung table.wartung, .anmeldung table.restaurierung, .anmeldung table.spezialitaeten {
font-size: 14px; }
.anmeldung table.wartung td, .anmeldung table.restaurierung td, .anmeldung table.spezialitaeten td {
border-bottom: 1em solid #FFF;
line-height: 2em;
vertical-align: middle; }
.anmeldung table.wartung td em, .anmeldung table.restaurierung td em, .anmeldung table.spezialitaeten td em {
background: #d8d8d8;
display: block;
padding-left: 0.5em; }
.anmeldung table.wartung th, .anmeldung table.restaurierung th, .anmeldung table.spezialitaeten th {
border-bottom: 1em solid #FFF; }
.anmeldung table tbody tr {
margin: 1em 0;
padding: 1em 0; }
.anmeldung table thead th {
width: 22%;
background: #000;
color: #FFF;
font-size: 14px; }
.anmeldung table td.expertise, .anmeldung table th.expertise {
vertical-align: top;
width: 180px; }
.anmeldung table td.baureihe, .anmeldung table th.baureihe {
vertical-align: top;
width: 140px; }
.anmeldung table td.leistungsangebot, .anmeldung table th.leistungsangebot {
vertical-align: top;
width: 680px; }
.anmeldung table td.vtop, .anmeldung table th.vtop {
vertical-align: top; }
.anmeldung table .spacer {
width: 1%;
background: none; }
.anmeldung table.restaurierung td.leistungsangebot, .anmeldung table.restaurierung th.leistungsangebot {
vertical-align: top;
width: 860px; }
.anmeldung table.spezialitaeten td.thema, .anmeldung table.spezialitaeten th.thema {
width: 370px;
vertical-align: top; }
.anmeldung table.spezialitaeten td.thema textarea, .anmeldung table.spezialitaeten th.thema textarea {
width: 100%;
height: 5em; }
.anmeldung table.spezialitaeten td.kategorie, .anmeldung table.spezialitaeten th.kategorie {
width: 150px;
vertical-align: top; }
.anmeldung table.spezialitaeten td.kategorie select, .anmeldung table.spezialitaeten th.kategorie select {
width: 100%; }
.anmeldung table.spezialitaeten td.baureihe, .anmeldung table.spezialitaeten th.baureihe {
width: 550px; }
.anmeldung table.spezialitaeten td.baureihe label, .anmeldung table.spezialitaeten th.baureihe label {
display: inline-block;
background: #d8d8d8;
width: 164px;
text-align: center; }
.anmeldung table.spezialitaeten td.baureihe .ui-multiselect, .anmeldung table.spezialitaeten th.baureihe .ui-multiselect {
float: right;
margin-top: 1em; }
.anmeldung table.spezialitaeten.zusammenfassung td.thema, .anmeldung table.spezialitaeten.zusammenfassung th.thema {
width: 670px; }
.anmeldung table.spezialitaeten.zusammenfassung td.kategorie, .anmeldung table.spezialitaeten.zusammenfassung th.kategorie {
width: 150px;
text-align: center; }
.anmeldung table.spezialitaeten.zusammenfassung td.baureihe, .anmeldung table.spezialitaeten.zusammenfassung th.baureihe {
width: 250px;
text-align: center; }
.anmeldung ul.baureihen {
list-style-type: none;
margin: 0;
padding: 0;
float: left;
width: 920px; }
.anmeldung ul.baureihen li {
display: inline-block;
width: 225px;
margin-bottom: 0.5em; }
.anmeldung ul.baureihen li label {
display: inline-block;
padding-left: 10px;
width: 190px;
background: #000;
color: #FFF;
font-size: 16px; }
.anmeldung ul.baureihen li label.user_baureihen {
background: #666; }
.anmeldung .baureihen_optionen {
margin-top: 36px;
float: right;
background: #e8e7e7;
width: 160px;
padding: 10px; }
.anmeldung .baureihen_optionen label {
font-weight: bold; }
.anmeldung .baureihen_optionen h4 {
margin-top: 0; }
.anmeldung .baureihe_fehlt {
font-size: 16px;
margin: 1.5em 0;
display: inline-block; }
.anmeldung .expertise {
vertical-align: top; }
.anmeldung .expertise div {
vertical-align: middle;
display: inline-block;
width: 52px;
text-align: center;
line-height: 1em;
overflow: visible; }
.anmeldung .form_row{
margin-bottom:1em;}
.anmeldung .hat_angebot, .anmeldung .asp, .anmeldung .fuer_alle, .anmeldung .fremd {
display: inline-block; }
.anmeldung .hat_angebot div, .anmeldung .asp div, .anmeldung .fuer_alle div, .anmeldung .fremd div {
display: inline-block;
width: 25px;
text-align: center;
line-height: 1em;
overflow: visible; }
.anmeldung .hat_angebot em, .anmeldung .asp em, .anmeldung .fuer_alle em, .anmeldung .fremd em {
float: right;
width: 125px; }
.anmeldung .hat_angebot {
width: 195px; }
.anmeldung .asp {
width: 270px;
text-align: center; }
.anmeldung .fuer_alle {
width: 190px; }
.anmeldung .fremd {
width: 365px; }
.anmeldung .fremd .fremdfirma {
width: 300px; }
.anmeldung .frage_restaurierung {
margin-top: 2em;
background: url(../img/img_box_verlauf.jpg) repeat-x transparent;
height: 412px;
padding: 20px; }
.anmeldung .frage_restaurierung .em {
color: #FFF;
font-size: 2em;
font-family: CorpoA, Times, serif;
font-weight: normal;
padding: 0 1em;
margin: 0;
text-align: center; }
.anmeldung .frage_restaurierung img {
float: right;
margin-left: 2em; }
.anmeldung .frage_restaurierung p {
font-size: 1.2em; }
.anmeldung .zdk, .anmeldung .restaurierungen, .anmeldung .haendler {
font-size: 1.2em;
margin-top: 3em; }
.anmeldung .zdk label, .anmeldung .restaurierungen label, .anmeldung .haendler label {
display: inline-block;
width: 50px;
margin-right: 2em;
text-align: center;
background: #d8d8d8;
line-height: 2em; }
.anmeldung .restaurierungen {
float: left;
margin-top: 0; }
.anmeldung #betreuungen_restaurierung {
margin-top: 2em;
min-width: 150px; }
.anmeldung .baureihen_auswahl, .anmeldung .auswahlcontainer {
float: right;
display: none; }
.anmeldung .nav_page a {
background: #000;
border: 1px solid #000;
color: #FFF;
display: inline-block;
width: 150px;
height: 30px;
line-height: 30px;
margin-right: 1em;
vertical-align: middle;
text-align: center;
text-decoration: none; }
.anmeldung .nav_page a:hover {
background: #FFF;
color: #000; }
.anmeldung .nav_page a:visited {
color: #FFF; }
.anmeldung a.totop, .anmeldung a.totop:visited {
display: block;
text-align: center;
border-top: 1px solid #333;
padding-top: 10px;
color: #000; }
.anmeldung .typo3-messages.message-error {
color: #000; }
.anmeldung .typo3-messages .message-error {
color: black; }
a.lk-next {
background: #d8d8d8;
color: #000;
text-decoration: none;
padding: 10px 5px;
font-size: 120%;
position: relative;
left: 440px;
top: 1.5em; }
a.lk-next:hover {
background: #39A9CA; }
h2 a.lk-next{
position: relative;
left: 0;
top: 0;
font-size: 18px;
line-height: 1.2;
}
.tx-mvcp-communication-step h2{margin-bottom: 1.5em}
.status_freigabe {
margin: 4em 0 1em; }
.status_freigabe .freigegeben, .status_freigabe .nicht_freigegeben {
padding: 0.5em;
font-size: 16px;
color: #FFF;
width: 810px;
text-align: center; }
.status_freigabe .freigegeben {
background: #9bbb59; }
.status_freigabe .nicht_freigegeben {
display: block;
background: #d05844;
text-decoration: none; }
.tx-mvcp-communication{
padding:0 4em;
}
.tx-mvcp-communication-table{
width: 100%;
}
.tx-mvcp-communication-table th,
.tx-mvcp-communication-table td{
border: none;
border-bottom: 1px solid black;
border-right: 1px solid black;
}
.tx-mvcp-communication-table td{
padding: 4px 0;
}
.tx-mvcp-communication-table th:last-child,
.tx-mvcp-communication-table td:last-child{
border-right: none;
}
.tx-mvcp-communication-table tr:last-child td{
border-bottom: none;
}
.tx-mvcp-communication-table th.th-title{
width: 20%;
}
.tx-mvcp-communication-table td.td-title{
font-weight: 700;
}
.tx-mvcp-communication-table th.th-eval{
width: 10%;
}
.tx-mvcp-communication-table td.td-eval{
text-align: center;
}
.tx-mvcp-communication-table td.td-comment{
padding: 0;
}
.tx-mbcp-audit .tx-mvcp-communication-table input.mittel-title,
.tx-mbcp-audit .tx-mvcp-communication-table input.mittel-comment{
border: none;
height: 100%;
width: 90%;
box-shadow: none;
padding-left: 4px;
}
.tx-mbcp-audit .tx-mvcp-communication-table input.mittel-title:focus,
.tx-mbcp-audit .tx-mvcp-communication-table input.mittel-comment:focus{
border: none;
outline: none;
}
dl.tx-mvcp-communication-dl, dl.tx-mvcp-communication-dl2 {
width: 100%;
overflow: hidden;
padding: 0;
margin: 0.5rem 0;
}
dl.tx-mvcp-communication-dl dt {
float: left;
width: 20%;
/* adjust the width; make sure the total of both is 100% */
padding: 0;
margin: 0 0 0.5rem;
font-weight: bold;
}
dl.tx-mvcp-communication-dl2 dt {
float: left;
width: 100%;
/* adjust the width; make sure the total of both is 100% */
padding: 0;
margin: 0 0 0.5rem;
}
dl.tx-mvcp-communication-dl dd {
float: left;
width: 80%;
/* adjust the width; make sure the total of both is 100% */
padding: 0;
margin: 0 0 0.5rem;
}
.kompetenzen {
/* ---- button ---- */
/* ---- button-group ---- */ }
.kompetenzen .item.small {
background: #666;
color: #FFF;
cursor: pointer;
border: 1px solid #FFF;
height: 120px;
width: 120px;
float: left;
margin: 10px;
line-height: 120px; }
.kompetenzen .item.small * {
display: none; }
.kompetenzen .item.small h2 {
display: block;
font-size: 14px;
font-weight: normal;
vertical-align: middle;
line-height: 1.1em;
text-align: center; }
.kompetenzen .item.small.faded {
opacity: 0.6; }
.kompetenzen .item.big {
background: #EEE;
color: #000;
height: 540px;
width: 400px;
padding: 10px;
float: left;
margin: 10px;
overflow: auto; }
.kompetenzen .item.big h2 {
margin: 0; }
.kompetenzen .item.big p, .kompetenzen .item.big .borderbottom {
border-bottom: 1px dashed #000;
font-size: 14px;
padding-bottom: 0.5em;
margin: 0.5em 0;
overflow: auto;
width: 100%; }
.kompetenzen .item.big strong {
font-size: 14px; }
.kompetenzen .item.big .row_baureihen {
font-size: 14px;
overflow: hidden; }
.kompetenzen .item.big .baureihen, .kompetenzen .item.big ul {
display: inline-block;
float: right;
width: 320px; }
.kompetenzen .item.big ul {
display: inline-block;
float: right;
width: 270px;
margin: 0;
padding-left: 10px; }
.kompetenzen .item.big .divider_small {
height: 0.5em;
width: 100%;
overflow: hidden;
display: inline-block; }
.kompetenzen .item.big a:visited {
color: #000; }
.kompetenzen .item.big .bu_asp,
.menschen .detail .bu_asp {
float: right;
text-decoration: none;
color: #000;
height: 30px;
width: 150px;
text-align: center;
line-height: 30px;
vertical-align: middle;
margin-right: 5px;
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(50%, #fefefe), color-stop(100%, #e2e2e2));
background: -webkit-linear-gradient(top, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
background: -o-linear-gradient(top, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
background: -ms-linear-gradient(top, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
background: linear-gradient(to bottom, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
-webkit-box-shadow: -2px 2px 8px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -2px 2px 8px 1px rgba(0, 0, 0, 0.5);
box-shadow: -2px 2px 8px 1px rgba(0, 0, 0, 0.5); }
.menschen .detail .bu_asp {
position:absolute;
top:70px;
right:-5px;
}
.kompetenzen .item img {
float: right; }
.kompetenzen label {
display: block;
position: absolute;
height: inherit;
left: 2px;
font-size: 14px;
padding-top: 2px;
width: 65px;
line-height: 1em; }
.kompetenzen * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.kompetenzen .button-group {
margin: 10px;
padding-left: 65px;
position: relative; }
.kompetenzen .button-group:after {
content: '';
display: block;
clear: both; }
.kompetenzen .button-group.doublerow-left, .kompetenzen .button-group.doublerow-right {
width: 335px; }
.kompetenzen .button-group.doublerow-left {
float: left;
display: none; }
.kompetenzen .button-group.doublerow-right {
float: left; }
.kompetenzen .button-group .spacer {
border-left: 1px solid #ddd;
display: inline-block;
float: left;
height: 30px;
margin: 2px 1px 0 3px;
width: 4px; }
.kompetenzen .button-group button {
display: inline-block;
padding: 0.5em 1.0em;
background: #EEE;
border: none;
border-radius: 7px;
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
color: #222;
font-family: sans-serif;
font-size: 14px;
text-shadow: 0 1px white;
cursor: pointer;
margin: 2px 0;
float: left;
border-radius: 0;
margin: 2px 1px 2px 0; }
.kompetenzen .button-group button.disabled {
background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.2));
color: #888;
cursor: default; }
.kompetenzen .button-group button.disabled:hover, .kompetenzen .button-group button.disabled:active {
background: #EEE;
background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.2));
color: #888;
box-shadow: none; }
.kompetenzen .button-group button.disabled.is-checked {
color: #888;
background: #88BBF5;
text-shadow: none; }
.kompetenzen .button-group button:hover {
background-color: #8CF;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
color: #222; }
.kompetenzen .button-group button:active, .kompetenzen .button-group button.is-checked {
background-color: #28F; }
.kompetenzen .button-group button.is-checked {
color: white;
text-shadow: 0 -1px rgba(0, 0, 0, 0.8); }
.kompetenzen .button-group button:active {
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8); }
.kompetenzen .jqAjax {
margin-left: 10px; }
button.open_close_tr {
background-color: #90e6e6;
border-color: #90e6e6; }
.has-detail{
color: #D7BC07;
font-size:1.4em;
}
.standortkarte .karte, .uebersicht_menschen .karte {
height: 800px;
width: 700px; }
.standortkarte .karte svg g text, .uebersicht_menschen .karte svg g text {
display: none; }
.standortkarte .karte .jvectormap-container, .uebersicht_menschen .karte .jvectormap-container {
height: 800px;
width: 700px;
position: relative; }
.standortkarte .karte .jvectormap-container .jvectormap-zoomin, .standortkarte .karte .jvectormap-container .jvectormap-zoomout, .uebersicht_menschen .karte .jvectormap-container .jvectormap-zoomin, .uebersicht_menschen .karte .jvectormap-container .jvectormap-zoomout {
position: absolute;
top: 10px;
right: -20px;
cursor: pointer;
font-size: 25px;
font-weight: bold; }
.standortkarte .karte .jvectormap-container .jvectormap-zoomout, .uebersicht_menschen .karte .jvectormap-container .jvectormap-zoomout {
top: 30px; }
.standortkarte .menschen, .uebersicht_menschen .menschen {
height: 900px;
width: 750px; }
.standortkarte .menschen .detail_wrapper, .uebersicht_menschen .menschen .detail_wrapper {
height: 220px;
border: none; }
.standortkarte .menschen .detail_wrapper .detail, .uebersicht_menschen .menschen .detail_wrapper .detail {
border-top: 1px solid #FFF;
display: none;
position: relative;
margin-top: 48px;
padding-top: 16px; }
.standortkarte .menschen .detail_wrapper .detail.first, .uebersicht_menschen .menschen .detail_wrapper .detail.first {
border-top: 0;
display: inline-block;
margin-top: 0; }
.uebersicht_menschen .menschen .detail_wrapper .detail.first {
height:900px !important;
}
/*.uebersicht_menschen .menschen .detail_wrapper .detail.first img {
filter: gray;
filter: grayscale(75%) }*/
.standortkarte .menschen .detail_wrapper .detail h2, .standortkarte .menschen .detail_wrapper .detail h3, .standortkarte .menschen .detail_wrapper .detail p, .uebersicht_menschen .menschen .detail_wrapper .detail h2, .uebersicht_menschen .menschen .detail_wrapper .detail h3, .uebersicht_menschen .menschen .detail_wrapper .detail p {
margin: 0 0 5px; }
.standortkarte .menschen .detail_wrapper .detail h2, .uebersicht_menschen .menschen .detail_wrapper .detail h2 {
font-size: 17px; }
.standortkarte .menschen .detail_wrapper .detail h3, .uebersicht_menschen .menschen .detail_wrapper .detail h3 {
font-size: 15px;
font-family: CorpoS, Arial, Helvetica, sans-serif;
text-decoration: underline; }
.standortkarte .menschen .detail_wrapper .detail .ansprechpartner, .uebersicht_menschen .menschen .detail_wrapper .detail .ansprechpartner {
float: left;
width: 50%;
position: relative;
margin: 10px 0; }
.uebersicht_menschen .menschen .detail_wrapper .detail .ansprechpartner {
float:none;
}
.uebersicht_menschen .menschen .detail_wrapper .detail .gesamtverantwortlicher {
width: 370px;
position: relative;
margin: 25px 0;
min-height: 125px;
margin-right: 150px;
}
.uebersicht_menschen .menschen .detail_wrapper .detail .ansprechpartner {
min-height: 125px;
width: 370px;
}
.uebersicht_menschen .menschen .detail_wrapper .detail .gesamtverantwortlicher p,
.uebersicht_menschen .menschen .detail_wrapper .detail .ansprechpartner p{
}
.uebersicht_menschen .menschen .detail_wrapper .detail .gesamtverantwortlicher p a,
.uebersicht_menschen .menschen .detail_wrapper .detail .ansprechpartner p a{
background: #464646;
}
.standortkarte .menschen .detail_wrapper .detail img.photo,
.uebersicht_menschen .menschen .detail_wrapper .detail img.photo {
position: absolute;
bottom: 6px;
max-height: 75px;
width: auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5 eases;
-o-transition: all 0.5s ease;
transition: max-height 0.5s ease; }
.uebersicht_menschen .menschen .detail_wrapper .detail img.photo {
max-height: 100px;
left:300px;
}
.standortkarte .menschen .detail_wrapper .detail img.photo:hover,
.uebersicht_menschen .menschen .detail_wrapper .detail img.photo:hover {
max-height: 200px;
width: auto; }
.standortkarte .menschen .detail_wrapper .detail .spacer, .uebersicht_menschen .menschen .detail_wrapper .detail .spacer {
height: 32px; }
.standortkarte .wrapper_right, .uebersicht_menschen .wrapper_right {
float: right;
width: 350px; }
.uebersicht_menschen .wrapper_right {
height: 900px; }
.standortkarte .wrapper_right .betriebe, .uebersicht_menschen .wrapper_right .betriebe {
padding: 15px 0;
list-style-position: inside; }
.standortkarte .wrapper_right .betriebe li:hover, .standortkarte .wrapper_right .betriebe .fett, .standortkarte .wrapper_right .betriebe .fett a, .uebersicht_menschen .wrapper_right .betriebe li:hover, .uebersicht_menschen .wrapper_right .betriebe .fett, .uebersicht_menschen .wrapper_right .betriebe .fett a {
color: #39a9ca; }
.standortkarte .wrapper_right .betriebe li:hover, .uebersicht_menschen .wrapper_right .betriebe li:hover {
cursor: default; }
.standortkarte .wrapper_right .betriebe li:hover a, .uebersicht_menschen .wrapper_right .betriebe li:hover a {
color: #39a9ca; }
.standortkarte .wrapper_right .detail_wrapper, .uebersicht_menschen .wrapper_right .detail_wrapper {
height: 120px;
border: none; }
.standortkarte .wrapper_right .detail_wrapper .detail, .uebersicht_menschen .wrapper_right .detail_wrapper .detail {
display: none;
position: relative; }
.standortkarte .wrapper_right .detail_wrapper .detail h2, .standortkarte .wrapper_right .detail_wrapper .detail h3, .standortkarte .wrapper_right .detail_wrapper .detail p, .uebersicht_menschen .wrapper_right .detail_wrapper .detail h2, .uebersicht_menschen .wrapper_right .detail_wrapper .detail h3, .uebersicht_menschen .wrapper_right .detail_wrapper .detail p {
margin: 0 0 5px; }
.standortkarte .wrapper_right .detail_wrapper .detail h2, .uebersicht_menschen .wrapper_right .detail_wrapper .detail h2 {
font-size: 17px; }
.standortkarte .wrapper_right .detail_wrapper .detail h3, .standortkarte .wrapper_right h3, .uebersicht_menschen .wrapper_right .detail_wrapper .detail h3 {
font-size: 15px;
font-family: CorpoS, Arial, Helvetica, sans-serif;
text-decoration: underline; }
.standortkarte .wrapper_right .detail_wrapper .detail .bu_asp,
.uebersicht_menschen .wrapper_right .detail_wrapper .detail .bu_asp,
.detailseite .bu_asp {
float: right;
text-decoration: none;
color: #000;
font-size: 12px;
height: 24px;
width: 120px;
text-align: center;
line-height: 24px;
vertical-align: middle;
margin-right: 5px;
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(50%, #fefefe), color-stop(100%, #e2e2e2));
background: -webkit-linear-gradient(top, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
background: -o-linear-gradient(top, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
background: -ms-linear-gradient(top, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
background: linear-gradient(to bottom, #fefefe 0%, #fefefe 50%, #e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
/*-webkit-box-shadow: -2px 2px 8px 1px rgba(0, 0, 0, 0.5);*/ }
.detailseite .bu_asp {
position:absolute;
bottom:0;
left:0;
margin-right: 0;
}
.bodytext.detailseite{
padding-bottom:30px;
position: relative;
}
.uebersicht_menschen .wrapper_right h3 {
font-family: CorpoS, Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 1em 0; }
.uebersicht_menschen .wrapper_right .betriebe {
margin-top: 0; }
.ui-tooltip {
padding: 4px 8px;
color: #DDD;
border: 1px solid silver;
border-radius: 2px;
font: normal 14px CorpoS, Arial, Helvetica, sans-serif;
box-shadow: 0 0 3px black; }
.ui-tooltip, .arrow:after {
background: #000;
/*border: 1px solid silver; */}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 52.5%;
margin-left: -50px;
bottom: -16px; }
.arrow.top {
top: -16px;
bottom: auto; }
.arrow.left {
left: 52.5%; }
.arrow:after {
content: "";
position: absolute;
left: 52.5%;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.arrow.top:after {
bottom: -20px;
top: auto; }
.zusammenfassung {
margin-top: 120px;
font-size: 16px; }
.zusammenfassung table.wartung.zusammenfassung .baureihe, .zusammenfassung table.wartung.zusammenfassung .expertise {
background: #D8D8D8;
vertical-align: middle;
text-align: center; }
.zusammenfassung table.wartung.zusammenfassung .hat_angebot {
width: 240px; }
.zusammenfassung table.wartung.zusammenfassung .hat_angebot .hasleistung, .zusammenfassung table.wartung.zusammenfassung .hat_angebot .hasnotleistung {
width: 80px;
line-height: 28px; }
.zusammenfassung table.wartung.zusammenfassung .hat_angebot em {
width: 140px; }
.zusammenfassung table.wartung.zusammenfassung .asp {
width: 200px; }
.zusammenfassung table.wartung.zusammenfassung .funktion {
display: inline-block;
width: 200px; }
.zusammenfassung table.wartung.zusammenfassung .fremdfirma {
display: inline-block;
width: 310px; }
.zusammenfassung table.wartung.zusammenfassung .fremdfirma em {
display: inline;
background: none;
width: 80px; }
.zusammenfassung .freigabe {
margin-top: 1.5em; }
.zusammenfassung .freigabe input[type="submit"] {
height: 28px;
line-height: 28px;
vertical-align: middle;
text-align: center;
background: #d05844;
border: none;
padding: 0 1em; }
.zusammenfassung .freigabe .hasleistung {
width: 240px; }
.zusammenfassung .freigabe .flatbutton.bu-big {
margin-left: 0; }
.zusammenfassung .hasleistung, .zusammenfassung .hasnotleistung {
width: 80px;
height: 28px;
line-height: 28px;
vertical-align: middle;
text-align: center; }
.zusammenfassung .hasleistung {
background: #9bbb59; }
.zusammenfassung .hasnotleistung {
background: #d05844; }
.zusammenfassung .zdk, .zusammenfassung .haendler {
margin-top: 1.5em; }
.zusammenfassung .error {
background-color: #f0e252;
border-left: 4px solid #f0e252; }
.tx-mbcp-audit .zusammenfassung .row-communication {
font-size: 14px; }
.anmeldung.zusammenfassung .bu-freigabe.bu-big.flatbutton {
background: #39A9CA;
margin: 0 auto;
display: inline-block;
margin-left: 321px !important;
border: none;
color: #000;
display: inline-block;
font-size: 24px;
font-weight: bold;
height: 3em;
line-height: 3em;
margin: 0;
overflow: hidden;
text-align: center;
text-decoration: none;
transition: all 0.2s ease-in;
vertical-align: top;
width: 400px;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); }
.detail_wrapper {
border: 1px solid #000; }
.detail_wrapper .ui-widget-content {
border: none; }
.detail_wrapper .ui-accordion-header {
background: none;
background: #c7cccf;
border: 1px solid #fff;
font-size: 18px;
font-weight: normal;
line-height: 2.5em;
padding-left: 0.5em;
transition: all 0.2s ease-in;
vertical-align: middle; }
.detail_wrapper .ui-accordion-header.ui-state-default {
color: #000; }
.detail_wrapper .ui-accordion-header.ui-accordion-header-active {
background: #999999;
color: #fff; }
.detail_wrapper .ui-accordion-header.ui-state-hover {
background: #39A9CA;
color: #000; }
form.newuser, form.edituser {
margin: 1em 0;
padding-bottom: 1em; }
form.newuser label, form.edituser label {
font-weight: bold; }
form.newuser .item, form.edituser .item {
float: left;
width: 18%;
padding-right: 4px; }
form.newuser .itemsmall, form.edituser .itemsmall {
float: left;
width: 10%; }
form.newuser ul, form.edituser ul {
list-style-type: none;
margin: 0;
padding: 0; }
form.newuser ul.parsley-error-list, form.edituser ul.parsley-error-list {
font-size: 11px;
margin: 2px;
list-style-type: none; }
form.newuser ul.parsley-error-list li, form.edituser ul.parsley-error-list li {
line-height: 11px; }
form.newuser .unternehmen, form.edituser .unternehmen {
line-height: 1.5em;
font-weight: bold;
font-style: italic; }
form.newuser .zweigstelle label, form.edituser .zweigstelle label {
font-weight: normal; }
form.newuser input[type=text], form.edituser input[type=text] {
width: 90%; }
form.newuser input.parsley-success, form.newuser textarea.parsley-success, form.edituser input.parsley-success, form.edituser textarea.parsley-success {
color: #468847 !important;
background-color: #DFF0D8 !important;
border: 1px solid #D6E9C6 !important; }
form.newuser input.parsley-error, form.newuser textarea.parsley-error, form.edituser input.parsley-error, form.edituser textarea.parsley-error {
color: #B94A48 !important;
background-color: #F2DEDE !important;
border: 1px solid #EED3D7 !important; }
form.newuser {
display: none; }
.standorte, .kollegen {
font-size: 1em;
margin: 2em 1em 5em;
min-width: 829px; }
.standorte a, .kollegen a {
text-decoration: none;
color: #3a4881;
vertical-align: middle; }
.standorte td, .kollegen td {
line-height: 2.5em;
vertical-align: top; }
.standorte td.vfnr, .kollegen td.vfnr {
padding: 0 1em; }
.standorte td a, .kollegen td a {
line-height: 1em; }
.standorte tr, .kollegen tr {
background: #d6d6d6;
border-top: 0;
border-bottom: 2px solid #FFF; }
.standorte tr.zweigstelle, .kollegen tr.zweigstelle {
background: #FFF;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
margin: 8px 0; }
.standorte tr.active, .kollegen tr.active {
border-bottom: 1px solid #000; }
.standorte tr.spacer, .kollegen tr.spacer {
background: #FFF;
height: .5em;
border: none; }
.standorte tr.caps th, .kollegen tr.caps th {
text-transform: uppercase;
background-color: #ebebeb;
color: #000; }
.standorte tr th, .kollegen tr th {
background-color: #8097ae;
color: #FFF;
text-align: center;
padding: 0 4px; }
.standorte tr th.align_left, .kollegen tr th.align_left {
text-align: left;
padding-left: 1em; }
.standorte tr th.spacer, .kollegen tr th.spacer {
background: #FFF;
width: 5px; }
.standorte tr td.spacer, .kollegen tr td.spacer {
background: #FFF;
width: 5px; }
.standorte thead tr {
height: 30px;
line-height: 30px;
border-bottom: 1em solid #8097ae;
margin-left: 2em; }
.standorte td, .standorte th {
line-height: 1.5em; }
.standorte tr {
border-bottom: 1px solid #000; }
.standorte tr th {
text-align: left; }
.standorte tr.zweigstelle {
display: table-row; }
.standorte tr.zweigstelle a {
text-decoration: underline;
cursor: pointer; }
.standorte tr.zweigstelle a.trigger_po {
width: 120px;
display: block;
padding-left: 40px; }
.standorte tr.zweigstelle a.delete {
background: #bccad7;
padding: 1px 2px;
font-size: 0.8em;
color: #FFF;
text-decoration: none; }
.standorte tr td:first-child, .standorte tr th:first-child {
padding-left: 1em; }
.standorte tr td:last-child, .standorte tr th:last-child {
padding-right: 1em; }
.standorte .pos {
width: 100%; }
.standorte .pos thead tr {
height: 20px;
line-height: 20px;
border-bottom: 1px solid #000; }
.standorte .pos thead tr.caps th {
text-transform: none; }
.standorte .pos tbody tr {
height: 20px;
line-height: 20px;
border-bottom: 1px solid #000;
background: #FFF; }
.kollegen thead tr {
height: 30px;
line-height: 30px;
border-bottom: 1em solid #8097ae; }
.kollegen tr {
border-bottom: 1px solid #000;
background: #FFF;
display: table-row; }
.kollegen tr th {
text-align: left; }
.kollegen tr td:first-child, .kollegen tr th:first-child {
padding-left: 1em; }
.kollegen tr a {
text-decoration: underline;
cursor: pointer; }
.kollegen tr a.delete {
background: #bccad7;
padding: 1px 2px;
font-size: 0.8em;
color: #FFF;
text-decoration: none; }
.ellipsis, .ellipsis_ort {
position: relative; }
.ellipsis a, .ellipsis_ort a {
position: absolute;
left: 2px;
top: -6px;
line-height: 1em;
display: block;
display: inline-block;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
width: 230px;
height: 1em; }
.ellipsis_ort a {
width: 135px; }
.ellipsis_name {
position: relative;
display: inline-block; }
.ellipsis_name span {
position: absolute;
left: 2px;
top: -11px;
line-height: 1em;
display: block;
display: inline-block;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
width: 620px;
height: 1em; }
.show_newuser {
width: 20%;
line-height: 2em;
background: #8097ae;
color: #FFF;
margin: 1em 0 2em 1em;
text-align: center;
cursor: pointer; }
form.newuser, form.edituser {
margin-bottom: 1em;
padding-bottom: 1em; }
form.newuser label, form.edituser label {
font-weight: bold; }
form.newuser ul, form.edituser ul {
list-style-type: none;
margin: 0;
padding: 0; }
form.newuser ul.parsley-error-list, form.edituser ul.parsley-error-list {
font-size: 11px;
margin: 2px;
list-style-type: none; }
form.newuser ul.parsley-error-list li, form.edituser ul.parsley-error-list li {
line-height: 11px; }
form.newuser .unternehmen, form.edituser .unternehmen {
line-height: 1.5em;
font-weight: bold;
font-style: italic; }
form.newuser .zweigstelle label, form.edituser .zweigstelle label {
font-weight: normal; }
form.newuser input[type=text], form.edituser input[type=text] {
width: 90%; }
form.newuser input.parsley-success, form.newuser textarea.parsley-success, form.edituser input.parsley-success, form.edituser textarea.parsley-success {
color: #468847 !important;
background-color: #DFF0D8 !important;
border: 1px solid #D6E9C6 !important; }
form.newuser input.parsley-error, form.newuser textarea.parsley-error, form.edituser input.parsley-error, form.edituser textarea.parsley-error {
color: #B94A48 !important;
background-color: #F2DEDE !important;
border: 1px solid #EED3D7 !important; }
form.newuser {
margin: 1em;
display: none; }
form.newuser .item {
float: left;
width: 19%; }
.counter {
margin-top: -30px; }
.counter a {
margin-right: 40px;
display: block;
width: 180px;
height: 180px;
float: left;
text-decoration: none; }
.counter a:last-child {
margin-right: 0; }
.counter a .kasten {
width: 180px;
height: 180px;
line-height: 180px;
vertical-align: middle;
text-align: center;
font-size: 50px;
font-family: CorpoA, Times, serif;
color: #FFF;
text-decoration: none; }
.counter a .kasten.cnt_menschen {
background: url(../img/bg_menschen.jpg) no-repeat; }
.counter a .kasten.cnt_kompetenzen {
background: url(../img/bg_kompetenzen.jpg) no-repeat; }
.counter a .kasten.cnt_standorte {
background: url(../img/bg_standorte.jpg) no-repeat; }
.endscreen {
text-align: center; }
.endscreen h1 {
font-size: 4em; }
.endscreen h2 {
font-size: 1.9em;
margin-bottom: 0; }
.endscreen p {
font-size: 1.6em; }
/*
* Table styles
*/
table.dataTable {
width: 100%;
margin: 0 auto;
clear: both;
border-collapse: separate;
border-spacing: 0;
/*
* Header and footer styles
*/
/*
* Body styles
*/ }
table.dataTable thead th,
table.dataTable tfoot th {
font-weight: bold; }
table.dataTable thead th,
table.dataTable thead td {
padding: 10px 18px;
border-bottom: 1px solid #111; }
table.dataTable thead th:active,
table.dataTable thead td:active {
outline: none; }
table.dataTable tfoot th,
table.dataTable tfoot td {
padding: 10px 18px 6px 18px;
border-top: 1px solid #111; }
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
*cursor: hand;
background-repeat: no-repeat;
background-position: center right; }
table.dataTable thead .sorting {
background-image: url("../img/sort_both.png"); }
table.dataTable thead .sorting_asc {
background-image: url("../img/sort_asc.png"); }
table.dataTable thead .sorting_desc {
background-image: url("../img/sort_desc.png"); }
table.dataTable thead .sorting_asc_disabled {
background-image: url("../img/sort_asc_disabled.png"); }
table.dataTable thead .sorting_desc_disabled {
background-image: url("../img/sort_desc_disabled.png"); }
table.dataTable tbody tr {
background-color: #ffffff; }
table.dataTable tbody tr.selected {
background-color: #B0BED9; }
table.dataTable tbody th,
table.dataTable tbody td {
padding: 8px 10px; }
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-top: 1px solid #ddd; }
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
border-top: none; }
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd; }
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
border-left: 1px solid #ddd; }
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
border-top: none; }
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background-color: #f9f9f9; }
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
background-color: #acbad4; }
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
background-color: #f6f6f6; }
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
background-color: #aab7d1; }
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
background-color: #fafafa; }
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
background-color: #acbad5; }
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #f1f1f1; }
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
background-color: #f3f3f3; }
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
background-color: whitesmoke; }
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
background-color: #a6b4cd; }
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #a8b5cf; }
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #a9b7d1; }
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #fafafa; }
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
background-color: #fcfcfc; }
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
background-color: #fefefe; }
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #acbad5; }
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #aebcd6; }
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
background-color: #afbdd8; }
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
background-color: #eaeaea; }
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
background-color: #ececec; }
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
background-color: #efefef; }
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
background-color: #a2aec7; }
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
background-color: #a3b0c9; }
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
background-color: #a5b2cb; }
table.dataTable.no-footer {
border-bottom: 1px solid #111; }
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap; }
table.dataTable.compact thead th,
table.dataTable.compact thead td {
padding: 4px 17px 4px 4px; }
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
padding: 4px; }
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
padding: 4px; }
table.dataTable th.dt-left,
table.dataTable td.dt-left {
text-align: left; }
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
text-align: center; }
table.dataTable th.dt-right,
table.dataTable td.dt-right {
text-align: right; }
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
text-align: justify; }
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
white-space: nowrap; }
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
text-align: left; }
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
text-align: center; }
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
text-align: right; }
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
text-align: justify; }
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
white-space: nowrap; }
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
text-align: left; }
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
text-align: center; }
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
text-align: right; }
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
text-align: justify; }
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
white-space: nowrap; }
table.dataTable,
table.dataTable th,
table.dataTable td {
box-sizing: content-box; }
/*
* Control feature layout
*/
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
zoom: 1; }
.dataTables_wrapper .dataTables_length {
float: left; }
.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right; }
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
color: #000; }
.dataTables_wrapper .dataTables_info {
clear: both;
float: left;
padding-top: 0.755em; }
.dataTables_wrapper .dataTables_paginate {
float: right;
text-align: right;
padding-top: 0.25em; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
border: 1px solid transparent;
border-radius: 2px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #333 !important;
border: 1px solid #979797;
background-color: white;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
/* IE10+ */
background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
/* W3C */ }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #666 !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid #111;
background-color: #585858;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #585858 0%, #111 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #585858 0%, #111 100%);
/* IE10+ */
background: -o-linear-gradient(top, #585858 0%, #111 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #585858 0%, #111 100%);
/* W3C */ }
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
background-color: #2b2b2b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* IE10+ */
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
/* W3C */
box-shadow: inset 0 0 3px #111; }
.dataTables_wrapper .dataTables_paginate .ellipsis {
padding: 0 1em; }
.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 40px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
font-size: 1.2em;
background-color: white;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: #333; }
.dataTables_wrapper .dataTables_scroll {
clear: both; }
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch; }
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
vertical-align: middle; }
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0 !important;
padding: 0 !important; }
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #111; }
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
border-bottom: none; }
.dataTables_wrapper:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0; }
@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center; }
.dataTables_wrapper .dataTables_paginate {
margin-top: 0.5em; } }
@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
float: none;
text-align: center; }
.dataTables_wrapper .dataTables_filter {
margin-top: 0.5em; } }
div#countdown {
text-align: center;
background: #BDBBBB; }
div#countdown > span {
display: inline-block;
text-align: center;
margin: 20px 10px; }
div#countdown > span span {
color: red;
font-size: 24px; }
nav.anmelden {
display: block;
position: relative;
width: 1140px;
top: 15px;
left: 0;
overflow: visible;
background: #FFF; }
.tx-mbcp-audit {
background: #FFF;
padding: 40px 20px;
color: #000; }
.set-commitment {
font-size: 18px; }
.set-commitment input {
/* Double-sized Checkboxes */
transform: scale(1.5);
-ms-transform: scale(1.5);
/* IE */
-moz-transform: scale(1.5);
/* FF */
-webkit-transform: scale(1.5);
/* Safari and Chrome */
-o-transform: scale(1.5);
/* Opera */
position: relative; }
.icon-delete {
position: absolute;
top: -8px;
right: -8px;
width: 20px;
height: 20px;
cursor: pointer;
}
.no-close .ui-dialog-titlebar-close {
display: none; }
.tx-mbcp-audit textarea, .tx-mbcp-audit input[type="text"] {
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
border: 1px solid #333;
font-size: 12px;
padding: 1px 3px; }
.tx-mbcp-audit h1 {
font-size: 24px; }
.tx-mbcp-audit h2 {
font-family: CorpoA, Times, serif;
font-weight: normal;
font-size: 20px; }
.tx-mbcp-audit h3 {
font-size: 18px;
margin-bottom: 1em;
font-weight: normal; }
.tx-mbcp-audit h3 input[type="text"] {
width: 3em;
text-align: center; }
.tx-mbcp-audit h3 input[type="text"].tf-numberlocations {
width: 6em; }
.tx-mbcp-audit label.commit {
font-size: 16px; }
.tx-mbcp-audit label.commit input {
/* Double-sized Checkboxes */
transform: scale(1.5);
-ms-transform: scale(1.5);
/* IE */
-moz-transform: scale(1.5);
/* FF */
-webkit-transform: scale(1.5);
/* Safari and Chrome */
-o-transform: scale(1.5);
/* Opera */
position: relative; }
.tx-mbcp-audit span.title {
font-size: 14px; }
.tx-mbcp-audit .indented {
margin-left: 20px;
position: relative; }
.tx-mbcp-audit .tx_mbvdcp_cp-audit-image-wrapper {
position: relative;
margin: 6px 3px;
display: inline-block; }
.tx-mbcp-audit .icon-delete {
position: absolute;
top: -8px;
right: -8px;
width: 20px;
height: 20px;
cursor: pointer; }
.tx-mbcp-audit .wrap-assess, .tx-mbcp-audit .wrap-assess-staff {
position: absolute;
background: #DDD;
border: 1px solid #000;
width: 33px;
padding: 0px 15px;
font-size: 14px;
right: 0;
bottom: 42px;
z-index: 500;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); }
.tx-mbcp-audit .wrap-assess label, .tx-mbcp-audit .wrap-assess-staff label {
display: block;
margin: 5px 0;
font-size: 16px; }
.tx-mbcp-audit .wrap-assess.staff, .tx-mbcp-audit .wrap-assess-staff.staff {
top: 20px;
bottom: auto; }
.tx-mbcp-audit .wrap-assess.no-bottom, .tx-mbcp-audit .wrap-assess-staff.no-bottom {
top: 0;
bottom: auto; }
.tx-mbcp-audit .tx-mbcp-staff .wrap-assess-staff {
color: #000;
bottom: 0px;
right: -50px; }
.tx-mbcp-audit .tx-mbcp-staff .wrap-assess-staff label {
display: block;
margin: 0;
width: 110px;
text-align: left; }
.tx-mbcp-audit .assessment .tx-mbcp-staff {
width: 93%; }
.tx-mbcp-audit .tx-mbcp-staff {
background: #8f8f8f;
padding: 15px 5px;
color: #FFF;
margin-bottom: 3em;
position: relative; }
.tx-mbcp-audit .tx-mbcp-staff input {
color: #000; }
.tx-mbcp-audit .tx-mbcp-staff label {
width: 70px;
margin: 10px 0;
padding-right: 4px;
text-align: right;
display: inline-block; }
.tx-mbcp-audit .tx-mbcp-staff .photo {
position: absolute;
bottom: 6px;
right: 175px;
max-height: 90px;
width: auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5 eases;
-o-transition: all 0.5s ease;
transition: max-height 0.5s ease; }
.tx-mbcp-audit .tx-mbcp-staff .photo:hover {
max-height: 200px;
width: auto; }
.tx-mbcp-audit .tx-mbcp-staff.error {
border: 1px solid #000;
background: #a96a6a; }
.tx-mvcp-communication-step {
font-size: 16px;
line-height: 2;}
.tx-mvcp-communication-step label{
font-size: 20px;
font-family: CorpoA, Times, serif;
display: inline-block;
width: 80px;
}
.tx-mvcp-communication-step input[type=radio]{
margin-right: 0.25em;
}
.tx-mbcp-audit .tx-mvcp-communication .tx-mvcp-communication-step textarea{
width: 968px;
height: 5em;
}
.tx-mbcp-audit .fig-communication {
display: inline-block;
width: 120px;
text-align: center;
position: relative; }
.tx-mbcp-audit .row-communication {
margin: 1em 0;
font-size: 1.2em; }
.tx-mbcp-audit .row-communication label {
display: inline-block;
width: 45%; }
.tx-mbcp-audit .tx-mvcp-communication .row-communication {
margin: 1em 0;
font-size: 1.2em; }
.tx-mbcp-audit .tx-mvcp-communication .row-communication label {
display: inline-block;
width: 37%; }
.tx-mbcp-audit .tx-mvcp-communication .row-communication input[type="text"] {
width: 60%; }
.tx-mbcp-audit .tx-mvcp-communication textarea {
width: 1038px; }
.tx-mbcp-audit .tx-mvcp-readiness textarea {
height: 10em;
width: 100%; }
.tx-mbcp-audit .tx-mvcp-readiness.assessment textarea {
height: 10em;
width: 95%; }
.tx-mbcp-audit .tx-mvcp-readiness .error {
border: 2px solid red; }
.tx-mbcp-audit .tx-mvcp-readiness button.bu-big.flatbutton {
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); }
.tx-mbcp-audit .tx-mvcp-readiness button.savereadinessdone {
margin: 20px 70px;
background: #39A9CA;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); }
.tx-mbcp-audit .tx-mvcp-readiness button.savereadinessdone.bu-red {
background: #C1272D; }
.tx-mbcp-audit .tx-mvcp-readiness .assessment-result {
text-align: center;
padding: 10px 0;
margin: 20px 0;
font-family: CorpoA, Times, serif;
font-weight: normal;
font-size: 20px;
border: 10px solid #22B573;
background-color: #B0FFA8; }
.tx-mbcp-audit .hide-template {
display: none; }
.tx-mbcp-audit .tx-mbcp-focus {
background: #000;
height: 200px;
position: relative;
z-index: 10; }
.tx-mbcp-audit .tx-mbcp-focus .tx-mbcp-focus-arrow {
position: absolute;
left: 500px;
top: 50px; }
.tx-mbcp-audit .tx-mbcp-focus ol, .tx-mbcp-audit .tx-mbcp-focus ul {
margin: 0;
padding: 0;
list-style-type: none; }
.tx-mbcp-audit .tx-mbcp-focus ol li, .tx-mbcp-audit .tx-mbcp-focus ul li {
display: block;
width: 300px;
height: 20px;
margin: 20px 0; }
.tx-mbcp-audit .tx-mbcp-focus ol.tx-mbcp-focus-topic, .tx-mbcp-audit .tx-mbcp-focus ul.tx-mbcp-focus-topic {
position: absolute;
top: 30px;
left: 175px;
z-index: 200; }
.tx-mbcp-audit .tx-mbcp-focus ol.tx-mbcp-focus-topic li, .tx-mbcp-audit .tx-mbcp-focus ul.tx-mbcp-focus-topic li {
position: relative; }
.tx-mbcp-audit .tx-mbcp-focus ol.tx-mbcp-focus-topic li span, .tx-mbcp-audit .tx-mbcp-focus ul.tx-mbcp-focus-topic li span {
background: #29ABE2;
display: inline-block;
height: 20px;
width: 210px;
text-align: center; }
.tx-mbcp-audit .tx-mbcp-focus ol.tx-mbcp-focus-target, .tx-mbcp-audit .tx-mbcp-focus ul.tx-mbcp-focus-target {
position: absolute;
top: 30px;
right: 150px;
z-index: 100; }
.tx-mbcp-audit .tx-mbcp-focus ol.tx-mbcp-focus-target.set li span, .tx-mbcp-audit .tx-mbcp-focus ul.tx-mbcp-focus-target.set li span {
background: #29ABE2;
color: #000; }
.tx-mbcp-audit .tx-mbcp-focus ol.tx-mbcp-focus-target li, .tx-mbcp-audit .tx-mbcp-focus ul.tx-mbcp-focus-target li {
border: 1px dotted #AAA;
width: 210px; }
.tx-mbcp-audit .tx-mbcp-focus ol.tx-mbcp-focus-target li span, .tx-mbcp-audit .tx-mbcp-focus ul.tx-mbcp-focus-target li span {
background: transparent;
color: #CCC;
display: inline-block;
height: 20px;
width: 210px;
text-align: center;
position: relative; }
.tx-mbcp-audit .tx-mbcp-focus ol.tx-mbcp-focus-target li span.droparea, .tx-mbcp-audit .tx-mbcp-focus ul.tx-mbcp-focus-target li span.droparea {
position: absolute;
z-index: 10; }
.detail-gallery{
width: 1150px;
}
.detail-gallery a.grid-item{
background: none !important;
text-decoration: none !important;
margin: 0;
padding:0;
margin-bottom:10px;
}
.wrapper-betriebe {
height: 730px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
margin:2px 0;
overflow:hidden;
}
.uebersicht_menschen .wrapper-betriebe {
height: 770px; }
#tx_mbvdcp_cp-detail-edit {
position: relative;
background: #FFF;
width: auto;
max-width: 1140px;
border:30px solid white;
margin: 20px auto;
}
#tx_mbvdcp_cp-detail-edit .tx_mbvdcp_cp-detail-image-wrapper {
position: relative;
margin: 6px 3px;
display: inline-block; }
#tx_mbvdcp_cp-detail-edit .icon-delete {
position: absolute;
top: -8px;
right: -8px;
width: 20px;
height: 20px;
cursor: pointer; }
#tx_mbvdcp_cp-detail-edit textarea{
width:65%;
height:10em;
}
.mbvdcpdatahub * {
font-size: 12px;
}
.mbvdcpdatahub .content_wrapper .tx-mbcp-audit,
.mbvdcpdatahub .content_wrapper {
margin: 0px;
padding: 0px;
}
.mbvdcpdatahub footer{
display:none;
}
.mbvdcpdatahub .content_wrapper .tx-mbcp-audit{
height:100%;
min-height: 600px;
}
.mbvdcpdatahub aside {
position: relative;
float: left;
width:260px;
background: #D5D5D5;
padding:0 20px 0;
clear:right;
height:100%;
z-index: 2;
}
.mbvdcpdatahub .bg_aside {
position: absolute;
width:260px;
background: #D5D5D5;
padding:0 20px 0;
clear:right;
height:100%;
z-index: 1;
}
.mbvdcpdatahub aside .hl-first{
margin-top:5px
}
.mbvdcpdatahub header {
background: #5E5E5E;
padding:20px;
height:50px;
width:860px; margin-left:300px; text-align: center; }
.mbvdcpdatahub header *{
font-size:16px;
color:#FFF;
}
.mbvdcpdatahub header .icon-export{
float:left;
}
.mbvdcpdatahub main {
padding:20px;
min-height:100px;
width:860px;
margin-left:300px;
}
.mbvdcpdatahub .wrapper-text [contenteditable="false"]{
background:#bbffff;
color:#000;
padding:5px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.mbvdcpdatahub .nav-text{
min-height:25px;
line-height: 25px;
position: relative;
}
.mbvdcpdatahub .bu-text-tab{
text-transform: uppercase;
border: 2px solid #EF5FA7;
color: #EF5FA7;
font-weight: bold;
font-size: 12px;
/* float: left; */
line-height: 1.2em;
width: 166px;
overflow:hidden;
background: #FFF;
vertical-align: bottom;
bottom: -2px;
position: relative;
padding:5px 0;
display:inline-block;
text-align:center;
margin-top:1px;
}
.mbvdcpdatahub .bu-text-tab:focus {outline:0;}
.mbvdcpdatahub .bu-text-tab.bu-text-tab-active{
/*border-bottom-color:#FFF;*/
background-color: #EF5FA7;
color: #FFF;
}
.mbvdcpdatahub .bu-text-tab.bu-text-tab-new{
position: absolute;
right: 0;
}
.mbvdcpdatahub .wrapper-text{
border:2px solid #EF5FA7;
}
.mbvdcpdatahub .tf-editor{
width:830px;
min-height:50px;
border:none;
box-shadow: none;
cursor: text;
margin-left:4px;
}
.mbvdcpdatahub .tf-editor-readonly{
/*background:#EDEDED;*/
}
.mbvdcpdatahub .wrapper-textarea{
cursor: move;
background: #FFF;
margin:5px 0 5px 2px;
padding-left:5px;
position:relative;
border-left: 3px solid lime;
}
.mbvdcpdatahub .wrapper-textarea.standard{
border-left: 3px solid #00F;
}
.mbvdcpdatahub span.textarea-index {
position: absolute;
left: -21px;
top:-2px;
width: 15px;
height: 15px;
border: 3px solid lime;
background: #FFF;
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size:12px;
}
.mbvdcpdatahub .wrapper-textarea.standard span.textarea-index{
border-color:#00F;
}
.mbvdcpdatahub span.ui-icon.ui-icon-arrowthick-2-n-s {
margin-left: 5px;
}
.mbvdcpdatahub .wrapper-info,
.mbvdcpdatahub .wrapper-preview{
background:rgba(0, 0, 0, 0.5);
position:absolute;
top:0;
left:0;
z-index:1000;
width:100%;
height:100%;
overflow:auto;
display:none;
}
.mbvdcpdatahub .info,
.mbvdcpdatahub .preview{
background:#FFF;
width:70%;
margin:20px auto 0;
padding:20px;
}
.mbvdcpdatahub .preview a{
color:#000;
}
.mbvdcpdatahub .info{
width:90%;
}
.mbvdcpdatahub .icon{
width: 50px;
height:50px;
cursor:pointer;
}
.mbvdcpdatahub .elem-delete{
position:relative;
height:50px;
margin-top: 20px;
}
.mbvdcpdatahub .elem-delete.ui-state-hover{
background:#eac1c1;
}
.mbvdcpdatahub .ui-icon-closethick{
float:right;
cursor: pointer;
}
.mbvdcpdatahub .icon-delete{
width: 50px;
height:50px;
position: absolute;
top:0px;
right:10px;
}
.mbvdcpdatahub .bu-kapitel{
display:block;
position:relative;
background: #FFF;
width:200px;
height:21px;
padding-left:10px;
line-height:22px;
margin-left:25px;
margin-bottom: 0.5rem;
border:1px solid #000;
text-align: left;
cursor: move;
}
.mbvdcpdatahub .bu-kapitel.standard{
background:#bbffff;
}
.mbvdcpdatahub .bu-kapitel .bu-firstletter{
display:block;
position:absolute;
background: #FFF;
width:20px;
height:21px;
left:-27px;
top:-2px;
border: 2px solid lime;
text-align: center;
font-weight:bold;
text-transform: uppercase;
}
.mbvdcpdatahub .bu-kapitel.standard .bu-firstletter{
border: 2px solid blue;
}
.mbvdcpdatahub .elem-droppable{
text-align:center;
height:75px;
line-height:75px;
font-size:16px;
color:#999;
background:#DDD;
margin:1em 0;
}
.mbvdcpdatahub .bu-add-kapitel,
.mbvdcpdatahub .bu-link-readiness,
.mbvdcpdatahub .bu-save-kapitel{
display:none;
}
.mbvdcpdatahub .bu-info,
.mbvdcpdatahub .bu-help{
background: #000;
color:#FFF;
border:none;
font-size:15px;
margin-top:12px;
margin-left:12px;
padding:4px 12px;
}
.mbvdcpdatahub a.bu-help {
padding: 6px 12px;
text-decoration: none;
}
#text-new{
padding:20px;
font-size:20px;
}
#text-new input[type="text"]{
border: 2px solid #EF5FA7;
padding:4px;
width:200px;
box-shadow: none;
}
#text-new input[type="submit"]{
border: 1px solid #EF5FA7;
padding:4px;
}
.wrapper-text{
display:none;
}
[contenteditable=true]:empty:before{
content: attr(placeholder);
display: block; /* For Firefox */
color:#AAA;
}
.standortkarte .wrapper_right{
float: right;
width: 350px; }
.wrapper_right table.dataTable.betriebe{
padding:0
}
table.betriebe tbody{
height: 740px;
overflow:auto;
}
.scroll-up, .scroll-down{
width:350px;
}
table.dataTable.betriebe tbody tr td, table.dataTable.betriebe tbody tr{
border:0;
height:1em;
}
table.dataTable.betriebe thead tr {
background-color: transparent;
border: none;
}
table.dataTable thead th {
white-space: nowrap; }
table.dataTable tbody th, table.dataTable tbody td, table.dataTable tbody td a {
color: #FFF; }
.dataTables_wrapper select, .dataTables_wrapper input {
color: #000; }
table.dataTable tbody tr td, table.dataTable tbody tr {
background-color: transparent;
border: 1px solid #5E5E5E;
border-left: 1px solid #000;
border-right: 1px solid #000; }
table.dataTable thead tr, table.dataTable.cp-invite tbody tr td.cb {
background-color: #808081;
border: 1px solid #5E5E5E; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
color: #FFF !important; }
table.dataTable.cp-invite tbody tr td.cb {
text-align: center; }
table.dataTable thead th, table.dataTable tbody td {
padding: 4px 18px 4px 4px;
vertical-align: middle; }
.cb-invite, .cb-freigabe {
/* Double-sized Checkboxes */
transform: scale(1.5);
-ms-transform: scale(1.5);
/* IE */
-moz-transform: scale(1.5);
/* FF */
-webkit-transform: scale(1.5);
/* Safari and Chrome */
-o-transform: scale(1.5);
/* Opera */
position: relative;
top: 4px; }
table.dataTable tbody tr.tr-invited td {
color: #92d053; }
table.dataTable tbody tr.tr-invited td a {
color: #92d053; }
table.dataTable tbody tr.tr-invited td.active {
background-color: #658148;
color: #000; }
table.dataTable tbody tr.tr-invited td.inprogress {
background-color: #f0e252;
color: #000; }
table.dataTable tbody tr.tr-invited td.approved {
background-color: #9bbb59;
color: #000; }
table.dataTable tbody tr.tr-invited td.rejected {
background-color: #d05844;
color: #000; }
table.dataTable tbody tr.tr-invited td.tbc {
background-color: #39A9CA;
color: #000; }
table.dataTable tbody tr td.inprogress {
background-color: #f0e252;
color: #000; }
table.dataTable tbody tr td.approved {
background-color: #9bbb59;
color: #000; }
table.dataTable tbody tr td.rejected {
background-color: #d05844;
color: #000; }
table.dataTable tbody tr td.tbc {
background-color: #39A9CA;
color: #000; }
table.dataTable tbody tr.tr-invited td.cb {
background-color: #658148; }
.nowrap {
white-space: nowrap; }
/*
* FlipSwitch
* https://proto.io/freebies/onoff/
*/
.tx-mbcp-audit .tx-mbcp-staff fieldset.rechtevergabe {
position: absolute;
top: 15px;
right: 5px;
width:160px;
}
.tx-mbcp-audit .tx-mbcp-staff fieldset.rechtevergabe>label{
width: 85px;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch {
display: inline-block;
position: relative; top: 5px; width: 54px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch-checkbox {
display: none;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch-label {
display: inline-block;
overflow: hidden;
cursor: pointer;
margin:0;
border: 2px solid #E6DDDD;
border-radius: 20px;
padding:0;
text-align: left;
width: 48px;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch-inner:before, .tx-mbcp-audit .tx-mbcp-staff .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 15px;
padding: 0; line-height: 17px;
font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
box-sizing: border-box;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch-inner:before {
content: "Ja";
padding-left: 10px;
background-color: #61D836; color: #FFFFFF;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch-inner:after {
content: "Nein";
padding-right: 10px;
background-color: #ED220C; color: #FFFFFF;
text-align: right;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch-switch {
display: block; width: 17px; margin: -1px; height: 17px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0; right: 42px;
border: 2px solid #E6DDDD; border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.tx-mbcp-audit .tx-mbcp-staff .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
/*!
* Quill Editor v1.3.3
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative; }
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden; }
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none; }
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%; }
.ql-clipboard p {
margin: 0;
padding: 0; }
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word; }
.ql-editor > * {
cursor: text; }
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em; }
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none; }
.ql-editor ul > li::before {
content: '\2022'; }
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none; }
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all; }
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all; }
.ql-editor ul[data-checked=true] > li::before {
content: '\2611'; }
.ql-editor ul[data-checked=false] > li::before {
content: '\2610'; }
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em; }
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right; }
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em; }
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em; }
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em; }
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0; }
.ql-editor ol li:before {
content: counter(list-0,decimal) ". "; }
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1; }
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1,lower-alpha) ". "; }
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2; }
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2,lower-roman) ". "; }
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3; }
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3,decimal) ". "; }
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4; }
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4,lower-alpha) ". "; }
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5; }
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5,lower-roman) ". "; }
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6; }
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6,decimal) ". "; }
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7; }
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7,lower-alpha) ". "; }
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9; }
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8; }
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8,lower-roman) ". "; }
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9; }
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9; }
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9,decimal) ". "; }
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em; }
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em; }
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em; }
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em; }
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em; }
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em; }
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em; }
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em; }
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em; }
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em; }
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em; }
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em; }
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em; }
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em; }
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em; }
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em; }
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em; }
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em; }
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em; }
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em; }
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em; }
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em; }
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em; }
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em; }
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em; }
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em; }
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em; }
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em; }
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em; }
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em; }
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em; }
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em; }
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em; }
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em; }
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em; }
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em; }
.ql-editor .ql-video {
display: block;
max-width: 100%; }
.ql-editor .ql-video.ql-align-center {
margin: 0 auto; }
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto; }
.ql-editor .ql-bg-black {
background-color: #000; }
.ql-editor .ql-bg-red {
background-color: #e60000; }
.ql-editor .ql-bg-orange {
background-color: #f90; }
.ql-editor .ql-bg-yellow {
background-color: #ff0; }
.ql-editor .ql-bg-green {
background-color: #008a00; }
.ql-editor .ql-bg-blue {
background-color: #06c; }
.ql-editor .ql-bg-purple {
background-color: #93f; }
.ql-editor .ql-color-white {
color: #fff; }
.ql-editor .ql-color-red {
color: #e60000; }
.ql-editor .ql-color-orange {
color: #f90; }
.ql-editor .ql-color-yellow {
color: #ff0; }
.ql-editor .ql-color-green {
color: #008a00; }
.ql-editor .ql-color-blue {
color: #06c; }
.ql-editor .ql-color-purple {
color: #93f; }
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif; }
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace; }
.ql-editor .ql-size-small {
font-size: 0.75em; }
.ql-editor .ql-size-large {
font-size: 1.5em; }
.ql-editor .ql-size-huge {
font-size: 2.5em; }
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit; }
.ql-editor .ql-align-center {
text-align: center; }
.ql-editor .ql-align-justify {
text-align: justify; }
.ql-editor .ql-align-right {
text-align: right; }
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px; }
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table; }
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px; }
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%; }
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none; }
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
display: none; }
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c; }
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c; }
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c; }
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444; }
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444; }
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444; } }
.ql-snow {
box-sizing: border-box; }
.ql-snow * {
box-sizing: border-box; }
.ql-snow .ql-hidden {
display: none; }
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden; }
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px); }
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none; }
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px); }
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle; }
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table; }
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2; }
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2; }
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444; }
.ql-snow .ql-empty {
fill: none; }
.ql-snow .ql-even {
fill-rule: evenodd; }
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1; }
.ql-snow .ql-transparent {
opacity: 0.4; }
.ql-snow .ql-direction svg:last-child {
display: none; }
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline; }
.ql-snow .ql-direction.ql-active svg:first-child {
display: none; }
.ql-snow .ql-editor h1 {
font-size: 2em; }
.ql-snow .ql-editor h2 {
font-size: 1.5em; }
.ql-snow .ql-editor h3 {
font-size: 1.17em; }
.ql-snow .ql-editor h4 {
font-size: 1em; }
.ql-snow .ql-editor h5 {
font-size: 0.83em; }
.ql-snow .ql-editor h6 {
font-size: 0.67em; }
.ql-snow .ql-editor a {
text-decoration: underline; }
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px; }
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px; }
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px; }
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px; }
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible; }
.ql-snow .ql-editor img {
max-width: 100%; }
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle; }
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%; }
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px; }
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap; }
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px; }
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2; }
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc; }
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc; }
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1; }
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px; }
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px; }
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px; }
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px; }
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px; }
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px; }
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px; }
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label); }
.ql-snow .ql-picker.ql-header {
width: 98px; }
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: 'Heading 1'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: 'Heading 2'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: 'Heading 3'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: 'Heading 4'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: 'Heading 5'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: 'Heading 6'; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em; }
.ql-snow .ql-picker.ql-font {
width: 108px; }
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif'; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: 'Serif'; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: 'Monospace'; }
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif; }
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace; }
.ql-snow .ql-picker.ql-size {
width: 98px; }
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: 'Small'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: 'Large'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: 'Huge'; }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px; }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px; }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px; }
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff; }
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000; }
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px; }
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px; }
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid transparent; }
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid transparent;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; }
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc; }
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc; }
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000; }
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px; }
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap; }
.ql-snow .ql-tooltip::before {
content: "Visit URL:";
line-height: 26px;
margin-right: 8px; }
.ql-snow .ql-tooltip input[type=text] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px; }
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top; }
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px; }
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px; }
.ql-snow .ql-tooltip a {
line-height: 26px; }
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none; }
.ql-snow .ql-tooltip.ql-editing input[type=text] {
display: inline-block; }
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px; }
.ql-snow .ql-tooltip[data-mode=link]::before {
content: "Enter link:"; }
.ql-snow .ql-tooltip[data-mode=formula]::before {
content: "Enter formula:"; }
.ql-snow .ql-tooltip[data-mode=video]::before {
content: "Enter video:"; }
.ql-snow a {
color: #06c; }
.ql-container.ql-snow {
border: 1px solid #ccc; }
.hidden {
display: none !important;
visibility: hidden; }
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
.invisible {
visibility: hidden; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
input[type="submit"],
input[type="upload"],
button,
.header_wrapper {
display: none !important; }
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group;
/* h5bp.com/t */ }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }