﻿@media all {
    .yform {
        border-style: solid;
        border-width: 1px;
        margin: 0 0 1em 0;
        padding: 5px 10px;
        overflow: hidden;
    }

    .yform .buttons {
        margin-top: 15px;
    }

    /* #region Groupbox */
    .yform fieldset {
        border-style: solid;
        border-width: 1px;
        margin: 0;
        padding: 0 10px;
        overflow: visible;
    }

    .yform fieldset legend > * {
        padding: 0 2px;
    }
    /* #endregion */

    /* Gestaltung der kapselnden DIV-Elemente */
    .yform div {
        margin: 0.5em 0;
        overflow: hidden;
    }

    .yform span {
        padding: 0.3em;
    }

    .yform div div.ydiv {
        margin: 0;
        width: calc(100% - 120px);
    }

    .yform div fieldset div {
        margin: 0.5em 0;
        overflow: hidden;
    }

    .yform label {
        display: block;
        float: left;
        width: 120px;
        padding-top: 0.3em;
    }

    .yform span.unit {
        float: left;
        width: 20px;
        padding-top: 0.3em;
    }

    .yform img {
        padding-top: 0.3em;
    }

    .yform .bool img {
        padding: 0;
    }

    .yform input:not([type=radio]), .yform textarea, .yform a[href], .yform select, .yform div.ytable, .yform div.yradiobtngrp {
        font-family: inherit;
        border-style: solid;
        border-width: 1px;
        width: calc(100% - 120px);
        display: block;
        float: left;
        position: relative;
        padding: 0.3em 0.3em;
    }

    .yform a[href].label {
        border: none;
    }

    .yform a[href].icon {
        padding: 0.2em 0.2em;
    }

    .yform select {
        padding: 0.21em 2px 0.21em 1px;
        cursor: pointer;
    }

    .yform select:disabled {
        cursor: default;
    }

    .yform div div.ydiv input, .yform div div.ydiv select {
        width: 100%;
    }

    .yform input.error, .yform textarea.error, .yform select.error {
        background-color: #ff6666;
        color: #440000;
        border-color: #884444;
    }

    .yform input.ysmall, .yform select.ysmall, .yform div div.ydiv input.ysmall, .yform div div.ydiv select.ysmall {
        max-width: 104px;
        margin-right: 3px;
    }

    .yform input.right {
        text-align: right;
    }

    .yform input.hasIcon, .yform textarea.hasIcon, .yform span.hasIcon {
        background-repeat: no-repeat;
        background-position: 0.2em 0.2em;
        padding-left: 1.7em;
    }

    .yform a.label {
        padding: 3px 0;
        border: none;
        margin: 0;
        width: auto;
    }

    .yform a img {
        padding: 0 0.2em 0 0;
        vertical-align: text-bottom;
    }

    .yform a span {
        padding: 0;
        vertical-align: text-top;
    }

    .yform fieldset input:not([type=radio]), .yform fieldset textarea, .yform fieldset a[href], .yform fieldset select, .yform fieldset div.ytable, .yform fieldset div.ydiv {
        width: calc(100% - 109px);
    }

    .yform fieldset label {
        width: 109px;
    }

    .yform fieldset div div.ydiv {
        margin: 0;
        float: left;
    }

    .yform div.linkgroup {
        margin: 0;
        border-style: solid;
        border-width: 1px;
        padding: 0;
        overflow: auto;
    }

    .yform div.linkgroup a {
        display: block;
        margin-left: 0;
        border: none;
        padding: 0.3em;
        float: none;
    }

    .yform div div.ydiv input.right {
        text-align: right;
    }
    /* #endregion */

    /* #region Gestaltung von Buttons */
    .yform input[type=button], .yform input[type=submit], .yform button {
        border-style: solid;
        border-width: 1px;
        padding: 0.5em 1em;
        min-width: 100px;
        width: auto;
        cursor: pointer;
        margin-right: 3px;
        -webkit-appearance: none;
    }
    /* #endregion */

    .yform div div.ydiv span {
        padding-top: 0;
        padding-bottom: 0;
    }

    .yform div div.ydiv .yradiobtn {
        float: left;
        width: auto;
    }

    .yform div div.ydiv .yradiobtn input {
        float: left;
        margin: auto;
        width: auto;
        vertical-align: text-bottom;
    }

    .yform div div.ydiv .yradiobtn label {
        width: auto;
        padding: 0 8px 0 2px;
    }

    .yform div.ytable {
        margin: 0;
        padding: 0;
        overflow: auto;
    }

    .yform div.ytable table {
        width: 100%;
        border-collapse: collapse;
    }

    .yform div.ytable table thead th, .yform div.ytable table tbody th {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 0.3em;
        font-weight: 600;
    }

    .yform div.ytable table tbody td {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        vertical-align: text-top;
        padding: 0.3em;
    }

    .yform div.ytable table tbody tr:last-child td {
        border-bottom: none;
    }

    .yform div.ytable a {
        padding: 0;
        display: inline;
        border: none;
    }

    .yform div.ytable table a {
        float: none;
    }

    .yform div.ytable img {
        vertical-align: text-bottom;
        padding: 0;
        margin-right: 2px;
    }

    .yform input[type=file] {
        padding: 0;
    }

    /* Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
    .yform input[type=hidden] {
        display: none !important;
    }

    /* #region AutoComplete */
    .autocomplete_completionListElement {
        visibility: hidden;
        margin: 0 !important;
        border-style: solid;
        border-width: 1px;
        cursor: default;
        overflow: auto;
        max-height: 120px;
        text-align: left;
        list-style-type: none;
    }

    .autocomplete_highlightedListItem {
        padding: 1px;
        padding-left: 3px;
        margin-left: 0;
        cursor: pointer;
    }

    .autocomplete_listItem {
        padding: 1px;
        padding-left: 3px;
        margin-left: 0;
    }

    .autocomplete_loading {
        background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wBRmcLV5kJ9swBRmWKTv4KpzJK00yH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==') /*../Images/loading.gif*/;
        background-position: right;
        background-repeat: no-repeat;
    }

    .autocomplete_search {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFAAAAbGxsbm5ub29vc3NzdnZ2e3t7fX19iYmJkpKSlJSUmZmZnZ2dqqqqurq6vLy8v7+/wcHB1tbW3d3d39/f7+/v8fHx8vLy8/Pz9PT0+fn5/f39AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA673JVAAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAAbUlEQVQoU3WPWQ6AIAxEWxdwQUWrKHr/c+JWMBLtV/MmM+2AiwY+ACkpFXkBnMZrNBOgJO2M6dJkvAmUt6axYpCjPTeLeQyyP8sR2s9z/4T6s9iyxTlSQiiBTPzrU8EkdFlrbK7HQrltWN6AlR1O26rDfxMxAAAAAABJRU5ErkJggg==') /*../Images/search.png*/;
        background-position: right;
        background-repeat: no-repeat;
    }
    /* #endregion */

    /* #region ColorPicker Extender PopUp */
    .yform div .ajax__colorPicker td div {
        margin-top: 0;
        margin-bottom: 0;
    }
    /* #endregion */

    /* #region BisTreeViewPopUp*/
    .yform div input.BisTreeViewPopUpButton {
        width: 22px;
        height: 22px;
        margin-left: 5px;
        padding: 0;
    }

    .BisTreeViewPopUpBackground {
        opacity: 0.7 !important;
    }

    .yform div div.BisTreeViewPopUpPanel {
        border-style: solid;
        border-width: 2px;
        width: 500px;
        margin: 0;
        padding: 3px;
    }

    .yform div div.BisTreeViewPopUpPanel div.BisTreeView * {
        border: none;
        margin: 0;
        padding: 0;
    }

    .yform div div.BisTreeViewPopUpPanel div.BisTreeView table {
        height: 20px;
        overflow: hidden;
    }

    .yform div div.BisTreeViewPopUpPanel div.BisTreeView .selectedBisTreeViewNode {
        text-decoration: underline;
    }

    .yform div div.BisTreeViewPopUpPanel div.BisTreeView td img {
        padding-right: 5px;
        display: block;
        border-image-width: 0;
    }

    .yform div.BisTreeViewPopUpPanel div.BisTreeView a[href='javascript:void(0)'], .yform div.BisTreeViewPopUpPanel div.BisTreeView span[href='javascript:void(0)'] {
        width: 100%;
        line-height: 20px;
    }

    .yform div.BisTreeViewPopUpPanel div.BisTreeView td div {
        height: 20px !important;
    }

    .yform div div.BisTreeViewPopUpPanel div.BisTreeView a[href*='TreeView_ToggleNode'] {
        width: 23px;
        border: none;
    }

    .yform div.BisTreeViewPopUpPanel div.BisTreeViewPopUpTitle {
        font-size: 15px;
        margin-top: 5px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding: 3px;
    }

    .yform div.BisTreeViewPopUpBackground {
        margin: 0;
    }

    .yform div.BisTreeViewPopUpPanel .BisTreeViewButtons {
        padding-top: 5px;
        border-top-width: 1px;
        border-top-style: solid;
    }

    .yform div.BisTreeViewPopUpPanel .BisTreeViewButtons input {
        float: right;
    }

    .yform div.BisTreeViewPopUpPanel div.BisTreeViewPanel {
        height: 300px;
    }

    .yform div div.BisTreeViewPopUpPanel a[id*='SkipLink'], .yform div div.BisTreeViewPopUpPanel a[href*='SkipLink'] {
        display: none;
    }
    /* #endregion */
}
