@font-face {
    font-family: LatoRegular;
    src: url(../fonts/Lato-Regular.ttf?cache=1tmoiic);
}

@font-face {
    font-family: LatoLight;
    src: url(../fonts/Lato-Light.ttf?cache=1tmoiic);
}

@font-face {
    font-family: LatoBold;
    font-weight: bold;
    src: url(../fonts/Lato-Bold.ttf?cache=1tmoiic);
}

@font-face {
    font-family: RobotoRegular;
    src: url(../fonts/roboto/Roboto-Regular.ttf?cache=1tmoiic);
}

body {
        background-color: #ffffff;
	margin: 0 0 0 0;
        font-family: RobotoRegular;
	font-size: 12px;
        scrollbar-color: grey transparent !important;
}
textarea {
    font-family: RobotoRegular;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
}
input {
    font-family: RobotoRegular;
    box-sizing: border-box;
}
select {
    font-family: RobotoRegular;
    border: 1px solid #bdbdbd;
    background-color: #ffffff;
    border-radius: 4px;
    height: 32px;
    font-size: 12px;
    box-sizing: border-box;
}
p {
        /* zzz I really don't think we should be setting font sizes
	 * globally for P and LI.  This is almost as bad as the
           non-inherited table font issue. */
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	}
ul {
	margin-top: 0px;
	margin-bottom: 0px;
	}

li {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 4px;
	}
.table_content {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	}
.fancy_table_content {
    /* border-right: 1px solid #ccc; */
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
}

.fancy_table_content_scroller {
    overflow-y: auto;
    overflow-x: auto;
    @-moz-document url-prefix() {
        overflow-y: scroll;
        overflow-x: scroll;
        scrollbar-color: grey transparent;
        scrollbar-width: thin;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        overflow-y: overlay;
        overflow-x: overlay;
    }
    background-color: white; /* #f7f7f7; */
    position: relative;
}

.deadlinetypes-scroller {
    background-color: white; /* #f7f7f7; */
    position: relative;
}

.fancy-header-blue-line {
    border-top: 1px solid #e5e5e5;
}

.fancy_table_header {
    /* background-color: #79A9D1; */
    /* border-top: 1px solid black; */
    position: relative;
}

.fancy_table_header tbody.fancy-content-header {
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
}

.fancy_table_header tr {
    height: 56px;
}

.fancy_table_header *[onclick] {
    cursor: pointer;
}

.currentsort * {
    color: #212121;
}
.currentsort img {
    filter: invert(5%) sepia(0%) saturate(1377%) hue-rotate(206deg) brightness(95%) contrast(83%) !important;
}

.fancy_table_button_header {
    position: relative;
    overflow: hidden;
     /* border-bottom: 1px solid #999; */
     /* border-top: 1px solid #999; */
}

.fancy_table_button_header select {
    height: 24px;
}

.fancy_table_tab_header {
    height: 40px;
    border-bottom: 1px solid  #bdbdbd;
}
.index {
	font-family: RobotoRegular;
	font-size: 16px;
	font-weight: bold;
	color: #ff9900;
	text-decoration:none;
	margin-left: 10px;

}
.fancyindex {
	font-family: RobotoRegular;
	font-size: 12px;
	color: #212121;
	text-decoration:none;
}
.index a:link {
	font-family: RobotoRegular;
	font-size: 16px;
	font-weight: bold;
	color: #ff9900;
	text-decoration:none;
}
.index a:visited {
	font-family: RobotoRegular;
	font-size: 16px;
	font-weight: bold;
	color: #ff9900;
	text-decoration:none;
}
.index a:hover {
	font-family: RobotoRegular;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}
.index a:active {
	font-family: RobotoRegular;
	font-size: 16px;
	font-weight: bold;
	color: #ff9900;
	text-decoration:none;
}
.index_content {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	line-height: 15px;
	list-style-type:circle;
}
.index_content a {
        text-decoration: none;
        cursor: pointer;
        color: #000000;
}
.index_content a:visited{
	color: #000000;
	text-decoration:none;
}
.jobs_aktualisiere {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: bold;
	color: #006600;
	}
.spalten_top {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: nowrap;
}
.spalten_top_grey_header {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
        background: lightgrey;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: nowrap;
}
.fancy-header-field-without-padding {
    padding: 0 0 0 20px;
    color: #757575;
}
.fancy-header-field-without-padding img {
    vertical-align: text-bottom;
    filter: invert(49%) sepia(0%) saturate(0%) hue-rotate(53deg) brightness(92%) contrast(87%);
}
.fancy-header-field {
    padding: 0 0 0 20px;
    color: #757575;
}
.fancy-header-field img {
    vertical-align: middle;
}
.fancy-rowheader {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	background-color: #b0b0b0;
	padding: 3px 1em 3px 1em;
	white-space: nowrap;
	border-bottom: 1px dotted #fff;
}
.fancy-subheader-field-without-padding {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	background-color: #b0b0b0;
	white-space: nowrap;
	padding: 3px 3px;
}
.fancy-subheader-field {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	padding: 3px 50px 3px 50px;
	background-color: #b0b0b0;
	white-space: nowrap;
}
.spalten {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #DEEDF8;
	padding-right: 10px;
	white-space: nowrap;
}

.akte {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	white-space: nowrap;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	background-color: #B3D0E8;
}
.akte a:link {
	color: #000000;
	text-decoration:none;
}
.akte a:visited{
	color: #000000;
	text-decoration:none;
}
.akte a:hover {
	color: #ff9900;
	text-decoration:none;
}
.akte a:active {
	color: #ff9900;
	text-decoration:none;
}

.vertragsbar-base-field-label a > img {
    border: none;
    cursor: pointer;
    text-decoration:none;
    vertical-align: bottom;
}

.field-description-text-div {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    position: absolute;
    left: 0px;
    display: none;
    background-color: #ffffff;
    z-index: 2000;
    overflow: hidden;
    text-indent: 0px;
    padding: 5px;
    white-space: pre-line;
}
.hinweis {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FF9900;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
#read-only-server {
	font-family: RobotoRegular;
	font-size: 12px;
	color: #000;
	z-index: 4;
	opacity: 0.9;
}

.ktree_textframe_header {
    overflow: hidden;
    width: 100%;
    z-index: 100;
    background-color: #ffffff;
}

.ktree_textframe_header_left {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.ktree_textframe_header_right {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

#flashtitle {
    z-index: 1000;
    position: absolute;
    border: 1px solid #e5e5e5;
    font-family: RobotoRegular;
    font-size: 10px;
    background: #ffffff;
    white-space: nowrap;
}
.flashtitle_header {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #212121;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 5px;
    background: #ffffff;
}
div#iframe {
width: 100%;
height: 100%;
overflow: auto;
}
div#iframeklein {
width: 100%;
height: 250;
overflow: auto;
}

#reitertable-left {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.tabschrift {
	font-size: 12px;
	color: #000000;
	padding-right: 15px;
        padding-left: 15px;
}

.tabschrift div {
    width: 8px;
    height: 5px;
    position: relative;
    bottom: -1px;
    left: 50%;
    visibility: hidden;
    background-image: url(../../static/reiter/active.png?cache=1tmoiic);
    background-repeat: no-repeat;
}


.tabschrift a:link {
	color: #000000;
	text-decoration:none;
}
.tabschrift a:visited {
	color: #000000;
	text-decoration:none;
}
.tabschrift a:hover {
	color: #000000;
	text-decoration:none;
}
.tabschrift a:active {
	color: #000000;
	text-decoration:none;
}

.tabTitleDiv a {
    font-size: 12px;
}

.tabTitleDiv a:link {
	color: #212121;
	text-decoration:none;
}
.tabTitleDiv a:visited {
	color: #212121;
	text-decoration:none;
}
.tabTitleDiv a:hover {
	color: #212121;
	text-decoration:none;
}
.tabTitleDiv a:active {
	color: #212121;
	text-decoration:none;
}
.tabTitleDiv-active {
    color: #212121 !important;
    font-weight: bold;
}

.navi_oben {
	font-family: RobotoRegular;
	font-size: 10px;
	font-weight: normal;
	color: #000;
}
.navi_oben a:link {
	font-family: RobotoRegular;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
}
.navi_oben a:visited{
	font-family: RobotoRegular;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
}
.navi_oben a:hover {
	font-family: RobotoRegular;
	font-size: 10px;
	font-weight: normal;
	color: #3f80b4;
	text-decoration:underline;
}
.navi_oben a:active {
	font-family: RobotoRegular;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
}
.input.button {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight:normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
}

.wizardback {
	color: #549DC6;
	cursor: pointer;
}
.wizardcurrent {
	cursor: pointer;
}
.wizardforward {
	color: #96C5DF;
	cursor: pointer;
}

.mail-body {
    border: 1px solid #e5e5e5;
    white-space:pre-wrap;
    padding: 5px;
    font-size: 12px;
    width: 100%;
    min-height: 56px;
}

.mail-attachments {
    font-size: 12px;
}


/* Achtung, muss tatsaechlich per .class statt #id referenziert werden, sonst
 * hilft der IE-Hack mit der height nicht. */
.scroller {
  height: 10px;
  left: 50px;
  right: 50px;
  overflow: overlay;
}

.fancytaboben {
    margin: 14px 15px 14px 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #eee;
}

.fancyscroller {
    position: absolute;
    top: 0;
    width: 350px;
    /* overflow: auto; */
    background-color: #ffffff;
    border-left: 1px solid #bdbdbd;
}

