html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background-image: url(Images/pm_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    min-width: 1000px;
}

a, span.actionlink {
    color: #4c740d;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover, span.actionlink:hover {
        color: #4c740d;
    }

    a:hover, span.actionlink:hover {
        background-color: #c7d1d6;
    }

span.actionlink {
    cursor: pointer;
}

header, footer, hgroup,
nav, section {
    display: block;
    position: relative;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-both {
    clear: both;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 15px;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 10px;
    /*max-width: 960px;*/
    min-width: 1250px;
    /*height: 75px;*/
}

#body {
    background-color: #efeeef;
    clear: both;
    padding-bottom: 35px;
    min-height: 600px;
    background-image: url(Images/pm_bg.png);
    background-repeat: no-repeat;
    background-position: right -89px;
}

    #body .content-wrapper {
        padding-top: 15px;
    }

.main-content {
    /*background: url("../Images/accent.png") no-repeat;*/
    padding-left: 10px;
    padding-top: 5px;
}

.featured + .main-content {
    /*background: url("../Images/heroAccent.png") no-repeat;*/
}

header .content-wrapper {
    height: 75px;
    padding-top: 10px;
    margin-left: 0px;
    background-image: url(Images/Logo.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

footer {
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    height: 100px;
    padding-left: 10px;
}

#ajax-loader {
    position: absolute;
    left: 10px;
    z-index: 100;
}

/* site title
----------------------------------------------------------*/
/*div#site-title
{
    padding-left: 50px;
    padding-right: 10px;
    padding-top: 15px;
    height: 60px;
    background-image: url(images/leaf.png);
    background-repeat: no-repeat;
    background-position: left top;
}*/

.site-title {
    color: #c8c8c8;
    font-family: "Segoe UI", Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    font-weight: bold;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        /*color: #c8c8c8;*/
        color: #707070;
        outline: none;
        text-decoration: none;
    }

div#app-login {
    /*text-align: right;*/
    padding-right: 10px;
    /*min-width: 1000px;*/
}

div#app-msg {
    padding-right: 10px;
    height: 25px;
    margin-bottom: 10px;
    position: relative;
}

    div#app-msg a:hover {
        background-color: transparent;
    }

div#app-menu {
    /*margin-top: 35px;*/
    padding-right: 10px;
    /*text-align: right;*/
    /*min-width: 1000px;*/
    float: right;
}

div#app-modules {
    position: absolute;
    top: 35px;
    right: 20px;
}

    div#app-modules span.module {
        padding-left: 2px;
        padding-right: 2px;
    }


        div#app-modules span.module a {
            text-decoration: none;
            color: #999;
        }

            div#app-modules span.module a:hover {
                color: #4c740d;
            }

        div#app-modules span.module.active a {
            color: #4c740d;
            font-weight: bold;
            text-decoration: underline;
        }

            div#app-modules span.module.active a:hover {
                color: #4c740d;
            }




/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 0px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

/* msg
----------------------------------------------------------*/
#msg {
    height: 25px;
    width: 40px;
    position: absolute;
    top: 0px;
    right: 555px;
    background-image: url(Images/message.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
    vertical-align: middle;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 1px;
    overflow: hidden;
}

    #msg.no-messages {
        background-image: url(Images/nomessage.png);
    }

/* notes  
 ---------------------------------------------------------*/
#note {
    height: 24px;
    width: 20px;
    position: absolute;
    top: 0px;
    right: 500px;
    background-image: url(Images/notes.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
    vertical-align: middle;
    font-size: 0.9em;
    font-weight: bold;
    padding-top: 4px;
    overflow: hidden;
}

    #note.no-notes {
        background-image: url(Images/nonotes.png);
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #4c740d;
            text-decoration: none;
        }

            ul#menu li a:hover {
                /*color: #686868;*/
                text-decoration: none;
                background-color: #c7d1d6;
            }

            ul#menu li a.selected {
                background-color: #c7d1d6;
            }

/* page elements
----------------------------------------------------------*/
/* Tabellen */
table.grid-lines {
    border: solid 1px #333;
    border-collapse: collapse;
}

    table.grid-lines td, table.grid-lines th {
        border: solid 1px #333;
    }

    table.grid-lines td {
        vertical-align: top;
    }

    table.grid-lines table.sub {
        border: none;
        margin: 0px;
        font-size: 85%;
    }

        table.grid-lines table.sub td {
            border: none;
        }


table td.border-bottom, table tr.border-bottom > td {
    border-bottom: 1px solid #aaa;
}

table tr.border-top > td {
    border-top: 1px solid #666;
}

table tr.isDisabled {
    background-color: lightgray;
}

table td.double-border-bottom {
    border-bottom: 2px solid #000;
}

table td.single-border-bottom {
    border-bottom: 1px solid #000;
}

table td.single-border-top {
    border-top: 1px solid #000;
}

table tr.newline > td {
    background-color: lightblue;
}

/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    /*border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;*/
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button {
            width: auto;
        }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}


div.meter {
    margin-top: 5px;
    clear: both;
    margin-bottom: 5px;
}