.fancyscroller_minimized {
    position: absolute;
    background-color: #eee;
    z-index: 900;
    top: 0px;
    left: 0px;
    width: 39px;
    height: 100%;
    border-right: 1px solid #bdbdbd;
}

.fancyscroller_minimized div {
    text-align: center;
    border-bottom: 1px solid #bdbdbd;
    height: 39px;
}

.fancyscroller_minimized div > img {
    padding-top: 12px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.column-close-image,
.column-collapse-image {
    margin-left: 8px;
    vertical-align: middle;
}

#millerbox {
    margin: 0px 0px 0px 0px;
    height: 10px;
    overflow: hidden;
    background-color: #ffffff;
    /* border-top: 2px solid black; */
    /* border-left: 1px solid black; */
    /* border-right: 1px solid black; */
    /* border-bottom: 1px solid black; */
}

#logindiv {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    display: none;
}

.progress-div {
    background-color: #bdbdbd;
    height: 14px;
    width: 0px;
    height: 8px;
    border-radius: 8px;
}

.job-percentage {
    position: absolute;
    width: 304px;
    height: 8px;
    color: #212121;
    font-size: 9px;
    text-align: center;
    z-index: 100;
}

.sidebar-column {
    border-top: 1px solid #e5e5e5;
}

.nonscroller {
  height: 10px;
  left: 50px;
  right: 50px;
}

.div_content {
  border: 1px solid black;
  margin-left: 25px; margin-right: 25px;
  background-color: #ffffff;
  overflow: hidden;
}

.buttons {
  margin-top: 5px;
  margin-left: 50px;
}

.popup {
  z-index: 1002;
  position: absolute;
  top: 100px;
  width: 550px;
  left: 200px;
  overflow: hidden; /* fuer cursor */
  border-radius: 6px;
  border: 0px solid #a9a9a9;
  background-color: rgba(46,46,46,0.9);
  background-repeat: no-repeat;
}

.innerpopupwindow {
    margin: 1px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    text-align: center;
    /* padding: 18px; */
}

.popup-header {
    font-size: 12px;
    color: #ffffff;
    white-space: normal;
}

.popup-linie {
    border-top: 1px solid #bdbdbd;
    width: 100%;
}

.sidebar-popup {
  z-index: 1002;
  position: absolute;
  top: 100px;
  width: 550px;
  left: 200px;
  border: 1px solid #000000;
  overflow: auto; /* fuer cursor */
  background: #ffffff;
}
.editorpopup {
  position: absolute;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  overflow: auto; /* fuer cursor */
}

.popup-content-table {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #cccccc;
    margin-top: 10px;
}

.popupcontent {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}

.popupcontent a:link {
	font-family: RobotoRegular;
	font-size: 12px;
	text-decoration:none;
}
.popupcontent a:visited{
	font-family: RobotoRegular;
	font-size: 12px;
	text-decoration:none;
}
.popupcontent a:hover {
	font-family: RobotoRegular;
	font-size: 12px;
	text-decoration:none;;
}

.popupcontent a:active {
	font-family: RobotoRegular;
	font-size: 12px;
	text-decoration:none;
}
.popupcontent b {
    font-size: 12px;
    font-weight: bold;
}

.resize_window_icon {
    position: absolute;
    right: 5px; 
    bottom: 5px;
    width: 16px; 
    height: 16px;
    background-image: url(../../static/icons/resize_window.png?cache=1tmoiic);
}

.errorheading {
  font-family: RobotoRegular;
  font-size: 12px;
  background-color:  #bdbdbd;
  font-weight: bold;
  padding: 8px;
  width: 100%;
}

.buttonbar {
    height: 46px;
    border-top: none;
    background: url(../../static/dms/buttonbar.gif?cache=1tmoiic)
}

.scriptheaderleft {
    border-bottom: 1px solid black;
    height: 30px;
    border-top: none;
    background-color: #79A9D1;
    white-space: nowrap;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    vertical-align: middle;
    padding-left: 10px;
}

.buttonbarbutton img, .disabledbuttonbarbutton img {
    margin-left: 11px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 1px;
}

.buttonbarbutton img:hover, .buttonbarbutton img.hover {
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 1px solid black;
    background: #ffffff;
}

.merged-buttonbar img {
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 1px;
}

.merged-buttonbar img:hover, .merged-buttonbar img.hover {
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 1px solid black;
    background: #ffffff;
}

.script-buttonbar .buttonbarbutton img,
.script-buttonbar .disabledbuttonbarbutton img
{
    margin-left: 4px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 1px;
}

.script-buttonbar .buttonbarbutton img:hover,
.script-buttonbar .buttonbarbutton img.hover
{
    margin-left: 3px;
    margin-top: 0;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 1px solid black;
    background: #ffffff;
}
.tagrow {
        border-bottom: 1px dotted rgb(179, 208, 232);
		font-family: RobotoRegular;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
}
.merged-menu-and-buttons td.menubar-td {
     /* background: url(../../static/dms/millerbuttonbar.gif?cache=1tmoiic); */
        background: none;
	border-bottom: 0px solid black !important;
	border-right: 0px solid black !important;
	border-left: none !important;
}