div#strength-meter {
    float: left;
    width: 400px;
    height: 20px;
    background-position: left top;
    background-repeat: no-repeat;
}

.meter-text {
    padding-top: 5px;
    text-align: left;
}

/* Webkit based browsers */
div#strength-meter[data-value="0"] {
    background-image: none;
}

div#strength-meter[data-value="1"] {
    background-image: url(Images/psm_0.png);
}

div#strength-meter[data-value="2"] {
    background-image: url(Images/psm_1.png);
}

div#strength-meter[data-value="3"] {
    background-image: url(Images/psm_2.png);
}

div#strength-meter[data-value="4"] {
    background-image: url(Images/psm_3.png);
}

div#strength-meter[data-value="5"] {
    background-image: url(Images/psm_4.png);
}


/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1em;
    font-weight: 600;
}

    label.checkbox {
        display: inline;
    }

input[type=text], textarea, select, input[type=email], input[type=number], input[type=password], input[type=url] {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

input[type=number] {
    text-align: right;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"],
button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

#dataregion[data-dirty="true"] input[type="submit"] {
    background-color: #e80c4d;
    color: white;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d !important;
}

.alert {
    color: #e80c4d;
    font-weight: bold;
}

.bg-info {
    background-color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1em;
    text-align: left;
    border: none 0px;
    border-bottom: 1px solid #666;
    border-top: 1px solid #333;
    padding: 0.25em 0.5em 0.25em 0.25em;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover, tr[data-group] a {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    padding: 0.25em 0.5em 0.25em 0.25em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

tr.not-last {
    border-left: 1px solid black;
    border-right: 1px solid black;
}

tr.last {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

table.inline-edit {
    width: 100%;
}

    table.inline-edit tr td {
        padding: 1px 10px 1px 2px !important;
    }

    table.inline-edit td input, table.inline-edit td select {
        width: 95%;
        margin: 0px !important;
    }

table.inline-edit2 tr:hover {
    background-color: #7ac0da;
}

table.inline-edit2 tr td {
    padding-top: 1px;
    padding-bottom: 1px;
}

table.inline-edit2 td input, table.inline-edit2 td select {
    width: 95%;
    margin: 0px !important;
}

table.inline-edit2 tr.no-hover:hover {
    background-color: transparent !important;
}

table[data-pager].inline-edit3 td input {
    margin: 0px !important;
    padding: 3px !important;
}

table.journal tr.odd {
    background-color: rgb(217, 217, 217);
}

/* Sortable */
ul.sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Ergänzende Styles */

div.report-placeholder {
    min-height: 300px;
}

.zeiger {
    cursor: default;
}

table.calendar td {
    padding: 3px;
}

    table.calendar td.day-selected {
        font-size: 1.2em;
        font-weight: bold;
        background-color: #147e27;
        color: white;
    }

    table.calendar td[data-change-date] {
        cursor: pointer;
    }

/* Styles aus dem Mursoft-Framework */


/* Suchfeld in Table */
table[data-search] {
    clear: both;
}

table[data-pager] tr:hover, table.hoverrow tr:hover {
    background-color: #7ac0da;
}

span.searchbox {
    float: right;
    border: solid 1px #999;
    padding: 2px 4px;
    background-color: white;
    margin-bottom: .9em;
    position: relative;
}

    span.searchbox input.searchbox {
        float: left;
        margin: 0;
        font-size: 0.9em;
        border: none;
    }

    span.searchbox span.ui-icon-search, span.searchbox span.ui-icon-gear {
        cursor: pointer;
    }

/* Pager */
ul.pager {
    float: left;
    padding-left: 0;
}

    ul.pager li {
        float: left;
        list-style-type: none;
        padding: 1px 3px;
        margin: 2px;
        min-width: 1.5em;
        border: solid 1px #333;
        background-color: #d3dce0;
    }

        ul.pager li.active {
            background-color: #4c740d;
            color: white;
        }

    ul.pager a {
        text-decoration: none;
        display: block;
    }

        ul.pager a:hover {
            background-color: white;
        }

div#dataregion, div#subregion {
    margin-right: 273px;
    padding-right: 10px;
    border-right: 1px solid #333;
}

div#function-region {
    margin-right: 273px;
    padding-right: 10px;
    border-right: 1px solid #333;
}

ul[data-subselector] {
    list-style-type: none;
    float: left;
    margin: 0px;
    padding: 0px 0px 3px 0px;
}

    ul[data-subselector] li[data-action], ul[data-subselector] li[data-source] {
        color: #4c740d;
        font-weight: 600;
        cursor: pointer;
        float: left;
        padding: 3px 5px;
        margin-right: 3px;
        border: solid 1px #787878;
        background-color: rgb(211, 220, 224);
    }

        ul[data-subselector] li[data-action]:hover, ul[data-subselector] li.active[data-action], ul[data-subselector] li[data-sub-active='active'][data-action],
        ul[data-subselector] li[data-source]:hover, ul[data-subselector] li.active[data-source] {
            background-color: white;
        }

.data-subselector-details {
    clear: both;
    overflow: auto;
    border: solid 1px #A0A0A0;
    padding: 10px;
    min-height: 200px;
    position: relative;
}

.checkboxlist {
    max-height: 200px;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px;
}

    .checkboxlist table {
        width: 100%;
        margin-top: 0px;
    }

        .checkboxlist table th {
            border-top: none;
            border-bottom: none;
        }

    .checkboxlist label {
        font-weight: normal !important;
        margin-bottom: 0px !important;
    }

    .checkboxlist td.td-cbx {
        width: 20px;
    }

/* Breite der Text-Felder */

input[data-datepicker] {
    width: 80px;
}

.ui-dialog input[data-datepicker] {
    width: 85px;
}

.w50 input[type="text"] {
    width: 50px;
}

.w100 input[type="text"], .w100 input[type="number"] {
    width: 100px;
}

.xxxlarge input[type="text"], .xxxlarge textarea {
    width: 750px;
}

.xxlarge input[type="text"], .xxlarge textarea {
    width: 500px;
}

.xxlarge select {
    width: 510px;
}

.xlarge input[type="text"], .xlarge input[type="url"], .xlarge textarea {
    width: 450px;
}

.xlarge select {
    width: 465px;
}

.mlarge textarea {
    width: 370px !important;
}

.larger input[type="text"], .larger textarea {
    width: 350px;
}

.large input[type="text"], .large textarea {
    width: 300px;
}

.xxmedium input[type="text"], .xxmedium textarea {
    width: 250px;
}

.xmedium input[type="text"], .xmedium input[type="email"], .xmedium textarea {
    width: 200px;
}

.medium input[type="text"], .medium input[type="password"], .medium input[type="email"], .medium textarea {
    width: 150px;
}

.xsmall input[type="text"], .xsmall input[type="password"], .xsmall textarea, .xsmall select {
    width: 130px;
}

.small input[type="text"], .small input[type="number"], .small select {
    width: 100px;
}

.ssmall input[type="text"], .ssmall input[type="number"], .ssmall select {
    width: 80px;
}

.smaller input[type="text"], .smaller input[type="number"] {
    width: 70px;
}

.smallest input[type="text"], .smallest input[type="number"], .smallest select {
    width: 60px;
}

.tiny input[type="text"], .tiny input[type="number"], .tiny select {
    width: 50px;
}

.tinyer input[type="text"], .tinyer input[type="number"] {
    width: 40px;
}

.verytiny input[type="text"], .verytiny input[type="number"] {
    width: 30px;
}

.large select, .large input[type="submit"] {
    width: 306px;
}

.xxmedium select {
    width: 260px;
}

.xmedium select {
    width: 220px;
}

.medium select {
    width: 180px;
}

.smaller select {
    width: 70px;
}

.vsmall textarea {
    min-height: 50px !important;
}

.vxsmall textarea {
    min-height: 70px !important;
}

.vmedium textarea {
    min-height: 90px !important;
}

.vhigh textarea {
    min-height: 120px !important;
}

.auto select {
    min-width: 150px;
    width: auto !important;
}

.autosmall select {
    min-width: 75px;
    width: auto !important;
}

select.auto {
    width: auto !important;
}

.max-width input, .max-width select, .max-width textarea {
    width: 100% !important;
}

.border-right {
    border-right: 1px solid #333;
}

.no-margin input {
    margin: 0 !important;
}

/* jquery - Ueberschreibungen */
.ui-widget {
    font-size: 0.85em;
}

.ui-widget-content, .ui-tabs .ui-tabs-panel {
    background-color: rgb(239, 238, 239);
}

#dialog-suchoptionen {
    background-color: white;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 105;
}

    .ui-autocomplete li {
        background-color: white;
    }

.ui-button.leftbutton {
    position: absolute;
    left: 16px;
}


/* Text-Formatierungen */
.r, .rechts input[type="text"], .rechts input[type="number"], .r textarea {
    text-align: right !important;
}

.l {
    text-align: left !important;
}

.c {
    text-align: center !important;
}

.vtop, tr.vtop td {
    vertical-align: top !important;
}

.vmiddle {
    vertical-align: middle !important;
}

.vbottom {
    vertical-align: bottom !important;
}

.b {
    font-weight: bold !important;
}

.u {
    text-decoration: underline;
}

.i {
    font-style: italic;
    font-weight: normal !important;
}

/* Address Label Styles */

div#addresslabel {
    border: solid 1px black;
    background-color: #ffffff;
    min-width: 200px;
    min-height: 100px;
    display: inline-block;
}

    div#addresslabel div.labelline {
        border: dotted 1px #c8c8c8;
        min-height: 25px;
    }

        div#addresslabel div.labelline:hover {
            background-color: #f8f8f8;
        }

        div#addresslabel div.labelline div.elementcontainer {
            margin-left: 17px;
            margin-right: 17px;
            display: block;
            clear: both;
        }

        div#addresslabel div.labelline div.lineremover {
            display: none;
            position: absolute;
            border: solid 1px #c8c8c8;
            background-image: url(Images/i_delete.png);
            background-position: center center;
            background-repeat: no-repeat;
            width: 15px;
            height: 23px;
            cursor: default;
        }

        div#addresslabel div.labelline div.elementadder {
            display: none;
            border: solid 1px #c8c8c8;
            background-image: url(Images/add.png);
            background-position: center center;
            background-repeat: no-repeat;
            width: 15px;
            height: 23px;
            cursor: default;
            float: right;
        }

        div#addresslabel div.labelline div.labelelement {
            float: left;
            border: dotted 1px #c8c8c8;
            cursor: pointer;
            vertical-align: middle;
            font-size: 16px;
            height: 21px;
            padding-top: 1px;
            padding-bottom: 1px;
            padding-left: 2px;
            padding-right: 2px;
        }

            div#addresslabel div.labelline div.labelelement:hover {
                border: dotted 1px #000000;
            }

        div#addresslabel div.labelline div.elementcontext {
            display: none;
            position: absolute;
            border: solid 1px #c8c8c8;
            cursor: default;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 2px;
            padding-right: 2px;
            background-color: #ffffff;
        }