.such-button-mit-icon {
    border: 1px solid rgba(0,0,0,0);
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.such-button {
    border: 1px solid rgba(0,0,0,0);
    width: 17px;
    height: 14px;
    cursor: pointer;
}

.such-button-close {
    border: 1px solid rgba(0,0,0,0);
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.anycolumn {
    display: flex;
    height: 56px;
    align-items: center;
    margin-left: 20px;
    white-space: nowrap;
}

.right-content {
    margin-left: auto;
    margin-right: 22px;
    padding-left: 8px;
    white-space: nowrap;
}

.right-content > * {
    vertical-align: middle;
}

.new-content {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    background-image: url(../icons/2022/new-content.svg?cache=1tmoiic);
}

.new-content:hover {
    background-image: url(../icons/2022/new-content_hover.svg?cache=1tmoiic);
}

.button2022 {
    height: 24px;
    border-radius: 18px;
    background: #212121;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px 16px 0 16px;
    color: #ffffff;
    cursor: pointer;
    border-style: none;
}

.button2022:hover {
    background: #757575;
    text-decoration: none;
}

.button2022[disabled] {
    background: #e0e0e0;
    color: #9e9e9e;
}

.button-light {
    border: none;
    background: none;
    color: #212121;
}

.button-light:hover {
    border: none;
    background: none;
    color: #757575;
}

.button-light img {
    filter: invert(67%) sepia(0%) saturate(1160%) hue-rotate(316deg) brightness(93%) contrast(95%);
}

.cancelbutton, .clear-button, .cancel-button, .info-button, .ok-button, .okbutton, .close-button, .edit-button{
    background: #ffffff;
    border: 1px solid #212121;
    color: #212121;
}

.cancelbutton:hover, .clear-button:hover, .cancel-button:hover, .info-button:hover, .ok-button:hover, .okbutton:hover, .close-button:hover, .edit-button:hover{
    background: #eeeeee;
    border: 1px solid #757575;
    color: #757575;
}

.cancelbutton[disabled], .clear-button[disabled], .cancel-button[disabled], .info-button[disabled], .ok-button[disabled], .okbutton[disabled], .close-button[disabled], .edit-button[disabled]{
    background: #ffffff;
    border: 1px solid #9e9e9e;
    color: #9e9e9e;
}

.round-icon {
    height: 24px;
    width: 24px;
    border-radius: 18px;
    background: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #212121;
    cursor: pointer;
    vertical-align: middle;
}

.round-icon:hover {
    background: #eeeeee;
}

.button-bar, .button-bar:hover {
    background: white;
    height: 24px;
    color: #212121;
    border-radius: 0;
    padding: 0px 4px 0 4px;
}

.button-bar span:first-child {
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    border-right: none;
}

.button-bar span:last-child {
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
    border-left: none;
}

.button-bar span:not(:first-child):not(:last-child) {
    border-left: none;
}

.button-bar span:nth-child(2) {
    border-left: 1px solid #e5e5e5 !important;
}

.button-bar-select span:last-child {
    border: 1px solid #e5e5e5;
}

.button-bar span {
    background: #ffffff;
    padding: 5px 10px 5px 10px;
    border: 1px solid #e5e5e5;
}

.button-bar span:hover {
    background: #f0f0f0;
}

span.button-bar-select, span.button-bar-select:hover {
    background: #757575;
    color: #ffffff;
}

.search-ui {
    height: 24px;
    border: 1px solid #bdbdbd;
    border-radius: 18px;
    margin-left: 8px;
    padding: 0 8px 0 8px;
    font-size: 12px;
}

img[disabled] {
    filter: invert(67%) sepia(0%) saturate(1160%) hue-rotate(316deg) brightness(93%) contrast(95%);
    cursor: auto !important;
}

textarea.dnotetext {
    width:100%;
    min-width:300px;
    border:none;
    background:white;
    color:black;
}

textarea.dnotetext[disabled] {
    resize:none;
}

.field-ids {
    color: #757575;
    font-size: 6pt;
    padding-bottom: 5px;
    display: none;
}
.search-ui input[type=text] {
    min-width: 150px;
    height: 17px;
    border: none;
    outline: none;
    vertical-align: middle;
    color: #757575;
    padding: 4px 0 0 0;
    font-size: 12px;
}

.search-ui input[type=text]:focus {
    color: black;
}

.search-ui a {
    text-decoration:none;
    cursor: pointer;
}

.search-ui img {
    vertical-align: middle;
    padding: 4px 0 0 0;
    cursor: pointer;
}

.search-ui span {
    vertical-align: middle;
    padding: 0 0 0 4px;
}

.dialog {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 6000;
    vertical-align: middle;
}

.innerdialog {
    position: absolute;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: white;
    top: 50%;
    z-index: 4001;
}

.innerdialog td {
    height: 56px;
    vertical-align: top;
}

.innerdialog div.table {
    display: table;
}

.innerdialog div.row {
    display: table-row;
}

.innerdialog div.cell {
    display: table-cell;
    height: 56px;
    vertical-align: middle;
}


.dialogtitle {
    font-weight:600;
    font-size:14px;
}

.such-button-mit-icon {
    padding-left: 5px;
}

img.kt-client-image-button, img.kt-client-image-edit-button,
img.kt_client_image_always_button, img.kt_client_toggle_sidebar {
    margin-right:8px;
    cursor: pointer;
}

label {
    vertical-align: middle;
}

input[type="radio"], input[type="checkbox"] {
    margin:0 8px 0 0;
}

input[type="radio"]:before{
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    border: none;
    content: "";
    background: #FFF;
}
input[type="radio"]:after{
    position: relative;
    display: block;
    top: -15px;
    width: 16px;
    height: 16px;
    content: "";
    background-image:  url(../icons/2022/circle.svg?cache=1tmoiic);
    background-repeat: no-repeat;
    background-position:center;
}
input[type="radio"]:checked:after{
    background-image:  url(../icons/2022/circle-dot.svg?cache=1tmoiic);
}

input[type="checkbox"]:before{
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    border: none;
    content: "";
    background: #FFF;
}
input[type="checkbox"]:after{
    position: relative;
    display: block;
    top: -15px;
    width: 16px;
    height: 16px;
    content: "";
    background-image:  url(../icons/2022/Checkmark_un-checked.svg?cache=1tmoiic);
    background-repeat: no-repeat;
    background-position:center;
}
input[type="checkbox"]:checked:after{
    background-image:  url(../icons/2022/Checkmark_checked.svg?cache=1tmoiic);
}

input[type=text], input[type=number], input[type=date], input[type=time] {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    height: 32px;
}

input[type=password] {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    height: 32px;
}

input[readonly] {
    background-color: lightgrey !important;
}

textarea[readonly] {
    background-color: lightgrey !important;
}

.menubar-td {
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black
}

.merged-menu-and-buttons .menubar {
    background: none;
}

.merged-menu-and-buttons .menubar-td {
    text-align: right;
    border-left: 0px !important;
    padding-right: 20px;
}

.millerbuttonbar {
    height: 46px;
    border-top: none;
    /* background: url(../../static/dms/buttonbar.gif?cache=1tmoiic); */
    border-left: 0px solid black;
    border-bottom: 0px solid black;
}

.searchbar {
    background-color: #fff !important;
    /* border-bottom: 1px solid black; */
}

.merged-menu-and-buttons .searchbar {
    padding-left: 5px;
    /* background: url(../../static/dms/millerbuttonbar.gif?cache=1tmoiic); */
}

.merged-menu-and-buttons .millerbuttonbar {
    /* background: url(../../static/dms/millerbuttonbar.gif?cache=1tmoiic); */
    height: 30px;
    border-bottom: 0px solid black;
    border-right: none;
}

.weightimages img {
    padding: 5px;
    margin-right: 3px;
    border: 1px solid black;
}

.weightimages img:hover {
    padding: 5px;
    border: 1px solid #ffffff;
}

.selected-weightimage {
     border: 1px solid #ffffff !important;
}

.search-weightimages img {
    padding: 5px;
    margin-right: 3px;
    border: 1px solid lightgray;
}

.search-weightimages img:hover {
    padding: 5px;
    border: 1px solid black;
}

.selected-search-weightimage {
     border: 1px solid black !important;
}

.clientmenu {
    position: absolute;
    border: 1px solid black;
    white-space: nowrap;
    z-index: 1003;
}

.menubar {
        font-size: 12px;
	padding-left: 5px;
/*         background: #d6d3ce; */
/*         background: #ffffff; */
        border-bottom: 1px solid #000000;
}

.menu span {
    /* jeweils 1px mehr padding als im hover, um die border dort auszugleichen. */
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #000000;
    cursor: default;
    height: 22px;
}

.menu span:hover, .menu span.hover {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #000000;
    border: 1px solid #e5e5e5;
    height: 22px;
}

.menu_with_forced_hover span {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #000000;
    border: 1px solid #e5e5e5;
    height: 22px;
}

.menuitem td {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #000000;
    cursor: default;
}

.menuitem td:hover, .menuitem td.hover {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #ffffff;
    background: #0a246a;
}

.disabledmenuitem td {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #aaaaaa;
    cursor: default;
}

#sidebar {
    overflow: hidden;
    /* border-top: 3px solid #e5e5e5; */
}

.kt-lshare-icon {
    background-image: url(../../static/icons/file-types/ordner02.svg?cache=1tmoiic) !important;
    background-position: 0px 2px !important;
    background-size: 16px;
    margin-right: 5px !important;
}

.kt-ldirectory-icon {
    background-image: url(../../static/icons/file-types/ordner01.svg?cache=1tmoiic) !important;
    background-position: 0px 2px !important;
    background-size: 16px;
}

.kt-category-icon {
    background-image: url(../../static/icons/file-types/ordner03.svg?cache=1tmoiic) !important;
    background-position: 0px 2px !important;
    background-size: 16px;
}

#scrollerleft {
	font-family: RobotoRegular;
	font-size: 12px;
}

#scrollerright {
	font-family: RobotoRegular;
	font-size: 12px;
}

.marked-lfile td {
    background-color: #eeeeee !important;
}

.fancyitem-with-children {
	font-family: RobotoRegular;
	font-size: 12px;
        height: 56px;
}

.fancyitem-with-children td.child-of-fancy-child-item {
    vertical-align: middle;
    min-width: 24px;
    padding: 0 20px 0 0;
}

.fancyitem-without-children {
	font-family: RobotoRegular;
	font-size: 12px;
        height: 56px;
}

.fancyitem-without-children td.child-of-fancy-child-item {
    vertical-align: middle;
    min-width: 24px;
    padding: 0 0 0 20px;
}

div.listitem:hover {
    background-color: #eeeeee;
}

div.highlighted {
    background-color: #eeeeee;
}

div.highlighted:hover {
    background-color: #eeeeee;
}

tr.fancyitem-dotted-border-bottom:hover {
    background-color: #eeeeee;
}

tr.fancyitem-dotted-border-bottom img {
    background-color: transparent;
}

tr.fancyitem-dotted-border-bottom:hover img {
    background-color: transparent;
}

.fancyitem-without-children td.child-of-fancy-child-item {

}

.fancyitem-no-border-bottom td.child-of-fancy-child-item {

}
.fancyitem-solid-border-bottom td.child-of-fancy-child-item {

}
.fancyitem-dotted-border-bottom td.child-of-fancy-child-item {

}

.fancy-child-item td.child-of-fancy-child-item {

}

.fancyitem-no-border-bottom .fancy-child-item td.child-of-fancy-child-item {
        //
}
.fancyitem-solid-border-bottom .fancy-child-item td.child-of-fancy-child-item {

}
.fancyitem-dotted-border-bottom .fancy-child-item td.child-of-fancy-child-item {

}


.child-of-fancy-child-item a, .fancy-child-item a {
        font-size: 12px;
	font-weight: normal;
        color: #000000;
	text-decoration:none;
}

.fancyaction a {
        font-size: 12px;
	font-weight: normal;
        color: #808080;
	text-decoration:none;
}

.fancyaction a:hover, .fancyaction a.hover {
	text-decoration: underline;
}

.fancyaction2 a {
        font-size: 12px;
	font-weight: normal;
        color: #446;
	text-decoration: none;
}

.fancyaction2 a:hover, .fancyaction2 a.hover {
        color: #666;
	text-decoration: underline;
}

.fieldsummary {
        font-size: 12px;
	font-weight: normal;
        color: #666666;
}

.fancytitle {
        font-weight: bold;
	font-size: 12px;
	color: #666666;
	background: #deedf8;
	border-bottom: 1px dotted #aaaaaa;
}

#fieldtable {
    border-bottom: 1px dotted #aaaaaa;
}

.feldtable {
	font-size: 9pt;
        /* border-bottom: 1px dotted #aaaaaa; */
}

.feldtable_grau {
	font-size: 9pt;
	color: #666666;
}