div.modaldialog {
    background-image: none !important;
    background-color: #ffffff !important;
}

    div.modaldialog table.seltsam tr td {
        padding: 2px;
        height: 29px;
        min-width: 29px;
    }

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}

.margin-left-minus-5 {
    margin-left: -5px;
}

.margin-left-minus-10 {
    margin-left: -10px;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-75 {
    margin-right: 75px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

div.padding-top-2 {
    padding-top: 2px !important;
}

div.padding-top-3 {
    padding-top: 3px !important;
}

div.padding-top-4 {
    padding-top: 4px !important;
}

div.padding-top-5 {
    padding-top: 5px !important;
}

div.padding-top-8 {
    padding-top: 8px !important;
}

div.padding-right-5 {
    padding-right: 5px;
}

div.padding-right-10 {
    padding-right: 10px;
}

div.padding-right-15 {
    padding-right: 15px;
}

div.padding-right-20 {
    padding-right: 20px;
}

div.padding-right-25 {
    padding-right: 25px;
}

div.margin-bottom-0 input {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

input[type=button].delete-button, button[type=button].delete-button {
    border: 0px;
    background-image: url(Images/i_delete.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

a.edit-button {
    border: 0px;
    background-image: url(Images/edit.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 16px;
    width: 16px;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    a.edit-button:hover {
        background-color: #c7d1d6;
    }

a.add-button {
    border: 0px;
    background-image: url(Images/add.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 16px;
    width: 16px;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

div.editor-label {
    margin-top: 8px;
}

input[disabled], select[disabled] {
    background-color: #efeeef;
}

.editor-field input[type=checkbox] {
    margin-top: 11px;
}

.p-right-15 {
    padding-right: 15px;
}

input[data-listedit-field],
select[data-listedit-field] {
    border: 1px solid #e2e2e2;
    font-size: 1.0em !important;
    margin: 0 !important;
    padding: 3px;
}

.rahmen-unten {
    border-bottom: solid 1px #c8c8c8;
}

.rahmen-oben td {
    border-top: solid 1px #000;
}

.rahmen {
    border: solid 1px #c8c8c8;
    padding: 3px;
    margin-right: 10px;
}

.strikethrough {
    text-decoration: line-through;
}

h2.inline {
    display: inline-block;
    margin-right: 30px;
}

div.width-25 {
    min-width: 25px;
}

div.width-50 {
    min-width: 50px;
}

div.width-75 {
    min-width: 75px;
}

div.width-100 {
    min-width: 100px;
}

div.width-150 {
    min-width: 150px;
}

div.width-200 {
    min-width: 200px;
}

div.width-250 {
    min-width: 250px;
}

div.width-288 {
    min-width: 288px;
}

div.width-300 {
    min-width: 300px;
}

div.width-350 {
    min-width: 350px;
}

div.width-400 {
    min-width: 400px;
}

div.width-450 {
    min-width: 450px;
}

div.width-500 {
    min-width: 500px;
}

div.width-550 {
    min-width: 550px;
}

div.width-600 {
    min-width: 600px;
}

div.width-750 {
    min-width: 750px;
}

div.disabled-field {
    display: inline-block;
    font-size: 1.0em;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 5px;
    /*    border: 1px solid #e2e2e2;*/
    border: 1px solid #bbb;
    background-color: #efeeef;
    margin-right: 10px;
    height: 18px;
}

div.disabled-field-label {
    display: inline-block;
    font-size: 1.0em;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-right: 5px;
}

div.field-label {
    display: inline-block;
    font-size: 1em;
}

table.subtable {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0em;
    border: 0 none;
}

    table.subtable td {
        padding-top: 0em;
        white-space: nowrap;
    }

table.td_top td {
    vertical-align: top;
}

table tr.tr_hover:hover {
    background-color: #ccc;
}

a.pointer {
    cursor: pointer;
}

div.popup {
    display: none;
    position: absolute;
    min-width: 350px;
    min-height: 100px;
    overflow: auto;
    border: 1px solid #000;
    background-color: #efeeef;
    margin-top: 10px;
    padding: 5px;
    z-index: 99999;
}

a.as-button {
    width: auto;
    padding: 4px 7px 7px 7px;
    font-size: 1em;
    font-weight: bold;
    margin-right: 8px;
    border: 1px solid #787878;
    background-color: #d3dce0;
    text-decoration: none;
    color: #333;
}

div.as-button {
    display: inline-block;
    padding: 2px 20px 4px 20px;
    margin-right: 8px;
    border: 1px solid #787878;
    background-color: #d3dce0;
    color: #333;
    text-align: center;
}

    div.as-button a {
        font-size: 1em;
        font-weight: 600;
        text-decoration: none;
    }

span.h1 {
    font-size: 2em;
    font-weight: bold;
}

span.h2 {
    font-size: 1.3em;
    font-weight: bold;
}

span.h3 {
    font-size: 1.1em;
    font-weight: bold;
}

span.smallfont {
    font-size: 0.8em;
}

div#viewtitle {
    padding: 0 0 5px 0;
}

table[data-search], div.searchbox {
    margin-top: -30px;
}

table[data-search] {
    clear: both;
}

.index-search-form {
    position: relative;
}

div.hashtags {
    position: absolute;
    right: 50px;
    top: 27px;
    width: 400px;
}

    div.hashtags span {
        float: right;
        margin-left: 5px;
        cursor: pointer;
        color: #4c740d;
        font-size: 0.8em;
    }

span.hashtags {
    position: absolute;
    right: 0px;
    bottom: -0.95em;
}

    span.hashtags span {
        /*float: right;*/
        margin-left: 5px;
        cursor: pointer;
        color: #4c740d;
        font-size: 0.8em;
    }

div.data-subselector-details div.hashtags {
    right: 10px;
}

span.addnew, div.addnew {
    /*display: block;*/
    float: left;
    margin: 6px 0 6px 0;
}

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

div#subregion {
    position: relative;
}

div#function-region {
    position: relative;
}

div.funktionsblock {
    position: absolute;
    top: 0px;
    right: -273px;
    padding: 3px 10px;
    width: 250px;
    min-height: 200px;
}

img.imagebutton {
    border: 1px solid #bbb;
    cursor: pointer;
    padding: 3px;
    min-height: 16px;
    min-width: 16px;
}

div.history {
    min-height: 200px;
    max-height: 300px;
    overflow: auto;
    display: none;
}

div.withintd {
    height: 1.2em;
}

.moveinfuture {
    background-color: #4c740d;
    color: #fff;
    padding: 2px;
}

div.about span.title {
    display: inline-block;
    width: 130px;
}

.not-visible, [data-hidden='true'] {
    display: none;
}

div.new-message {
    width: 1000px;
    clear: both;
    padding-top: 10px;
}

    div.new-message div.message-text {
        width: 730px;
        float: left;
    }

    div.new-message div.message-date {
        text-align: right;
        width: 240px;
        float: right;
    }

button.image {
    background-color: transparent !important;
    border: none !important;
    padding: 0;
    margin: 0;
}

button.image-with-text table {
    margin-top: 0px !important;
}

button.as-link {
    border: none;
    background: none;
    color: #4c740d;
    text-decoration: underline;
    padding: 3px;
    font-weight: normal;
}

    button.as-link:hover {
        background-color: #c7d1d6;
    }

button.add.as-button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

div.dialog-form {
    background-color: #efeeef !important;
}

div.fileupload {
    position: relative;
}

    div.fileupload input[type=file] {
        position: absolute;
        left: -1000px;
        top: -1000px;
    }

    div.fileupload input[data-file-upload] {
        padding-right: 5px;
    }

    div.fileupload > button {
        position: absolute;
        right: 5px;
        top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        margin: auto;
    }

input.ui-autocomplete-input {
    border-right-width: 5px;
}

input[data-val-required],
textarea[data-val-required],
input[type='hidden'][data-val-required] + input.ui-autocomplete-input,
[data-row-selected='true'] [data-required-causal],
.dialog-form [data-required] {
    border-color: #e98e1f;
}

select[data-val-required] {
    border-width: 1px;
    border-style: solid;
    border-color: #e98e1f;
}

div#dialog-reportfilter {
    background-color: #fff;
    position: relative;
}

.standard-filter {
    position: absolute;
    left: 10px;
}

div.report-command button {
    background-image: url(Images/printer.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 40px;
    border: none;
    color: #4c740d;
    text-decoration: underline;
    font-weight: normal;
}

ul.report-command, ul.export-command {
    list-style: none;
    padding-left: 0;
}

    ul.report-command li {
        height: 25px;
        background-image: url(Images/printer.png);
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 40px;
        padding-top: 5px;
        color: #4c740d;
        text-decoration: underline;
        font-weight: normal;
        cursor: pointer;
    }

    ul.export-command li {
        height: 25px;
        background-image: url(Images/download.png);
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 40px;
        padding-top: 5px;
        color: #4c740d;
        text-decoration: underline;
        font-weight: normal;
        cursor: pointer;
    }

.flow label {
    display: inline;
}

.avery-container {
    height: 130px;
    width: 245px;
    overflow: auto;
}

.avery {
    width: 218px;
    height: 281px;
    padding-top: 13px;
    padding-left: 5px;
    border: solid 1px blacK;
}

    .avery button {
        height: 27px;
        width: 67px;
        margin-right: 3px;
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        float: left;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        background-color: transparent;
    }

        .avery button[data-selected='true'] {
            background-color: lightgray;
            font-weight: bold;
        }

div.filter-document {
    height: 400px;
    overflow: auto;
}

/*
    ---- Bylaw Styles
  */
div.bylaw {
    height: 450px;
    overflow: auto;
}

    div.bylaw table {
        width: 100%;
    }

        div.bylaw table tr:hover, div.bylaw table tr:hover td {
            background-color: lightblue !important;
        }

        div.bylaw table td {
            padding: 0px !important;
        }

    div.bylaw div {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        div.bylaw div.no-padding {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

    div.bylaw span.tools {
        padding-left: 2px;
        padding-right: 3px;
    }

        div.bylaw span.tools img {
            cursor: pointer;
        }

    div.bylaw div.Region1 {
        padding-top: 10px;
        text-align: center;
        font-weight: bold;
        font-size: 1.1em;
        background-color: lightgray;
    }

    div.bylaw div.Region2 {
        padding-top: 10px;
        text-align: left;
        font-weight: bold;
        position: relative;
    }

    div.bylaw div.Region2Number {
        font-weight: bold;
        position: absolute;
        top: 33px;
        left: 10px;
    }

    div.bylaw textarea {
        width: 90% !important;
        margin: 0 !important;
        padding: 1px !important;
    }

td.bylaw-display div.bylaw {
    height: auto;
    overflow: auto;
}

div.ssb-lines div {
    margin-top: 7px;
    margin-bottom: 8px;
    position: relative;
}

    div.ssb-lines div[data-region="1"] {
        padding-left: 40px;
    }

    div.ssb-lines div[data-region="2"] {
        padding-left: 65px;
    }

    div.ssb-lines div[data-region="3"] {
        padding-left: 90px;
    }

    div.ssb-lines div[data-region="4"] {
        padding-left: 115px;
    }

    div.ssb-lines div[data-region="5"] {
        padding-left: 140px;
    }

    div.ssb-lines div[data-region="6"] {
        padding-left: 165px;
    }

    div.ssb-lines div[data-region="7"] {
        padding-left: 190px;
    }

    div.ssb-lines div[data-region="8"] {
        padding-left: 215px;
    }

    div.ssb-lines div[data-region="9"] {
        padding-left: 240px;
    }

    div.ssb-lines div[data-region="10"] {
        padding-left: 265px;
    }

    div.ssb-lines div button[data-ssb-button] {
        position: absolute;
        font-size: 8px;
        padding: 2px;
    }

    div.ssb-lines div button[data-ssb-button='decrease'] {
        left: 0;
    }

    div.ssb-lines div button[data-ssb-button='increase'] {
        left: 15px;
    }

/*
    ---- End Bylaw Styles
  */

div.list-container {
    height: 100px;
    overflow: auto;
    border: 1px solid black;
    padding: 5px;
}

a.imagebutton {
    text-decoration: none !important;
}

span.fullname {
    display: inline-block;
    width: 250px;
}

div.cbl-container {
    height: 200px;
    overflow: auto;
    margin-top: 5px;
    border: 1px solid #e2e2e2;
}

button.button-selector {
    color: #4c740d;
    font-weight: normal;
    cursor: pointer;
    padding: 3px 5px;
    margin-right: 3px;
    border: solid 1px #787878;
}

    button.button-selector[data-active=active] {
        background-color: white;
    }

div.tab-selector {
    color: #4c740d;
    font-weight: normal;
    cursor: pointer;
    margin-right: 3px;
    border: solid 1px #787878;
    padding: 5px 20px 5px 20px;
    background-color: lightgray;
}

    div.tab-selector[data-active=active] {
        background-color: white !important;
    }

div.tab-body {
    height: 400px;
    overflow: auto;
    border: 1px solid #aaa;
    padding-left: 5px;
    padding-right: 30px;
}

/*
    Styles for pictures (Property/PropertyUnit Marketing)
*/

img.clickable {
    cursor: pointer;
}

div#picture-container {
    width: 70%;
    height: 140px;
    border: solid 1px black;
    margin-top: 3px;
    margin-bottom: 10px;
    position: relative;
    overflow: auto;
    float: left;
}

    div#picture-container div.img {
        position: relative;
        width: 120px;
        display: table-cell;
        padding-right: 3px;
        vertical-align: middle;
    }

        div#picture-container div.img img:not(.img-delete) {
            /*width: 100%;*/
        }

        div#picture-container div.img img.img-delete {
            position: absolute;
            top: 1px;
            right: 3px;
            cursor: pointer;
        }

div#picture-addnew {
    width: 120px;
    height: 120px;
    border: solid 1px lightgray;
    margin-left: 5px;
    margin-top: 3px;
    margin-bottom: 10px;
    background-image: url(Images/add-picture-background.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

    div#picture-addnew:hover {
        background-color: silver;
    }

    div#picture-addnew div#statusbar {
        position: absolute;
        bottom: 0;
        height: 3px;
        background-color: #4c740d;
    }

div.picture-edit {
    border: solid 1px #000;
    padding: 5px;
    background-color: #fff;
    /*width: 500px;*/
    /*height: 281px;*/
    overflow: hidden;
    margin-bottom: 5px;
}

div#controls {
    background-color: #1b1b1b;
    text-align: center;
    padding-top: 1px;
}

    div#controls button {
        background-color: #1b1b1b;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #1b1b1b;
        border: none;
        height: 25px;
        width: 25px;
        margin-left: 10px;
        margin-right: 10px;
    }

        div#controls button#rotate_left {
            background-image: url(Images/ctrl_rotateLeft.png);
        }

            div#controls button#rotate_left:hover {
                background-image: url(Images/ctrl_rotateLeft_hover.png);
            }

        div#controls button#zoom_out {
            background-image: url(Images/ctrl_zoomOut.png);
        }

            div#controls button#zoom_out:hover {
                background-image: url(Images/ctrl_zoomOut_hover.png);
            }

        div#controls button#fit {
            background-image: url(Images/ctrl_fit.png);
        }

            div#controls button#fit:hover {
                background-image: url(Images/ctrl_fit_hover.png);
            }

        div#controls button#zoom_in {
            background-image: url(Images/ctrl_zoomIn.png);
        }

            div#controls button#zoom_in:hover {
                background-image: url(Images/ctrl_zoomIn_hover.png);
            }

        div#controls button#rotate_right {
            background-image: url(Images/ctrl_rotateRight.png);
        }

            div#controls button#rotate_right:hover {
                background-image: url(Images/ctrl_rotateRight_hover.png);
            }