#uploadformdiv {
        font-family: RobotoRegular;
        font-size: 12px;
        background-color: white;
}
.startlinie {

	border-bottom: #666666 dotted 1px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.gliederung {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal !important;
	color: #212121;
	margin-left: 10px;
}
.gliederung a:link {
	color: #212121;
	font-weight: normal !important;
	text-decoration:none;
}
.gliederung a:visited{
	color: #212121;
	font-weight: normal !important;
	text-decoration:none;
}
.gliederung a:active {
	color: #212121
	font-weight: normal !important;
	text-decoration:none;
}
.gliederung a:hover {
	color: #212121;
	font-weight: normal !important;
	text-decoration:none;
}
.textvorschrift {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-left: 10px;
	padding-top: 5px;
	text-decoration:none;
	text-indent: 0px;
}
.fog {
  filter: Alpha(opacity = 75);
  /* -moz-opacity: 0.75; */
  opacity: 0.75;
  background-color: #cccccc;
  z-index: 1000;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#gueditpanel {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #C7C7C7;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}
.calendar {
    font-size: 12px;
    font-family: RobotoRegular;
    background-color: #FFFFFF;
    border: 1px solid #bdbdbd;
    padding: 8px;
}
td.calendarblank {
    background-color: #fff;
    width: 24px;
    height: 24px;
}
td.calendartitle {
    font-size: 12px;
    font-family: RobotoRegular;
    text-align: center;
    color: #000;
    font-weight: bold;
    margin: 4px;
}
td.calendaraction {
    font-size: 24px;
    font-family: RobotoRegular;
    color: #000000;
    text-align: center;
    width: 24px;
    height: 24px;
    margin: 4px;
    border: 1px solid #bdbdbd;
}
td.calendaraction:hover {
    cursor: pointer;
}
td.weekday, div.weekday {
    font-size: 12px;
    font-family: RobotoRegular;
    text-align: center;
    font-weight: bold;
    color: #212121;
    padding-right: 8px;
}
div.calendarday {
    height: 25px;
    width: 25px;
    display: inline-block;
    font-size: 12px;
    color: #757575;
    background: none;
    padding-right: 4px;
    padding-top: 4px;
}
div.calendartoday {
    color: #ff1744;
    font-weight: bold;
}
td.day, td.weekend {
    font-size: 12px;
    font-family: RobotoRegular;
    color: #212121;
    text-align: center;
}
td.day div.day, td.weekend div.day {
    font-size: 12px;
    font-family: RobotoRegular;
    text-align: center;
    width: 24px;
    height: 24px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 4px;
}
td.day div.day:hover, td.weekend div.day:hover {
    background-color: #eeeeee;
}
#field-description-sidebar-table td,
#feldwerte-column-div td,
#hfeldwerte-column-div td
{
    font-size: 12px;
    font-family: RobotoRegular;
}

#feldwerte-column-div, #hfeldwerte-column-div {
    white-space: normal;
    width: 512px;
}

#feldwerte-column-div .vertragsbar-base-field-label,
#hfeldwerte-column-div .vertragsbar-base-field-label {
    width: 180px;
    padding-bottom: 24px;
}

tbody.akte-bearbeiten-tbody-0 {
  background-color: #f0f0f0;
}
tbody.akte-bearbeiten-tbody-1 {
  background-color: #ffffff;
}
.dcpr-identification-table td {
  padding: 2px 7px;
}

#dcpr-ctrl-div {
    z-index: 1000;
}

.ui-draggable-dragging {
    position: absolute;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    border-color: #aaaadd;
    color: #000000;
}

.ui-droppable {
    background-color: #ffffff;
}

.fristen-title {
    background-color: #79a9d1;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
    color: #fff;
}

.fristen-0 {
    background-color: #f0f0f0;
    padding: 3px 3px 3px 3px;
    color: #000;
}

.fristen-1 {
    background-color: #f7f7f7;
    padding: 3px 3px 3px 3px;
    color: #000;
}

#reitertable-outer {
    margin-top: 15px;
    width: 100%;
}

#reitertable-outer.reitertable-outer-hide {
    margin-top: 0 !important;
    display: none !important;
}

.textframe {
    position: absolute;
    overflow: auto;
    left: 0px;
    display: none;
    background-color: #ffffff;
}
div.zusatz {
    font-size: 12px;
    padding:8px;
    margin: 0px;
}

div.zusatz p:first-child {
    margin: 0px;
}

div.zusatz p {
    font-size: 12px;
}

div.native-document {
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #000000;
    text-align: center;
}

/* sidebar.css */
.ueberschrift {
	font-family: RobotoRegular;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
.ueberschrift a:link {
	color: #212121;
	font-weight: bold;
	text-decoration:none;
	}
.ueberschrift a:visited{
	color: #212121;
	font-weight: bold;
	text-decoration:none;
}
.ueberschrift a:hover {
	color: #212121
	font-weight: bold;
	text-decoration:none;
}
.ueberschrift a:hover {
	color: #212121;
	font-weight: bold;
	text-decoration:none;
}

.textblock {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
        white-space: break-spaces;
        min-width:300px;
        max-width:300px;
}
.textblock p {
        margin: 0px;
}
.textblock a:link {
	color: #212121;
	font-weight: normal;
	text-decoration:none;
	}
.textblock a:visited{
	color: #212121;
	font-weight: normal;
	text-decoration:none;
}
.textblock a:active {
	color: #212121;
	font-weight: normal;
	text-decoration:none;
}
.textblock a:hover {
	color: #212121;
	font-weight: normal;
	text-decoration:none;
}
.vertragsbar-textblock {
    background-color: #e5e5e5;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    height: 56px;
}
.vertragsbar-show-node a { color: #000; }
.vertragsbar-show-node a:visited { color: #000; }
.vertragsbar-show-node a:active { color: #000; }
.vertragsbar-show-node a:hover { color: #069; }
.vertragsbar-show-node a:link { color: #000; }
.vertragsbar-noneditable-field {
    color: #333;
    background-color: #eee;
}

.file-tags-table td {
        background-color: #FFFFFF;
}
.file-tags-table tr.odd td {
        background-color: #f8f8f8 !important;
}
.file-tags-table tr.even td {
        background-color: #fff !important;
}

span.document-field-in-text-frame {
    color: #fff !important;
    background-color: #fff !important;
    text-decoration: none;
    border-bottom: 1px dotted #000;
    padding-left: 20px;
    padding-right: 20px;
}

.vertragsbar-editable-field a[category] {
    color: #fff;
    background-color: #212121;
    text-decoration: none;
}
.vertragsbar-editable-field a[category]:link {
    color: #fff;
    background-color: #212121;
    text-decoration: none;
}
.vertragsbar-editable-field a[category]:hover {
    color: #fff;
    background-color: #212121;
    text-decoration: none;
}
.vertragsbar-editable-field a[category]:active {
    color: #fff;
    background-color: #212121;
    text-decoration: none;
}
.vertragsbar-editable-field a[category]:clicked {
    color: #fff;
    background-color: #212121;
    text-decoration: none;
}

.vertragsbar-editable-field a[category=empty] {
    color: #fff !important;
    background-color: #212121 !important;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
}
.vertragsbar-editable-field a[category=empty]:link {
    color: #fff !important;
    background-color: #212121 !important;
    text-decoration: none;
}
.vertragsbar-editable-field a[category=empty]:hover {
    color: #fff !important;
    background-color: #212121 !important;
    text-decoration: none;
}
.vertragsbar-editable-field a[category=empty]:active {
    color: #fff !important;
    background-color: #212121 !important;
    text-decoration: none;
}
.vertragsbar-editable-field a[category=empty]:clicked {
    color: #fff !important;
    background-color: #212121 !important;
    text-decoration: none;
}
.folder {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: bold;
    	margin-top: 4px;
	margin-bottom: 4px;
    white-space: nowrap;
}
.button {
      display:block;
      color:#000000;
      text-decoration:none;
      width:65px;
      height: 22px;
      font-size:10px;
      font-family:RobotoRegular;
      font-weight:normal;
      text-align:center;
      background-image:url(sidebar/button_leer.gif?cache=1tmoiic);
      background-repeat:no-repeat;
      }
.button a:link {
      display:block;
      color:#000000;
      text-decoration:none;
      padding-top: 5px;
      padding-bottom: 5px;
      background-image:url(sidebar/button_leer.gif?cache=1tmoiic);
      background-repeat:no-repeat;
      }
.button a:visited {
      display:block;
      color:#000000;
      text-decoration:none;
      padding-top: 5px;
      padding-bottom: 5px;
      background-image:url(sidebar/button_leer.gif?cache=1tmoiic);
      background-repeat:no-repeat;
      }

.button a:hover {
      display:block;
      color:#000000;
      text-decoration:none;
      background-image:url(sidebar/button_leer_dwn.gif?cache=1tmoiic);
      background-repeat:no-repeat;
      }
.suchfenster {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
}
.suchfenster_navi {
	font-family: RobotoRegular;
	color:#000000;
	font-size: 12px;
	font-weight: normal;
	padding: 4px;
}

.suchfenster_navi a:link {
	font-family: RobotoRegular;
	font-size: 12px;
	color:#247EB5;
	font-weight: normal;
	text-decoration:none;

}
.suchfenster_navi a:visited {
	font-family: RobotoRegular;
	font-size: 12px;
	color:#247EB5;
	font-weight: normal;
	text-decoration:none;

}

.suchfenster_navi a:hover {
	font-family: RobotoRegular;
	font-size: 12px;
	color:#ff9900;
	font-weight: normal;
	text-decoration:none;

}
.suchergebnis {
background-color: #66CC66;
}
.editpanel {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
}
.lsharebarbuttons {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #C7C7C7;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-left: 10px;
	margin-right: 10px;
}
.tooltipcontainer .tooltip { display: none; }
.tooltipcontainer img { border: 0; }
.tooltipcontainer:hover .tooltip { display: block; }
.spacer_cell {
    background-image: url(sidebar/spacer.gif?cache=1tmoiic);
    width: 5px;
}
.sbdocumentbar_background {
    border-left: 1px solid #666666;
    white-space: nowrap;
    background-image: url(sidebar/spacer.gif?cache=1tmoiic);
    height: 22px;
    vertical-align: bottom;
}

.sbdocumentbar {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    background-image: url(sidebar/script_deaktiv.gif?cache=1tmoiic);
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: nowrap;
    width: 76px;
    height: 17px;
}

.sbdocumentbar_act {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-image: url(sidebar/script_aktiv.gif?cache=1tmoiic);
    background-repeat: no-repeat;
    background-color: #eaeaea;
    cursor: pointer;
    white-space: nowrap;
    width: 77px;
    height: 17px;
}

.sbdocumentbar_blue {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-image: url(sidebar/script_linked.gif?cache=1tmoiic);
    cursor: pointer;
    white-space: nowrap;
    width: 75px;
    height: 17px;
}

.lsharebar_background {
    background: #b5b5b5;
    border-left: 1px solid #666666;
    white-space: nowrap;
    height: 22px;
    background-image: url(sidebar/spacer.gif?cache=1tmoiic);
}

.lsharebar {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    background-image: url(sidebar/dr_deaktiv.gif?cache=1tmoiic);
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: nowrap;
    width: 76px;
    height: 17px;
}

.lsharebar_act {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-image: url(sidebar/dr_aktiv.gif?cache=1tmoiic);
    background-repeat: no-repeat;
    background-color: #eaeaea;
    cursor: pointer;
    white-space: nowrap;
    width: 77px;
    height: 17px;
}

.lsharebar_blue {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-image: url(sidebar/dr_linked.gif?cache=1tmoiic);
    cursor: pointer;
    white-space: nowrap;
    width: 75px;
    height: 17px;
}

.fielddescriptionbar {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    background-image: url(sidebar/fielddescription_deaktiv.gif?cache=1tmoiic);
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: nowrap;
    width: 76px;
    height: 17px;
}

.fielddescriptionbar_act {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-image: url(sidebar/fielddescription_aktiv.gif?cache=1tmoiic);
    background-repeat: no-repeat;
    background-color: #eaeaea;
    cursor: pointer;
    white-space: nowrap;
    width: 77px;
    height: 17px;
}

.iframe {
    border: 1px solid #666666;
    border-left: 0px solid #666666;
}

div.vertragsbar-zusatz-ohne-oo {
    /* use the same styling as zusatzoo; except that children are not
     * affected */
    font-size: 12px;
    padding: 8px;
    margin: 0;
}

/* OpenOffice CSS, used by the XHTML export feature.  Since we strip
 * CSS from the resulting HTML, we need to install it here centrally.
 *
 * Kludge: Unfortunately, neither the HTML export itself nor its CSS
 * rules are particularly good.  Our new strategy is to use these rules
 * as little as possible, and partially even use them to disable normal
 * HTML look&feel, e.g. in the case of h1-h6, which look completely out
 * of place if actually rendered as headings.  We even disable bold and
 * italic, since they are regularly inserted for no apparent reason at
 * all. */

div.zusatzoo {
    font-size: 12px;
    padding: 8px;
    margin: 0;
    white-space: pre-wrap;
}

.zusatzoo table { border-collapse:collapse; border-spacing:0; empty-cells:show }
.zusatzoo td, .zusatzoo th { vertical-align:top; font-size:12pt;}

.zusatzoo h1,
.zusatzoo h2,
.zusatzoo h3,
.zusatzoo h4,
.zusatzoo h5,
.zusatzoo h6
{
    clear: both;
    font-family: RobotoRegular  !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

.zusatzoo ol, .zusatzoo ul { margin:0; padding:0;}
.zusatzoo li { list-style: none; margin:0; padding:0;}
	
.zusatzoo li span. { clear: both; line-height:0; width:0; height:0; margin:0; padding:0; }
.zusatzoo span.footnodeNumber { padding-right:1em; }
.zusatzoo span.annotation_style_by_filter { font-size:95%; font-family:RobotoRegular; background-color:#fff000;  margin:0; border:0; padding:0;  }
.zusatzoo * { margin:0;}
.zusatzoo .P1 { font-size:12pt; margin-bottom:0.212cm; margin-top:0cm; font-family:Times New Roman; writing-mode:lr-tb; }
.zusatzoo .P2 { font-size:12pt; margin-bottom:0.212cm; margin-top:0cm; font-family:Times New Roman; writing-mode:lr-tb; text-decoration:none ! important; }
.zusatzoo .P3 { font-size:12pt; margin-bottom:0.212cm; margin-top:0cm; font-family:Times New Roman; writing-mode:lr-tb; text-decoration:none ! important; }
.zusatzoo .P4 { font-size:16pt; font-weight:bold; margin-bottom:0.212cm; margin-top:0.423cm; font-family:RobotoRegular; writing-mode:lr-tb; }
.zusatzoo .Text_20_body {
    /* font-size:12pt; font-family:Times New Roman; writing-mode:lr-tb; */
    margin-top:0cm;
    margin-bottom:0.212cm;
}
/* .zusatzoo .T1 { font-weight:bold; } */
/* .zusatzoo .T2 { font-style:italic; } */
/* .zusatzoo .T3 { text-decoration:underline; } */

.tabTitleDiv {
  font-size: 9px;
  color: #666;
  font-weight: normal;
  white-space: nowrap;
}

.tabTitleDiv span {
    padding-right: 15px;
    padding-left: 15px;
}

#textframe_right {
    z-index: 1;
    /* border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666; */
}

#textframe_middle {
    z-index: 0;
/*    background: #eaeaea;
     background: #e1e1e1; */
}

#textframe_left {
    z-index: 1;
    /* border-top: 1px solid #666666;
    border-right: 1px solid #666666; */
}

#flashdiv {
    z-index: 2;
}

#textframe_right a,
#textframe_right a:link,
#textframe_right a:hover,
#textframe_right a:visited,
#textframe_right a:active {
    text-decoration: none;
    color: #00f
}

#textframe_right p {
    margin-bottom : 4px;
}

.vertragsbar-select {
    border: 1px solid #bdbdbd;
    font-size: 12px;
    background-color: #ffffff;
    height: 32px;
    border-radius: 4px;
    margin-right: 8px;
}

.fdbar-input {
    padding-left: 3px;
    margin: 0;
    width: 98%;
    height: 17px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-family: RobotoRegular;
    background-color: #ffffff;
}

.fdbar-select {
    margin: 0;
    height: 20px;
    width: 100%;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-family: RobotoRegular;
    background-color: #ffffff;
}

.remove_lshare_sbdocument_bar {
    position: absolute;
    right: 4px;
    top: 2px;
    display: none;
}

.remove_lshare_sbdocument_bar_act {
    position: absolute;
    right: 4px;
    top: 2px;
}

.emptybar a:link {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #006;
	text-decoration:none;
}
.emptybar a:visited {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #006;
	text-decoration:none;
}
.emptybar a:hover {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
}
.emptybar a:active {
	font-family: RobotoRegular;
	font-size: 12px;
	font-weight: normal;
	color: #006;
	text-decoration:none;
}

.sbtext_trenner_active td {
    border-top: 3px solid #000000;
}

.sbsection_hover {
    background-color:#CAE1EE;
    border: 1px solid #AFD7F6
}

.scriptfog {
  filter: Alpha(opacity = 0);
  /* -moz-opacity: 0.75; */
  opacity: 0.0;
  background-color: #cccccc;
}

.script-preview-title {
    font-size: 12px;
    padding-top: 11px;
    padding-bottom: 1px;
    font-weight: bold;
}

.sbsection-preview-leaf,
.sbsection-preview-parent
{
    color: #000;
}

.preview-animation .script-preview-title {
    padding-left: 10px;
    background-color: #AFD7F6;
    color: #000;
}

.preview-animation .sbsection-preview-leaf, {
    color: #000;
    font-weight: bold;
}

.preview-animation .sbsection-preview-parent {
    color: #069;
    font-weight: bold;
}

.sbsection-preview {
    padding-top: 10px;
    padding-bottom: 1px;
}

.enable-noscroll {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.enable-x-noscroll {
    overflow-x: hidden !important;
    /* overflow-y: hidden !important; */
}

.disable-noscroll {
    overflow-x: overlay; /* auto !important; */
    overflow-y: overlay;
}

.fancyblauerbalken {
    // derzeit "unsichtbar"; gewuenscht oder nicht?
    /* height: 20px; */
    /* background-color: #79A9D1; */
    /* width: 100%; */
    position: relative;
}

.static-fancy-header {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    padding: 3px 3px 3px 3px;
}

.main-fancy-title, .ersatz-fancy-title {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    /* background-color: #000000; */
    white-space: nowrap;
    /* padding: 3px 3px 3px 3px;  */
}

.main-fancy-title a {
    font-family: RobotoRegular;
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    vertical-align: middle;
}

.main-fancy-title .earlier-columns-span,
.main-fancy-title .later-columns-span
{
    color: #666;
}

.main-fancy-title img {
    vertical-align: bottom;
    padding-right: 4px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.main-fancy-title .earlier-columns-span a,
.main-fancy-title .later-columns-span a
{
    font-family: RobotoRegular;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 12px;
    text-decoration: none;
    color: #666;
}

.main-fancy-title .earlier-columns-span a:hover,
.main-fancy-title .later-columns-span a:hover
{
    color: black;
}

.column-handler-img {
    padding-right: 8px;
}

.any-info-nopadding {
    font-size: 12px;
}

.neue-inhalte-row a {
    color: #000;
    text-decoration: none;
}
.neue-inhalte-row a:hover {
    color: #000;
    text-decoration: underline;
}
.neue-inhalte-row a:visited { color: #000; }
.neue-inhalte-row a:link { color: #000; }
.neue-inhalte-row a:active { color: #000; }

.neue-inhalte-row .disabled-button-for-menu { opacity: 0.3 }
.neue-inhalte-row .disabled-button-for-menu { cursor: default !important }
.neue-inhalte-row .disabled-button-for-menu a:hover {
    cursor: default !important;
    text-decoration: none;
}

.neue-inhalte-row img {
    margin-top: 4px;
}

#feldwerte-column-div .vertragsbar-feld-left-td-padding,
#hfeldwerte-column-div .vertragsbar-feld-left-td-padding {
    vertical-align: top;
    height: 56px;
    width: 180px
}
#feldwerte-column-div .vertragsbar-feld-right-td-padding,
#hfeldwerte-column-div .vertragsbar-feld-right-td-padding {
    vertical-align: top;
    height: 56px;
    width: 328px;
    min-width: 328px;
    max-width: 328px;
}

#file-upload-drop-zone {
  position: absolute;
  filter: Alpha(opacity = 85);
  opacity: 0.85;
  background-color: #fff;
  /* keine Zentrierung mehr, weil die drop-zone u.U ein Scroller ist, *
   * und der Text zu weit rechts laege. */
  /* text-align: center; vertical-align: middle; */
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  text-style: italic;
}

#file-upload-drop-zone div {
  position:absolute;
  top: 10%;
  left: 10%;
}

#file-upload-dialog {
  font-family: RobotoRegular;
  font-size: 12px;
  background-color: white;
  border: 1px solid #e5e5e5;
  padding: 5px;
  display: none;
  position: absolute;
}

.form-upload-div {
    overflow: hidden;
    position: relative;
    font-size: 12px;
    color: black;
    font-family: RobotoRegular;
    font-weight: normal;
}

.file_upload {
    -moz-border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    direction: ltr;
    height: 30px;
    opacity: 0.0;
    filter: Alpha(opacity = 0);
    line-height: 30px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.file_upload input {
    -moz-transform: translate(-800px, 0pt) scale(10);
    font-size: 200px;
    cursor: pointer;
    margin: 0px;
    opacity: 0.0;
    filter: Alpha(opacity = 0);
    position: absolute;
    right: 0px;
    top: 0px;
}

.file_upload div {
    position: absolute;
    left: 0px;
    top: 0px;
}
#hfeldwerte-column-div .forward-backward-rows td {
    padding: 5px 0;
    background-color: #deedf8;
}
#hfeldwerte-column-div .forward-backward-rows td a {
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

#fristen-rechner-results td {
    background-color: #fff;
}

#fristen-rechner-results td.fristen-label {
    font-weight: bold;
}