.fileupload-buttonbar input[type='file'] {
    font-size: 10px !important;
    height: 100px !important;
    width: 120px !important;
    left: 0 !important;
}

.fileinput-button input {
    left: -15px;
}

/* 
  Ende Styles for pictures (Property/PropertyUnit Marketing)
*/


/*
  Styles für Company Info
*/

div#company-logo {
    display: inline-block;
    width: 400px;
    min-height: 150px;
    border: 1px solid #a0a0a0;
    padding: 2px;
    overflow: hidden;
    position: relative;
    max-height: 150px;
}

div#remove-logo {
    display: inline-block;
    margin-left: 3px;
    cursor: pointer;
    vertical-align: top;
    padding: 3px;
    line-height: 0px;
    border: 1px solid #a0a0a0;
}


/*
  Ende Styles für Company Info
*/


/* ------------------------ */
/* BBCode-angepasste Styles */

div[data-bbcode-textarea] table td {
    padding: 2px;
    vertical-align: top;
    font-family: "Segoe UI", Verdana !important;
}

.sceditor-container, .sceditor-container iframe, .sceditor-container textarea {
    font-family: "Segoe UI", Verdana !important;
}

.font-size-1 {
    font-size: 0.625em;
}

.font-size-2 {
    font-size: 0.8em;
}