.static-header-fancy-table td {
        font-family: RobotoRegular;
        font-size: 12px;
}

button {
    font-family: RobotoRegular;
}

.static-header-fancy-table td.left {
}

.fristenplusminus {
    margin-right: 8px;
}

.akten-object-details td {
  font-size: 12px;
}

.zeilen-using-maske input[lid] {
    width: 200px !important;
}

.zeilen-using-maske .adresse .hnr input[lid] {
    width: 50px !important;
}

.zeilen-using-maske .adresse .titel input[lid] {
    width: 100px !important;
}

.zeilen-using-maske .tabd14 .plz input[lid],
.zeilen-using-maske .adresse .plz input[lid] {
    width: 75px !important;
}

.zeilen-using-maske .guarded td {
    padding-bottom: 4px !important;
}

.zeilen-using-maske .guard td {
    padding-top: 0px !important;
    padding-bottom: 2px !important;
}

.zeilen-using-maske .guard td input {
    background-color: #fff !important;
}

.zeilen-using-maske .guard-comment {
    margin-top: 3px;
    width: 200px;
}

.zeilen-using-maske .guard-comment input {
    margin: 0;
    width: 100% !important;
}

.zeilen-using-maske input {
    padding-left: 4px;
}

.invalid-field {
    border: 2px solid #ff0000 !important;
    outline: none;
}

.dubious-field {
    background-color: #ff0;
}

#bar-file-info td {
    font-size: 12px;
    vertical-align: top;
}

.dcpr-line-div-search-result {
  filter: Alpha(opacity = 30) !important;
  opacity: 0.3 !important;
  background-color: #000000 !important;
}

.dcpr-line-div-search-result-current {
  filter: Alpha(opacity = 40) !important;
  opacity: 0.4 !important;
  background-color: #FF0000 !important;
}

.lscriptbar {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    background-image: url(sidebar/script_deaktiv.gif?cache=1tmoiic);
    cursor: pointer;
    white-space: nowrap;
    width: 75px;
    height: 17px;
}

.lscriptbar_act {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-image: url(sidebar/script_aktiv.gif?cache=1tmoiic);
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: nowrap;
    width: 75px;
    height: 17px;
}

.lscriptbar_blue {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-image: url(sidebar/script_linked.gif?cache=1tmoiic);
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: nowrap;
    width: 75px;
    height: 17px;
}

.bardcprscroller {
    position: absolute;
    top: 0;
    width: 410px;
    overflow: auto;
    background-color: #ffffff;
    border-right: 1px solid #aaa;
}

.dcpr-line-div-hidden {
  filter: Alpha(opacity = 0);
  opacity: 0.0;
  background-color: #ffffff;
}

.dcpr-line-div-selected {
  filter: Alpha(opacity = 50) !important;
  opacity: 0.5 !important;
  background-color: #000000 !important;
}

.dcpr-line-div-search-result {
  filter: Alpha(opacity = 30) !important;
  opacity: 0.3 !important;
  background-color: #000000 !important;
}

.dcpr-line-div-search-result-current {
  filter: Alpha(opacity = 40) !important;
  opacity: 0.4 !important;
  background-color: #FF0000 !important;
}

.dcpr-line-div-focus-lmarker {
  filter: Alpha(opacity = 40);
  opacity: 0.4;
  background-color: #ff9900;
  z-index: 2004  !important;
}

.dcpr-rectangle-div-focus-lmarker {
  border: 1px solid #ff9900;
  z-index: 2003;
}

.dcpr-rectangle-div-lmarker {
  filter: Alpha(opacity = 40);
  opacity: 0.4;
  border: 1px solid #368517;
  z-index: 2002;
}

.dcpr-line-div-lmarker {
  filter: Alpha(opacity = 40);
  opacity: 0.4;
  background-color: #368517;
  z-index: 2003  !important;
}

.dcpr-line-div {
  /* for contextmenu event */
  z-index: 1002;
}

#column-objects-menu {
    display:none;
    position:absolute;
    margin:0; padding:0;
    background:#ffffff;
    border:1px solid rgb(224, 224, 224);
    border-radius: 4px;
    box-shadow:rgb(189, 189, 189) 2px 3px 2px;
    overflow:hidden;
    z-index:10000;
}

.column-objects-menu-header {
    display:grid;
    place-items:center;
    min-height:40px;
    padding: 0 16px;
    border-bottom: 1px solid #e0e0e0;
}

.column-objects-menu-content div {
    display:grid;
    min-height:40px;
    padding: 0 16px;
    align-items: center;
}
.column-objects-menu-content div:hover {
    background-color:#eeeeee;
}

.scriptcontent-div {
    white-space: normal;
}

#lscript-contextmenu {
    display:none;
    position:absolute;
    margin:0; padding:0;
    background:#ffffff;
    border:1px solid black;
    z-index:10000; *width:180px; font-size: 10px;
}

#lscript-contextmenu ul {
    font-size: 10px;
}

#column-objects-menu ul {
    font-size: 12px;
}

#lscript-contextmenu ul, #lscript-contextmenu li {
    margin:0;
    padding:0;
    list-style-type:none;
    display:block;
    font-size: 10px;
}

#column-objects-menu ul, #column-objects-menu li {
    margin:0;
    padding:0;
    list-style-type:none;
    display:block;
    font-size: 12px;
}

#lscript-contextmenu li {
    line-height:20px;
    min-height:20px;
    position:relative;
    padding:0px;
}

#column-objects-menu li {
    line-height:20px;
    min-height:20px;
    position:relative;
    padding:0px;
}

#lscript-contextmenu li a {
    padding:4px 10px;
    line-height:14px;
    display:block;
    text-decoration:none;
    color:#212121;
}

#column-objects-menu li a {
    padding:4px 10px;
    line-height:14px;
    display:block;
    text-decoration:none;
    color:#212121;
}

#lscript-contextmenu li a:hover {
    background:#0a246a;
    color:white;
}

.indexbarmenu {
    display:none;
    position:absolute;
    margin:0; padding:0;
    background:#ffffff;
    border:1px solid black;
    z-index:10000;
    font-size: 10px;
}

.indexbarmenu ul {
    font-size: 10px;
}

.indexbarmenu ul, .indexbarmenu li {
    margin:0;
    padding:0;
    list-style-type:none;
    display:block;
    font-size: 10px;
}

.indexbarmenu li {
    line-height:20px;
    min-height:20px;
    position:relative;
    padding:0px;
}

.indexbarmenu li a {
    padding:4px 10px;
    line-height:14px;
    display:block;
    text-decoration:none;
    color: black;
}

.indexbarmenu li a:hover {
    background:#0a246a;
    color:white;
}