.font-size-3 {
    font-size: 1em;
}

.font-size-4 {
    font-size: 1.125em;
}

.font-size-5 {
    font-size: 1.5em;
}

.font-size-6 {
    font-size: 2em;
}

.sceditor-button-h1 div,
.sceditor-button-h2 div,
.sceditor-button-h3 div,
.sceditor-button-h4 div,
.sceditor-button-h5 div,
.sceditor-button-h6 div {
    background-image: url("images/headings.png") !important;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.sceditor-button-h1 div {
    background-position: 0px 0px;
}

.sceditor-button-h2 div {
    background-position: 0px -16px;
}

.sceditor-button-h3 div {
    background-position: 0px -32px;
}

.sceditor-button-h4 div {
    background-position: 0px -48px;
}

.sceditor-button-h5 div {
    background-position: 0px -64px;
}

.sceditor-button-h6 div {
    background-position: 0px -80px;
}

.sceditor-button-headers div {
    background: url('/content/images/headers-button.png') !important;
}

.sceditor-button-headers div {
    background: url('/content/images/headers-button.png') !important;
}

.sceditor-header-option {
    display: block;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: #222;
}

    .sceditor-header-option:hover {
        background: #eee;
    }

/* Ende BBCode-angepasste Styles */
/* ----------------------------- */

/* Letter */

div.letter-details {
    background-color: #fff;
}

    div.letter-details div.letterdetail {
        position: relative;
        margin-bottom: 5px;
        border-bottom: dotted 1px #a1a1a1;
        padding-right: 100px;
    }

        div.letter-details div.letterdetail:hover {
            background-color: #c7d1d6;
        }

        div.letter-details div.letterdetail div.group-info {
            position: absolute;
            right: 5px;
            padding: 2px;
        }

        div.letter-details div.letterdetail div.edit-tools {
            position: absolute;
            right: 5px;
            display: none;
            background-color: rgba(255, 255, 255, 0.5) !important;
            padding: 2px;
        }

            div.letter-details div.letterdetail div.edit-tools span.group-info {
                margin-right: 10px;
                vertical-align: top;
            }

                div.letter-details div.letterdetail div.edit-tools span.group-info input[type='number'] {
                    margin: 0px !important;
                }

            div.letter-details div.letterdetail div.edit-tools img {
                cursor: pointer;
                margin-right: 5px;
            }

                div.letter-details div.letterdetail div.edit-tools img.disabled {
                    cursor: default;
                }

        div.letter-details div.letterdetail:hover div.edit-tools {
            display: inline-block;
        }

        div.letter-details div.letterdetail:hover div.group-info {
            display: none;
        }

/* End Letter */

/* Property Management */

.actual {
    background-color: rgba(76, 116, 13, 0.4);
}

table.hoverrow tr.no-hover:hover {
    background-color: unset;
}

tr.history {
    cursor: pointer;
}

table.popup div.editor-label {
    margin-bottom: 3px;
}

table.popup div.disabled-field {
    padding-top: 5px;
    height: 15px;
}

li.cat-residential:not(.active) {
    background-color: #f6f9d5 !important;
}

li.cat-vacation:not(.active) {
    background-color: rgba(102, 102, 153, 0.5) !important;
}

/* End Property Management */

.listedit input, .listedit select {
    font-size: 0.9em;
}

.listedit td {
    vertical-align: top;
}

button.edit-button, span.edit-button {
    background-image: url(Images/edit.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 4px 12px;
}

span.edit-button {
    cursor: pointer;
}

.alert-content input[data-check-value='true']:valid {
    color: red;
}

.no-break {
    white-space: nowrap;
}

div[data-collapsable-body] {
    position: relative;
    border-left: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    padding-left: 3px !important;
}

    div[data-collapsable-body].collapsed {
        border-bottom: 1px solid #bbbbbb;
    }

    div[data-collapsable-body] > button.toggle {
        position: absolute;
        right: 0;
        top: 2px;
        border-radius: 2px;
        padding: 3px;
        margin-right: 3px;
    }

    div[data-collapsable-body] > span.collapsable-title {
        margin-left: 20px;
    }

    div[data-collapsable-body].expanded > span.collapsable-title {
        display: none;
    }

    div[data-collapsable-body].collapsed > span.collapsable-title {
        display: unset;
    }

    div[data-collapsable-body].expanded > button.toggle:before {
        content: "\25b4";
    }

    div[data-collapsable-body].collapsed > button.toggle:before {
        content: "\25be";
    }

div[data-collapsable-title] {
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    padding-left: 3px !important;
}

button.budgettype {
    background-color: transparent;
    font-weight: normal;
    border: 1px solid #aaa;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    padding: 4px;
}

    button.budgettype[data-selected='true'] {
        background-color: #4c740d;
        color: #fff;
    }

td.td-imgbutton a {
    display: inline-block;
    vertical-align: middle;
}

div[data-hasAccountSelection='false'] {
    display: none;
}

.graydout {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.imagebutton img.pdf_small {
    height: 18px;
    width: auto;
}

a.imagebutton:hover, a.edit-button:hover {
    background-color: transparent;
}

/* text-dropdown */

*[data-display='none'] {
    display: none;
}

.text-dropdown select {
    width: calc(100% - 4px);
    margin-right: 3px !important;
}

.text-dropdown {
    position: relative;
}

    .text-dropdown i {
        position: absolute;
        right: 8px;
        /*content: "\25bc";*/
        color: #000;
        top: calc(25% + 2px);
        font-size: 0.9em;
        cursor: pointer;
    }

select.dropdown {
    position: absolute;
    left: 0px;
    border-color: #000;
    -webkit-box-shadow: 2px 2px 10px #666;
    -moz-box-shadow: 2px 2px 10px #666;
    box-shadow: 2px 2px 10px #666;
    z-index: 5;
    top: 27px;
}

/* Ende text-dropdown */

button.btn-configure {
    background-image: url(Images/dash.png);
    background-position-x: 5px;
    background-position-y: 4px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 20px;
    border-radius: 4px;
    font-weight: normal;
    width: 100%;
}

    button.btn-configure img {
        height: 20px;
    }

    button.btn-configure:hover {
        border-color: #4c740d;
        color: #fff;
        background-color: #4c740d;
    }

/* Multi Text Box */

div[data-multi-text-for] {
    margin-top: 5px;
    margin-bottom: 20px;
}

    div[data-multi-text-for] button {
        font-weight: normal;
        font-size: 0.9em;
    }

/* End Multi Text Box */

.p_nsf {
    color: red !important;
}

.is-ok {
    color: #4c740d;
}