#column-objects-menu li a:hover {
    background:#e5e5e5;
    color:#212121;
}

.nodescriptlink {
    white-space:normal;
    color:#777777;
}

.nodescriptlink a {
    margin-right: 10px;
    color: #777777;
    text-decoration:none;
}

.nodescriptlink a:hover {
    min-height:20px;
    background: lightgrey;
}

.buttonbar-gif-mit-linien {
    background: url(../../static/dms/buttonbar.gif?cache=1tmoiic);
}

.buttonbar-gif-mit-linien td.child-of-fancy-child-item {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.highlighted-fancyrow td.child-of-fancy-child-item {
    background-color: #eeeeee;
}

.highlighted-fancyrow td.child-of-fancy-child-item img {
    background-color: #eeeeee !important;
}

::-webkit-scrollbar {
    height: 0.8ex;
    width: 8px;
    -webkit-border-radius: 1ex;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-top: 1px solid #fff;
    background: #aaa;
    border-radius: 12px;
    width: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

#div-top-header {
    text-align: right;
    width: 100%;
    height: 48px;
    margin-top: 0px;
    margin-right: 0px;
    background-color: #212121;
}

#div-top-header table {
    width: 100%;
}

.top-navi-tools {
    margin-right:0px;
    margin-left:auto;
}

.top-navi-tools div {
    display: inline-flex;
    text-align: right;
    justify-content: center;
    align-items: center;
    height: 48px;
    color: #ffffff;
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
}

div.groups_top > span {
    padding: 0 4px 0 8px;
}
.top-navi-tools div > div:hover {
    background-color: black;
    cursor: pointer;
}

.top-navi-tools div > div.active {
    background-color: #757575;
    height: 50px;
}
.top-navi-tabs {
    vertical-align: top;
}

.top-navi-tabs img:hover {
    background-color: black;
    cursor: pointer;
}

.top-navi-tabs img.active {
    background-color: #757575;
}

.tab-activate {
    font-weight: bold;
    color: #000000; !important;
}

.tab-activate div {
    visibility: visible; !important;
}

.tab-activate a:link {
    font-weight: bold;
    color: #000000; !important;
    text-decoration:none;
}

.tab-activate a:visited {
    font-weight: bold;
    color: #000000; !important;
    text-decoration:none;
}

.display-none {
    display: none;
}

.black-line-column {
    height: 1px;
    background-color: #e5e5e5;
}

.black-line {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}

.kt_footer_div {
    text-align: center;
    margin-top: 10px;
    margin-right: 13px;
    margin-left: 13px;
    height: 35px;
    background-color: white;
}

.kt-footer {
    margin: auto;
    text-align: left;
    border-top: 1px solid #e5e5e5;
}

.coltabschrift {
	font-family: RobotoRegular;
	font-size: 12px;
	color: #757575;
        border-bottom: 2px solid #ffffff;
        text-align: center;
        padding: 0 10px;
}
.coltabschrift a {
    color: #757575;
    padding-left: 8px;
}

.coltabschrift img {
    filter: invert(67%) sepia(0%) saturate(1160%) hue-rotate(316deg) brightness(93%) contrast(95%);
    padding: 0;
}

.coltabschrift:hover > a {
    color: #212121;
}
.coltabschrift:hover > img {
    filter: none;
}

.coltab-activate {
    font-weight: normal;
    color: #212121 !important;
    border-bottom: 2px solid #bdbdbd;
}

.coltab-activate a:link {
    font-weight: normal;
    color: #212121; !important;
    text-decoration:none;
}

.coltab-activate a:visited {
    font-weight: normal;
    color: #212121; !important;
    text-decoration:none;
}

.coltab-activate img {
    filter: none;
}

.coltabschrift-icon {
    width: 13px;
    height: 13px;
    position: absolute;
    z-index: 120;
    top: 7px;
    right: 1px;
}

.ktmenu-marker-div {
    width: 18px;
    height: 8px;
    position: absolute;
    top: -8px;
    left: 0px;
    display: none;
    background-image: url(../../static/icons/2022/menu_arrow.svg?cache=1tmoiic);
    background-repeat: no-repeat;
    z-index: 120;
}

.ktmenu {
    position: absolute;
    border: 1px solid #212121;
    background: #212121;
    white-space: nowrap;
    z-index: 1100;
    left: 0px;
    top: 0px;
    display: none;
    color: lightgray;
    border-radius: 4px;
    box-shadow: 2px 3px 2px #bdbdbd;
}

.ktmenu-body {
    overflow-x: auto;
    overflow-y: overlay;
}
.ktmenu-body::-webkit-scrollbar-thumb {
    border: 2px #212121 solid;
}

.ktmenu tr {
    height: 40px;
}

.ktmenuitem td {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    cursor: default;
}

.ktmenuitem td:hover, .ktmenuitem td.hover {
    color: white;
    background: black;
}

.ktmenuitem-disabled td {
    color: #616161 !important;
}

.ktmenuitem .ktmenu-image {
    padding-left: 16px;
    display: inline-flex;
    min-width: 15px;
    vertical-align: top;
}

.ktmenugray {
    background: #bdbdbd;
    border: 1px solid #bdbdbd;
    color: #212121;
}

.ktmenugray .ktmenuitem td:hover, .ktmenuitem td.hover {
    background: #f0f0f0;
    color: #212121;
}

.ktmenugray .ktmenu-marker-div {
    background-image: url(../../static/icons/2022/menu_arrow_gray.svg?cache=1tmoiic);
}

.ktmenuwhite {
    background: #ffffff;
    border: 1px solid #bdbdbd;
    color: #212121;
}
.ktmenuwhite .ktmenu-body::-webkit-scrollbar-thumb {
    border: 2px white solid;
}

.ktmenuwhite .ktmenuitem td:hover, .ktmenuitem td.hover {
    background: #eeeeee;
    color: #212121;
}

.ktmenuwhite .ktmenu-marker-div {
    background-image: none
}

#filterlistparent {
    height: 30px;
    line-height:30px;
}

#filterlist {
    color: #212121;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #ffffff;
}

#filterlist:hover {
    cursor: pointer;
}

.scriptcontent-div .sbtext {
    border-bottom: 1px solid #E5E5E5;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: justify;
}

td.vertragsbar-label-field {
    height: 56px;
    vertical-align: middle;
}

.vertragsbar-label-field {
    font-weight: 600;
}

div.vertragsbar-ref-box {
    display:flex;
    width:328px;
    height:32px;
}

.vertragsbar-ref-box .vertragsbar-aref-field {
    display: flex;
    font-weight: normal;
    width: 200px;
    height: 36px;
    overflow-wrap: anywhere;
    white-space: break-spaces;
}

.vertragsbar-ref-box .vertragsbar-ref-icons {
    display: flex;
    justify-content: end;
    width: 128px;
    height: 36px;
}

.vertragsbar-ref-icons img {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    padding-left: 14px;
    cursor: pointer;
}
.vertragsbar-ref-icons div[ktfileupload] {
    margin-left: 14px;
    position: relative;
}
.vertragsbar-ref-icons div[ktfileupload] img {
    padding-left: 0px;
}
a.change-ref-link  {
    color: #cccccc;
}

a.aref-field-showref-link {
    color: #cccccc;
}

.choice-header {
    color: #212121;
    font-weight: bold;
    padding-top: 10px;
    white-space: nowrap;
}

.button-header-button a {
    color: #000;
    text-decoration: none;
    border: 0px solid lightgrey;
    padding: 2px 4px;
}

.button-header-button a:hover {
    color: #ffffff;
    text-decoration: none;
    padding: 2px 4px;
    border-radius: 35px;
    border: 0px solid lightgrey;
    background: grey;
}

.button-header-button span {
    color: #ffffff;
    text-decoration: none;
    padding: 2px 4px;
    border-radius: 35px;
    border: 0px solid lightgrey;
    background: grey;
}

.zinsres1{margin-top:1em;margin-bottom:1em}
.zinsres2{margin-top:1em;margin-bottom:1em}
.zinsres2 td{padding:0.2em}
.zinsres2 th{padding:0.2em}
.zinsres2 *{white-space:nowrap}
.zusatzoo .zinsres2 *{font-size:12px}
.zusatzoo .zinsres1 *{font-size:12px}
.zusatzoo .zinsres *{font-size:12px}
.rvgres2{margin-top:1em;margin-bottom:1em}
.rvgres3{margin-top:1em;margin-bottom:1em}
.rvgres{margin-top:1em;margin-bottom:1em}
.rvgres2 td{padding:0.2em}
.rvgres3 td{padding:0.2em}
.rvgres td{padding:0.2em}
.rvgres2 *{white-space:nowrap}
.rvgres3 *{white-space:nowrap}
.rvgres *{white-space:nowrap}
.zusatzoo .rvgres2 *{font-size:12px}
.zusatzoo .rvgres3 *{font-size:12px}
.zusatzoo .rvgres *{font-size:12px}

.svgall {
    opacity: 0;
}

.svgall input {
    font-size: 11px;
    font-family: RobotoRegular;
}

.svgnodeedit-name {
    width: 144px;
}

.svgnodeedit-name div {
    width: 142px;
    height: 40px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    background-color: white;
}

.svgnodeedit-title {
    font-size: 12px;
    word-wrap: break-word;
    line-height: 14px;
    resize: none;
    overflow: hidden;
    width: 130px;
    height: 40px;
    white-space: normal;
    padding: 4px 8px 0 8px;
    border: none;
    outline: none;
}

.svgnodeedit-alt {
    width: 162px;
    height: 130px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    background-color: white;
}

.svgnodeedit-alt div {
    margin: 8px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    width: 144px;
    height: 112px;
}

.svgnodeedit-alttext {
    font-size: 12px;
    word-wrap: break-word;
    line-height: 14px;
    resize: none;
    border: none;
    outline: none;
    overflow: hidden;
    width: 122px;
    height: 90px;
    white-space: normal;
    margin: 8px;
}

.svgnode-alttext {
    font-size: 12px;
    white-space: normal;
    word-wrap: break-word;
    width: 144px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    background-color: white;
    padding: 8px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.clipboard-table td {
    font-size: 12px;
    font-family: RobotoRegular;
    margin: 5px;
    overflow: hidden;
}

.clipboard-table tr.clipboard-template-row {
    display: none;
}

.clipboard-table tr.odd td {
    background-color: #f8f8f8 !important;
}
.clipboard-table tr.even td {
    background-color: #fff !important;
}

.clipboard-line {
    width: 100%;
    border-bottom: 1px solid #999999;
}

.clipboard-buttons {
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.clipboard-buttons input {
    margin-right: 10px;
    font-size: 10px;
}

.reportcharttext {
    display: none;
}

.svgnode-reporttext  {
    white-space: pre;
    font-size: 12px;
    font-family: RobotoRegular;
    line-height: 13px;
    padding: 2px;
    width: 150px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 3px;
    border: 1px solid #3c3c3c;
    background-color: #ffffff;
}

.pfeiliconrechts {
    background-color: #fafafa;
    background-image: url(../../static/dms/pfeiliconrechts.png?cache=1tmoiic);
    background-position: 190px center;
    background-repeat: no-repeat;
}

.lfile_clipboard_icon a {
    border: none;
    background-color: white;
    font-size: 12px;
    color: black;
    cursor: pointer;
}

.lfile_clipboard_icon a:hover, .lfile_clipboard_icon a.hover {
    border: none;
    background-color: white;
    font-size: 12px;
    text-decoration: underline;
    color: black;
    cursor: pointer;
}

.lfile_clipboard_icon_disabled a {
    border: none;
    background-color: white;
    font-size: 12px;
    color: #aaaaaa !important;
    cursor: default !important;
}

.lfile_clipboard_icon_disabled a:hover, .lfile_clipboard_icon_disabled a.hover {
    border: none;
    background-color: white;
    font-size: 12px;
    text-decoration: none !important;
    color: #aaaaaa !important;
    cursor: default !important;
}

div.rootnode {
    width: 280px;
    font-family: LatoBold;
    font-weight: 700;
    font-size: 18px;
}

div.childnode {
    width: 280px;
    border-top: 1px solid #ededed;
    font-family: LatoLight;
    font-weight: normal;
    font-size: 12px;
    color: #808080;
}

div.childnode[ktlevel="1"] {
    font-family: LatoRegular !important;
    font-size: 12px !important;
    white-space: pre-wrap;
    color: black !important;
}

div.childnode[ktlevel="2"] {
    font-size: 12px !important;
    white-space: pre-wrap;
    color: black !important;
}

div.childnode[ktlevel="3"] {
    white-space: pre-wrap;
    color: black !important;
}

div.markednode {
    background-color: #e7eff8;
}

div.graynode {
    background-color: #ededed;
}

.nodeview_textblock {
    font-family: LatoRegular !important;
    font-size: 12px !important;
    color: #808080 !important;
    text-align: justify !important;
}

.nodeview_textblock p {
    font-family: LatoRegular !important;
    font-size: 12px !important;
    color: #808080 !important;
    margin: 0px 0px 0px 0px !important;
}

.nodeview_content {
    font-family: LatoRegular !important;
    font-size: 12px !important;
    color: #808080 !important;
    white-space: pre-wrap;
}

.nodeview_content_info {
    font-family: LatoLight !important;
    font-size: 12px !important;
    color: #808080 !important;
    text-align: justify !important;
    white-space: pre-wrap;
    margin-left: 24px;
    margin-right: 24px;
}

.nodeview_content p {
    font-family: LatoRegular !important;
    font-size: 12px !important;
    color: #808080 !important;
    margin: 0px 0px 0px 0px !important;
}

.nodeview_content a {
    font-family: LatoRegular !important;
    font-size: 12px !important;
    color: #808080 !important;
    margin: 0px 0px 0px 0px;
}

.nodeview_content ol {
    font-family: LatoRegular !important;
    font-size: 12px !important;
    color: #808080 !important;
    margin: 0px 0px 0px 0px !important;
    list-style-type: none !important;
    padding: 0px 0px 0px 0px !important;
}

.nodeview_content li {
    font-family: LatoRegular !important;
    font-size: 12px !important;
    color: #808080 !important;
    margin: 0px 0px 0px 0px !important;
}

.nodeview_content input {
    border-radius: 2px;
    font-family: LatoRegular !important;
    font-size: 12px !important;
    color: #808080 !important;
    margin: 0px 0px 0px 0px !important;
}

.nodeview_content select {
    border-radius: 2px;
    font-family: LatoRegular !important;
    font-size: 12px !important;
    color: #808080 !important;
    margin: 0px 0px 0px 0px !important;
}


.nodetextview-button-div {
    border-top: 1px solid #ededed;
    text-align: right; 
    padding-top: 40px;
    font-family: LatoRegular;
    font-size: 12px;
    margin-top: 5px;
}

.nodetextview-button-div input {
    width: 120px;
    height: 26px;
    border-radius: 2px;
}

.prev-vnode {
    color: #0069b4;
    background-color: white;
    border: 1px solid #0069b4;
    margin-right: 10px;
}

.next-vnode {
    color: white;
    background-color: #0069b4;
    border: 1px solid #0069b4;
}

.set-vnode {
    color: white;
    background-color: #009a2d;
    border: 1px solid #009a2d;
    margin-right: 10px;
}

.unset-vnode {
    color: #660000;
    background-color: white;
    border: 1px solid #660000;
    margin-right: 10px;
    width: 160px !important;
}

.nodeview-title {
    font-family: LatoBold; 
    font-weight: 700;
    font-size: 24px; 
    margin-bottom: 20px;
    margin-top: 10px;
    color: black;
    white-space: normal;
}

.document-vnode-button {
    color: white;
    background-color: #0069b4;
    border: 1px solid #0069b4;
    border-radius: 2px;
    font-family: LatoRegular;
    font-size: 12px;
}

.nodeview-exor-select {
    font-family: LatoBold; 
    font-weight: 700;
    color: black;
}

.nodeview-exor-blocked {
    background-color: #cdcdcd;
}

.nodetextview-df-table input[type="text"] {
   margin-top: 5px !important;
   background-color: #fff;
   background-image: url(../icons/ic_create_black_12dp_1x.png?cache=1tmoiic);
   background-position: right center;
   background-repeat: no-repeat;
}

.nodetextview-df-table input[type="checkbox"] {
   margin-top: 5px !important;
}

.nodetextview-df-table select {
   margin-top: 5px !important;
}

.nodetextview-df-table textarea {
   margin-top: 5px !important;
}

.border-highlight {
   border: 3px solid #ff9900;
}
ins {
   text-decoration:underline;
}
ins.ins {
   color: #00A000;
}
ins.rep {
   color: #0000FF;
}
del {
   text-decoration:line-through
}
del.rep {
   color: #0000FF;
}
del.del {
   color: #FF0000;
}
.drop-hover > td {
   border-top: 1px solid black;
}
.kt_pulseanimate {
    position: relative;
    animation: pulse-change 2s infinite;
    background-color: #bdbdbd;
    width: 14px;
    height: 8px;
    border-radius: 8px;
}
@keyframes pulse-change {
  0% { left: 0; }
  50% { left: 100%; }
  100% { left: 0; }
}
.dossier-title, .timeoutdiv {
    display: flex;
    position: absolute;
    top: 0px;
    height: 48px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    z-index: 5000;
}
.dossier-title span, .timeoutdiv span {
    margin: auto;
}
div.timeoutdiv {
    background: #212121;
}
.circle-base {
    border-radius: 50%;
    display: inline-flex;
    border: 1px solid black;
    justify-content: center;
    align-items: center;
}
.circle-16 {
    width: 16px;
    height: 16px;
}
.circle-12 {
    width: 12px;
    height: 12px;
}
.circle-10 {
    width: 10px;
    height: 10px;
}
.ch-created {
    background: lightgrey;
}
.ch-running {
    background: lightgrey;
}
.ch-succeeded {
    background: green;
}
.ch-failed {
    background: red;
}
.filetype {
    width: 24px;
}
.filetype_small {
    width: 16px;
}
.marked-row td {
    background-color: #eeeeee !important;
}
div.tree-color {
    width: 18px;
    height: 12px;
    background: #ffffff;
    border: 1px solid transparent;
    border-radius: 6px;display:flex;
    margin-right: 8px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}
div.tree-color:hover {
    border: 1px solid #212121 !important;
}
.more-results {
    visibvisibility: hidden;
    display: flex;
}
.loader {
  border: 4px solid lightgray;
  border-radius: 50%;
  border-top: 4px solid gray;
  width: 14px;
  height: 14px;
}
.loader-animation {
  -webkit-animation: spin 3s linear infinite; /* Safari */
  animation: spin 3s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}