/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09.02.2016, 13:42:03
    Author     : wegner
*/

#addin-tab-main-data {
    /*height: 100%;*/
    /*border: 1px solid limegreen;*/
}


/* Classes (Bootstrap) */
.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}

ul.ui-tabs-nav .addin-data-indicator {
    float: left;
    width: 4px;
    height: 33px;
    /*background-color: salmon;*/

    border-top-left-radius: 4px;
}

body.addin-data-modified .addin-tab-main-data-modified ul.ui-tabs-nav .addin-data-modified, 
body.addin-data-modified .addin-tab-data-pos-modified ul.ui-tabs-nav .addin-data-modified, 
body.addin-data-modified .addin-tab-data-pos-detail-modified ul.ui-tabs-nav .addin-data-modified 
{ 
    background-color: fuchsia;
}

body.addin-data-modified ul.ui-tabs-nav .addin-data-modified 
{ 
    /*background-color: salmon;*/
}

body.addin-data-modified .addin-tab-main-data-modified #addin-tab-main-data.addin-data-modified, 
body.addin-data-modified .addin-tab-data-pos-modified #addin-tab-data-pos.addin-data-modified, 
body.addin-data-modified .addin-tab-data-pos-detail-modified #addin-tab-data-pos-detail.addin-data-modified 
{
    border-left: 5px solid yellowgreen !important;
}


#content .DataContainerx { /* Komplette restgröße Mindestbreite 620px*/
    /*width: 100%;*/
    padding: 0px 7px 3px 10px;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex: 1 0 1000px;
    min-width: 1000px;

    /*background-color: limegreen;*/
}


.DataContainer #ContentArea { /* Komplette Restgröße*/
    height: 100%;
    /*margin: 10px 0px 10px 0px;*/
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: auto;  /* horizontal content scroll*/
    flex: 1 1 1000px;
}


#addin-views,
.addin-content
{
    border: 1px solid #afafaf;
    /*debugging*/
    /*border: 1px solid orange;*/

    border-radius: 4px;

    flex: 3 1 80%;
    margin-right: 6px;
}

.contentpanels {
    overflow-y: auto;    
}

#ContentArea.addin-data-modified .modified-indicator {
    display: none;
    width: 0;
    /*height: 500px;*/
}

#ContentArea.addin-data-modified .modified-indicator {
    /*padding-left: 4px;*/
    /*float: left;*/
    display: block;
    width: 6px;
    height: 600px;
    /*background-color: salmon;*/
    background-color: gold;
}

#ContentArea.addin-data-delete .modified-indicator {
    /*padding-left: 4px;*/
    /*float: left;*/
    display: block;
    width: 6px;
    height: 600px;
    /*background-color: salmon;*/
    background-color: red;
}

#addin-views ul.ui-tabs-nav {
    padding-left: 0px !important; 
}

.addin-hierarchie {
    background-color: #9eebcf; 
    margin-left: 4px;
    margin-right: 4px;
    border: 1px solid #afafaf;
    border-radius: 4px;
    transition: ease 0.5s;
}

.addin-notes {
    background-color: #FFFF99; 
    margin-left: 4px;
    margin-right: 4px;
    border: 1px solid #afafaf;
    border-radius: 4px;
    transition: ease 0.5s;
}

.show-notes {
    width: 20%;
    transition: ease 0.5s;
}

.addin-notes h4 {
    margin-top: 0;
    padding: 11px 4px;
    background-color: #efefef;
    border-bottom: 1px solid #444;
}

.addin-notes > div.addin-notes-list {
    padding: 4px;

    /*overflow: hidden;*/

    overflow-y: auto;
    height: 85%;
}

div.addin-notes-list div.note {
    margin-bottom: 1.0em;
}

div.addin-notes-list div.priority-normal table.notes th, 
div.addin-notes-list div.priority-normal table.notes td
{
    /*border-left: 2px solid blue;*/ 
}

div.addin-notes-list div.priority table.notes th > div.priority {
    float: left;
    margin-right: 4px;
    height: 1.2em;
    width: 1.2em;
}

div.addin-notes-list div.priority-low table.notes th:first-of-type
/*div.addin-notes-list div.priority-low table.notes th:first-of-type > div.priority-label*/ 
{
    /*background-color: lime;*/
    border-left: 1px solid lime;
    border-top: 1px solid lime;
    border-bottom: 1px solid lime;

}

div.addin-notes-list div.priority-low table.notes th:first-of-type > div.priority-label 
{
    background-color: lime;
    /*border-radius: 10px;*/
}

div.addin-notes-list div.priority-normal table.notes th:first-of-type 
/*div.addin-notes-list div.priority-normal table.notes th:first-of-type > div.priority-label*/ 
{
    /*background-color: lightsteelblue;*/    
    border-left: 1px solid lightsteelblue;
    border-top: 1px solid lightsteelblue;
    border-bottom: 1px solid lightsteelblue;
}

div.addin-notes-list div.priority-normal table.notes th:first-of-type > div.priority-label 
{
    background-color: lightsteelblue;    
    /*border-radius: 10px;*/
}

div.addin-notes-list div.priority-high table.notes th:first-of-type
{
    border-left: 1px dotted #ff3333;
    border-top: 1px dotted #ff3333;
    border-bottom: 1px dotted #ff3333;
}

div.addin-notes-list div.priority-high table.notes th:first-of-type > div.priority-label {
    background-color: #ff3333;    
    /*border-radius: 10px;*/
}

div.addin-notes-list div.priority-low table.notes td {
    /*border-left: 2px double lime;*/ 
    border-left: 1px dotted lime; 
    border-right: 1px dotted lime; 
    border-bottom: 1px dotted lime; 
}

div.addin-notes-list div.priority-normal table.notes td
{
    /*border-left: 2px solid blue;*/ 
    /*background-color: lightsteelblue;*/    
    /*border: 2px double lightsteelblue;*/ 
    border-left: 1px dotted lightsteelblue; 
    border-right: 1px dotted lightsteelblue; 
    border-bottom: 1px dotted lightsteelblue; 
}

div.addin-notes-list div.priority-high table.notes td {
    /*border: 2px double red;*/ 
    border-left: 1px dotted #ff3333; 
    border-right: 1px dotted #ff3333; 
    border-bottom: 1px dotted #ff3333; 
}

.addin-notes table.notes {
    width: 100%;
    /*border-collapse: collapse;*/
}

.addin-notes table.notes thead th:first-of-type {
    text-align: left;
    /*border-right: 1px solid #cfcfcf;*/
}

.addin-notes table.notes thead th {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}

.addin-notes table.notes tbody tr {
}

.addin-notes table.notes tbody tr td {
    vertical-align: top;
}

.addin-notes table.notes tbody th:first-of-type {
    text-align: left;
    /*padding: 4px;*/
    /*background-color: #efefef;*/

    border: 0;
    /*border-top: 1px solid #aaa;*/
    /*border-bottom: 1px solid #aaa;*/
}

.addin-notes table.notes tbody th:nth-of-type(2) {
    width: 20px;
    /*background-color: yellow;*/
}

.addin-notes table.notes tbody td:first-of-type {
    padding-top: 10px;
    /*border-right: 1px solid #cfcfcf;*/
}

.addin-notes table.notes tbody td {
    padding: 4px;
    /*border-bottom: 1px solid #cfcfcf;*/
}

.addin-notes ul {
    list-style-type: none;
}

.addin-notes li {
}


/*#addin-views ul.ui-tabs-navx {
    position: fixed;
    top: 154px;
    left: 0px;
    height: 50px;    
    width: 99.8%;
    
    z-index: 10;
}

#addin-views .ui-tabs-panelx {
    position: relative;
    top: 50px;
    left: 0px;
    height: 50px;    
    width: 99.8%;
    
    z-index: 10;
}
*/


table.table-search tfoot {
    border-top: 1px solid #444;
    /*background-color: red;*/
}

table.table-search tfoot td {
    padding-top: 8px;
    border-top: 2px solid #444;
}

table.table-search-inner {
    width: 100%; 
    /*padding: 12px;*/
}

table.table-search-inner > tbody td {
    padding: 4px;
}


table.table-rows-striped > tbody > tr:nth-child(odd) {
    background-color: #efefef;
}

/* forms */

/* some field types */
.fieldtyp_str {}

.fieldtyp_dec {
    width: 120px;
    text-align: right;
}

.fieldtyp_dec_short {
    width: 80px;
    text-align: right;
}

.fieldtyp_dec_small {
    width: 67px;
    text-align: right;
}

.fieldtyp_bool {
    /*width: 20px;*/
    /*background-color: transparent;*/
}

.fieldtyp_date {
    /*width: 95px !important;*/
    width: 120px !important;
}

.fieldtyp_time {
    width: 55px;
}

.fieldtyp_datetime {
    width: 170px;
}

.fieldtyp_editor {}

.form-main,
.form-main-flex,
div.form-main 
{
    width: 550px;

    /* debugging options*/
    /*padding: 10px;*/
    /*background-color: lightyellow;*/
}

.form-main-flex.w-100 {
    width: 100%;
}

.form-main-flex.w-600, 
.form-main-flex fieldset.w-600
{
    width: 600px;
}

.form-main-flex.w-625, 
.form-main-flex fieldset.w-625
{
    width: 625px;
}

.form-main-flex.w-650, 
.form-main-flex fieldset.w-650
{
    width: 650px;
}

.form-main-flex.w-675, 
.form-main-flex fieldset.w-675
{
    width: 675px;
}

.form-main-flex.w-700, 
.form-main-flex fieldset.w-700
{
    width: 700px;
}

.form-main-flex.w-725, 
.form-main-flex fieldset.w-725
{
    width: 725px;
}

.form-main-flex.w-750, 
.form-main-flex fieldset.w-750 
{
    width: 750px;
}

.form-main-flex.w-775, 
.form-main-flex fieldset.w-775
{
    width: 775px;
}

.form-main-flex.w-800, 
.form-main-flex fieldset.w-800
{
    width: 800px;
}

.form-main-flex.w-825, 
.form-main-flex fieldset.w-825
{
    width: 825px;
}

.form-main-flex.w-850, 
.form-main-flex fieldset.w-850
{
    width: 850px;
}

.form-main-flex.w-875, 
.form-main-flex fieldset.w-875
{
    width: 875px;
}

.form-main-flex.w-900, 
.form-main-flex fieldset.w-900
{
    width: 900px;
}

.form-main-flex.w-960, 
.form-main-flex fieldset.w-960
{
    width: 960px;
}

.form-main-flex.list-profile {
    width: 100%;
}

.form-main-flex.form-header {
    width: 100%;
    white-space: nowrap;
}

.form-row label 
{
    display: inline-block;
    width: 100%;
    padding: 0.2em;    
    z-index: 0;
    /*float: left;*/
}

.form-main-flex .form-row label 
{
    display: inline-block;
    width: 100%;
    padding: 0.2em;    
    float: left;
    /*border-bottom: 1px dotted #555;*/
}

.form-main-flex .form-row .form-col.not-a-label label 
{
    width: 100%;
}

.form-main-flex .form-row .form-col.not-a-label-cb label 
{
    width: 99%;
}

.form-main fieldset, 
.form-main-flex fieldset {
    border: 0;
    padding: 0;
}

.form-main fieldset legend,
.form-main-flex fieldset legend {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-bottom: 1.0em;

    margin-top: 0.8em;
    font-size: 1.0em;
    font-weight: 700;    
}

.listprofile fieldset {
}

.listprofile fieldset legend {
    margin-top: 0;
}

.form-row {
    margin-bottom: 8px;
}

.form-main-flex .form-row {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.form-main-flex .form-row.row-v-top {
    align-items: flex-start !important;
}

.form-main-flex .form-row-big {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.form-tabs .form-row-big {
    margin-bottom: 0px;
}

.form-main .form-row > div.form-col {
    display: table-cell;
    margin-right: 8px;
    vertical-align: top;
}

.form-row > div.form-col-big {
    width: 530px;
    margin-right: 8px;
}

.form-main-flex .form-row > div.form-col 
.form-main-flex.form-header .form-row > div.form-col 
{

}

.form-main-flex .form-row > div.form-col.auto-expand {
    flex: 1 1 auto;
    display: flex;
}

.form-main-flex .form-row > div.form-col.auto-expand > * {
    flex: 1 1 auto;
}

.form-main-flex .form-row > div.form-col:nth-child(2) {
    /*background-color: violet;*/

    /*flex: 1 1 auto;*/
}

.form-main-flex .form-row > div.form-col:nth-child(2n) {
    /*z-index: 10;*/
}

.form-main-flex .form-col-with-fk {
    flex: 1 1 auto;
    display: flex;
}

.form-main-flex .form-row-big > div.form-col-big {
    display: flex;
}

.form-main-flex .form-row-big > div.form-col-big.editor {
    display: block;
}

.form-main-flex .form-row > div.form-col.editor,
.form-main-flex .form-row-big > div.form-col.editor 
{
/* .flex-auto: see tachyons.cxx */ 
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0px;
    min-height: 0px;
}

.form-main-flex .form-row-big > div.form-col-big > label, 
.form-main-flex .form-row-big > div.form-col-big > textarea 
{
    flex: 1 1 auto;
}

.form-main-flex .form-row > div.form-col-1,
.form-main-flex .form-row > div.form-col-1.label,
table th.label,
table td.label
{
    /*background-color: olive;*/

    width: 155px;
}

.form-main-flex .form-row > div.form-col.label-medium, 
.form-main-flex .form-row > div.form-col-1.label-medium, 
.form-main-flex .form-row > div.form-single-col.label-medium,
.form-main-flex.label-medium fieldset .form-row > div.form-col:first-of-type,
.form-main-flex fieldset.label-medium .form-row > div.form-col:first-of-type 
{
    /*background-color: fuchsia;*/
    width: 200px;
}

.form-main-flex .form-row > div.form-col.label-medium-2, 
.form-main-flex .form-row > div.form-col-1.label-medium-2, 
.form-main-flex .form-row > div.form-single-col.label-medium-2,
.form-main-flex.label-medium-2 fieldset .form-row > div.form-col:first-of-type,
.form-main-flex fieldset.label-medium-2 .form-row > div.form-col:first-of-type 
{
    width: 250px;
}

.form-main-flex .form-row > div.form-col.label-medium-3, 
.form-main-flex .form-row > div.form-col-1.label-medium-3, 
.form-main-flex .form-row > div.form-single-col.label-medium-3,
.form-main-flex.label-medium-3 fieldset .form-row > div.form-col:first-of-type,
.form-main-flex fieldset.label-medium-3 .form-row > div.form-col:first-of-type
{
    width: 300px;
}

.form-main-flex .form-row > div.form-col.label-big, 
.form-main-flex .form-row > div.form-col-1.label-big, 
.form-main-flex .form-row > div.form-single-col.label-big,
.form-main-flex.label-big fieldset .form-row > div.form-col:first-of-type,
.form-main-flex fieldset.label-big .form-row > div.form-col:first-of-type 
{
    /*background-color: fuchsia;*/
    width: 375px;
}

.form-tabs {

}

.form-tabs > ul {
    list-style-type: none;
}

.form-tabs > ul li:not(.active):not(.disabled):hover {
    background-color: rgba(100,100,100, 0.2);
}

.form-tabs > ul > li {
    min-width: 110px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    float: left;    
}

.form-tabs > ul > li.active {
    background-color: #555;
}

.form-tabs > ul > li.active a {
    color: #fff;
}

.form-tabs > ul > li.disabled {
    opacity: 0.5;
}

.form-tabs > ul > li.disabled:hover a
{
    cursor: not-allowed;
}

.form-main .form-row > div.form-col {
    margin-right: 8px;
}

.form-main-flex.first-label-medium fieldset .form-row > div.form-col:first-child,
fieldset.first-label-medium .form-row > div.form-col:first-child {
    /*background-color: navajowhite;*/

    width: 180px;
}

.form-main-flex .form-row > div.form-col-1,
.form-main-flex .form-row > div.form-col-1.label
{
    /*background-color: olive;*/

    width: 155px;
}


.form-row.form-note > div:first-child.form-col {
    border-bottom: 1px solid #555;
}

.form-row.form-note > div:nth-child(2).form-col {
    border: 1px solid #cccccc;
    border-radius: 4px;
    background-color: #efefef;
    padding: 0.25rem;
    height: 50px;
}


.form-row > div.form-col-1 {

}

.form-main .form-row > div.form-col.label,
fieldset .form-row > div.form-col.label 
{
    /*background-color: red;*/
    width: 155px;
}

fieldset .form-row > div.form-col:first-child,
fieldset .form-row > div.form-col:first-child,
fieldset .form-row > div.form-col:first-child
{
    width: 155px;
}

fieldset .form-row > div.form-col.not-a-label:first-child,
fieldset .form-row > div.form-col.not-a-label-cb:first-child,
fieldset .form-row > div.form-col.not-a-label-ng:first-child 
{
    width: auto;
}

fieldset .form-row > div.form-col.not-a-label:first-child,
fieldset .form-row > div.form-col.not-a-label-cb:first-child
{
    flex: 1 0 auto;
}

fieldset .form-row > div.form-col.not-a-label {
    width: auto;
}

fieldset .form-row > div.form-col.not-a-label-ng:first-child,
fieldset .form-row > div.form-col.not-a-label-ng:first-child
{
    flex: 0 0 auto;
}

.form-row > div.form-col-1.label {
    /*background-color: olive;*/
    width: 155px;
}

.form-row > div.form-col-1.form-field {
    /*border: 1px solid steelblue;*/
    /*width: 100px;*/
}

.form-row > div.form-col-2 {
}

.form-row > div.form-col-2.label {
    padding-left: 8px;
    width: 100px;
}

.form-row > div.form-col-2-no-label {
    padding-left: 8px;
    width: 200px;
}

.form-row > div.form-col-2.form-field {
    /*border: 1px solid fuchsia;*/
    /*width: 100px;*/
}

.form-main .form-col.form-single-col {
    width: 385px;
}

.form-field
{
    /*float: left;*/
    display: table-cell;
    /*width: 95%;*/
}

.form-field-fk {}

.form-field-addon {
    /*float: left;*/
    /*display: none;*/

    width: 30px;

    text-align: center;

    display: none;
    padding-top: 0.2em;
    padding-right: 0.2em;
    padding-bottom: 0.2em;

    background-color: #efefef;
    border-radius: 4px;

    border-left: 1px solid #555;
    border-top: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    
    cursor: pointer;
}

.form-header .form-field-addon {
    padding-top: 0.3em;
    padding-bottom: 0.3em;    
}

.form-main .form-row-with-fk {
    display: inline-table;
    width: 100%;
}

.form-main-flex .form-row-with-fk {
    /*background-color: lime;*/

    flex: 1 1 auto;
    display: flex;
}

.form-main .form-row-with-fk select {
    display: inline-table;
    width: 102%;
}

.form-main-flex .form-row-with-fk input {
    flex: 1 1 auto;
}

.form-main .form-row-with-fk:hover {
    width: 100%;
}

.form-main .form-row-with-fk:hover input
{
    width: 100%;
    width: calc(100% - 15px);
    /*width: 90%;*/
    /*border-radius: 4px 0 0 4px;*/
}

.form-main-flex .form-row-with-fk:hover input
{
    /*background-color: #F0E68C;*/

    /*width: calc(100% - 25px);*/
    width: 80%;
    margin-right: 4px;
}

.form-row-with-fk:hover select 
{
    width: 98%;
    width: 80%;
    width: calc(100% - 10px);
}

.form-row-with-fk:hover .form-field-addon {
    display: table-cell;
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
    /*width: 5%;*/
} 

.form-main-flex .form-row-with-fk:hover .form-field-addon {
    display: table-cell;
    flex: 0 1 auto;
} 

.form-row-with-fk .form-field-addon > img {
    height: 11px;
    /*height: 14px;*/
}

.form-main .SelectedLabel
{
    background-color: rgba(150,150,150,0.2);

    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;

    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

    width: 100%;
}

.form-main-flex .form-col label.SelectedLabel,
.form-main-flex-free .form-col label.SelectedLabel
{
    background-color: rgba(150,150,150,0.2);

    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #555;

    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;   

    /*width: 100%;*/
    /*font-weight: bold;*/
}

.form-main-flex .form-col label.SelectedLabel.SelectedFull
{
    border-right: 1px solid #555;

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.form-main-flex-free .form-col label.SelectedLabel.right
{
    /*background-color: #efefef;*/

    border-top: 1px solid #555;
    border-left: none;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;

    border-top-left-radius: 0;
    border-bottom-left-radius: 0;   
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

    width: 70%;
}

.form-main-flex .form-col.SelectedLabelRight
{
    background-color: rgba(150,150,150,0.2);

    border-top: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;   

    padding-top: 0.2em;
    padding-bottom: 0.2em;

    width: 50px;
}

.form-main-flex .form-col label.SelectedLabelRight.SelectedLabel {
    background-color: rgba(150,150,150,0.2);

    border-top: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;   

    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;   

    padding-top: 0.2em;
    padding-bottom: 0.2em;

    width: auto;
}

.form-main-flex .form-col label.SelectedLabelBridge.SelectedLabel {
    background-color: rgba(150,150,150,0.2);

    border-top: 1px solid #555;
    border-right: none;
    border-bottom: 1px solid #555;

    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;   

    padding-top: 0.2em;
    padding-bottom: 0.2em;

    width: auto;
}

.form-main .form-col-big .SelectedLabel {
    background-color: rgba(150,150,150,0.2);

    border: 1px solid #555;
    border-radius: 4px;

    padding-top: 0.2em;
    padding-bottom: 0.2em;

    /*width: 100%;*/    
}

.form-main-flex .form-col-big label {
    padding: 0.2em;
}

.form-main-flex .form-col-big label.SelectedLabel
{
    background-color: rgba(150,150,150,0.2);

    border: 1px solid #555;
    border-radius: 4px;

}

/*.form-main-flex .form-col:first-of-type label.SelectedLabel*/
.form-main-flex .form-col:first-of-type label
{
    /*width: 100%;*/
}

/*.form-main-flex .form-col label.SelectedLabel*/
.form-main-flex:not(.form-header) .form-col label
{
    /*width: 100%;*/
    /*border-bottom: 1px dotted #555;*/
}

.form-main-flex.form-header .form-col .form-row.flex label {
    width: 100%;
}

/*.form-main-flex:not(.form-header) .form-col:nth-child(-n+2) {*/
.form-main-flex:not(.form-header) .form-col {
    /*text-align: right;*/
}

.form-main-flex:not(.form-header) .form-row.locks .form-col {
    text-align: left;
}

/*.form-main-flex:not(.form-header) .form-col:nth-child(3n) {*/
.form-main-flex:not(.form-header) .form-col:nth-child(-n+2) {
    text-align: left;
}

.form-main-flex:not(.form-header) .form-col:nth-child(-n+2).right {
    text-align: right;
}

/*.form-main-flex:not(.form-header) .form-col:nth-of-type(3n) label*/
.form-main-flex:not(.form-header) .form-col:nth-child(3n) label
{
    /*background-color: fuchsia;*/

    width: 90%;
    /*text-align: left;*/
}

/*.ErrorColor
{
    background-color: #B22222 !important;
    color: #FFFFFF !important;
}*/

/*.RequiredColor
{
    background-color: #F0E68C !important;
    color: #000000 !important;
}*/
/*input.FormelColor, select.FormelColor, textarea.FormelColor*/
.WebKeyFullLockColor
{
    border: #ff0000 1px solid !important;
    border-left: #ff0000 3px solid !important;
}

.WebKeyPartLockColor
{
    border: #ffff00 1px solid !important;
    border-left: #ffff00 3px solid !important;
}

.WebKeyAbschlussColor
{
    border: #cd5c5c 1px solid !important;
    border-left: #cd5c5c 3px solid !important;
}

input,
select,
textarea
{
    padding: 0.25em;
    border: 1px solid #bbb;
    border-radius: 4px;
    /*background-color: #fff;*/
    z-index: 10;
    /*font-size: 1.0em;*/
}

/*input:focus,
select:focus,
textarea:focus
{
    background-color: rgba(150,150,150,0.2);
}*/

.form-main-flex input:not([type=button]):not([type=checkbox]), 
.contentpanel input:not([type=button]):not([type=checkbox]) 
{
    /*background-color: #fff;*/
}

/*.form-main-flex input:not([type=button]):focus, 
.contentpanel input:not([type=button]):focus 
{
    background-color: rgba(150,150,150,0.2);
}*/

select {
    padding: 0.125em;
}

.content label.selected
{
    background-color: #efefef;

    border: 1px solid gray;
    border-radius: 4px;
}

.header label.selected {
    font-weight: bold;

    /*    background-color: #fff;
        padding-left: 4px;
        
        border: 1px dashed #333;
        border-radius: 4px;*/
}

input.RequiredColor, 
select.RequiredColor, 
textarea.RequiredColor, 
.form-col.editor .ql-container.RequiredColor .ql-editor,
.form-col-big.editor .ql-container.RequiredColor .ql-editor
{
    background-color: #ffffe0;
    color: #000000 !important;
    border: 1px solid #555;
}

input.NotifyColor, 
select.NotifyColor, 
textarea.NotifyColor, 
.form-col.editor .ql-container.NotifyColor .ql-editor,
.form-col-big.editor .ql-container.NotifyColor .ql-editor
{
    background-color: #cd5c5c;
    color: #000000 !important;
    border: 1px solid #555;
}

input.ErrorColor, 
select.ErrorColor, 
textarea.ErrorColor, 
.form-col.editor .ql-container.ErrorColor .ql-editor,
.form-col-big.editor .ql-container.ErrorColor .ql-editor
{
    color: #000 !important;
    border-bottom: 6px solid #ff6961;
}

input.FormelColor,
select.FormelColor,
textarea.FormelColor, 
.form-col.editor .ql-container.FormelColor .ql-editor,
.form-col-big.editor .ql-container.FormelColor .ql-editor
{
    background-color: #90EE90;
    color: #000000 !important;
}


input.XOFColor,
select.XOFColor,
textarea.XOFColor,
.form-col.editor .ql-container.XOFColor .ql-editor,
.form-col-big.editor .ql-container.XOFColor .ql-editor
{
    background-color: #F4A460;
    color: #000000 !important;
    border: 1px solid #555;
}

input[disabled],
input.ReadonlyColor, 
select.ReadonlyColor, 
select[disabled],
textarea.ReadonlyColor,
textarea[disabled], 
.form-col.editor .ql-container.ReadonlyColor .ql-editor,
.form-col-big.editor .ql-container.ReadonlyColor .ql-editor
{
    background-color: #efefef !important;
    /*color: #777 !important;*/
    color: #000000 !important;
    border: 1px solid #555;
}

input.RightsColor,
select.RightsColor,
textarea.RightsColor, 
.form-col.editor .ql-container.RightsColor .ql-editor,
.form-col-big.editor .ql-container.RightsColor .ql-editor
{
    background-color: #d8bfd8 !important;
    color: #000000 !important;
    border: 1px solid #555;
    /*width: 300px;*/
}

/*input:focus {
    border-color: #267dff;
    border-color: #555;
    box-shadow: 3px 3px 3px #267dff;
}*/

/* styles for header */

.header .form-row > div.form-col-1.label {
    /*background-color: olive;*/
    width: 100px;
}

.header .form-row > div.form-field {
    /*background-color: olive;*/
    width: 210px;
}


/*
.form-row {
    
}
*/



/* links */
a {
    color: #000;
}

a:hover {
    color: #000;
}

/*
* utility classes
*/

.strong {
    font-weight: 700;
}

.fleft {
    float: left;
}

/*http://stackoverflow.com/questions/12114966/how-to-right-align-form-input-boxes*/
.input-align-right {
    float: right;
    clear: both;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.col_quarter {
    width: 25%;
}

.col_third {
    width: 33%;
}

.col_half {
    width: 50%;
}

.col_three_quarter {
    width: 74%;
}

.full_width, 
.full-width 
{
    width: 100%;
}

.clearfix {
    clear: both;
}


/**
 * http://nicolasgallagher.com/micro-clearfix-hack/
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}


.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}


.wp90 {
    width: 90%;
}

.wp100 {
    width: 100%;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.wdatefield {
    width: 86px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w230 {
    width: 230px;
}

.w240 {
    width: 240px;
}

.w250 {
    width: 250px;
}

.w280 {
    width: 280px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w450 {
    width: 450px;
}

.w470 {
    width: 470px;
}

.w500 {
    width: 500px;
}

.w550 {
    width: 550px;
}

.w600 {
    width: 600px;
}

.w650 {
    width: 650px;
}


/*
*
*/
div.menu div.menu_main {
    display: none;
}

div.menu div.menu_addin {

    z-index: 10;
    position: absolute;
    top: 58px;

    left: -355px;

    /*width: 0px;*/
    width: 350px;

    /*height: 700px;*/
    height: 94%;

    /*opacity: 0.6;*/

    overflow-x: hidden;

    /*background-color: #c3e0f5;*/
    /*background-color: gold;*/
    /*background-color: lemonchiffon;*/
    background-color: #fff;

    transition: ease-out 0.5s;

    border-top: 2px solid #777;
    border-right: 2px solid #777;
    border-bottom: 2px solid #777;

    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;

}


/*http://callmenick.com/post/slide-and-push-menus-with-css3-transitions*/

/**
 * Mask component
 */

.c-mask {
    position: fixed;
    z-index: 50;
    top: 56px;
    top: 64px;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.c-mask.is-active {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    transition: opacity 0.3s;
}

div.menu div.menu_addin_show
{
    /*display: block;*/

    left: 0px;
    /*width: 300px;*/

    transition: ease 0.5s;
}

div.menu div.menu-view
{
    z-index: 100;
    position: fixed;
    top: 60px;

    left: -360px;

    width: 350px;

    /*height: 700px;*/
    height: 94%;

    overflow-x: hidden;
    background-color: #fff;

    transition: ease-out 0.5s;

    border-top: 2px solid #777;
    border-right: 2px solid #777;
    border-bottom: 2px solid #777;

    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#Container_Record_Navigator div.toolbar > div.toolbar-view
{
    z-index: 100;
    position: relative;
    
    height: 0;

    overflow-y: hidden;
    
    width: 525px;

    /*background-color: #fff;*/
    
    transition: ease-out 0.5s;
}

#Container_Record_Navigator div.toolbar a.menu_close {
    float: none;
    padding: 0;
}

#Container_Record_Navigator div.toolbar ul select.record_field
{
    height: 30px;
}

#Container_Record_Navigator div.toolbar.toolbar-show {
    border-top: 1px solid #777;
}

#Container_Record_Navigator div.toolbar.toolbar-show div.toolbar-view
{
    height: 45px;
    transition: ease 0.5s;    
}

#Container_Liste_Actions div.menu div.menu-view 
{
    position: fixed;
    top: 180px;
    height: 60%;
}

div.menu div.menu-show 
{
    left: 0px;
    transition: ease 0.5s;    
}

div.menu div.menu-view.menu-liste 
{
    top: 380px;
    min-height: 350px;
}

div.menu div.menu_addin_list_view {
    /*display: none;*/

    /*    z-index: 10;
        position: absolute;
        top: 56px;
    
        left: -350px;
        
        width: 350px;
        
        height: 94%;
        
        overflow-x: hidden;
        background-color: #c3e0f5;
        background-color: #fff;
        
        transition: ease-out 0.5s;
        
        border-top: 2px solid #777;
        border-right: 2px solid #777;
        border-bottom: 2px solid #777;
    
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;*/
}

div.menu div.menu_addin_list_view_show
{
    left: 0px;
    /*width: 350px;*/
    /*display: block;*/

    transition: ease 0.5s;
}

div.menu div.menu_addin div.headline 
{

}

div.menu div.menu_addin h4, 
div.menu div.menu_addin_list_view h4 
{
    border-bottom: 1px solid #444;
    background-color: #efefef;

    margin-top: 0;

    padding: 10px;
    padding-left: 10px;
    /*font-weight: bold;*/
}

/*http://stackoverflow.com/questions/10019797/pure-css-close-button*/
a.menu_close, 
a.addin-notes-close,
a.addin-search-close 
{
    float:right;
    margin-top:-28px;


    cursor:pointer;
    /*color: #fff;*/
    /*border: 1px solid #AEAEAE;*/
    /*border-radius: 30px;*/
    /*background: #605F61;*/
    /*font-size: 31px;*/
    /*font-weight: bold;*/
    display: inline-block;
    /*line-height: 0px;*/
    /*padding: 11px 3px;*/       
    padding-right: 8px;       
}


.desktop {
    width: 100%;
    /*min-width: 1000px;*/
}

/*Layout Top*/
.desktop .layout_top {
    /*width: inherit;*/
    margin-right: 1px;

    z-index: 10;

    /*    position: fixed;
        top: 0px;
        left: 0px;
        height: 50px;    */
}

/* Toolbar */
.desktop .layout_top .toolbar {

    padding-right: 5px;

    /*background-color: #d3e1d9;*/    
    /*height: 40px;*/
    /*height: 50px;*/
    /*height: 64px;*/
    /*height: 50px;*/

    /*padding: 0.6em;*/
    padding-top: 0.6em;
    padding-bottom: 0.6em;

    vertical-align: middle;

    /*border: 1px solid #efefef;*/
    /*border-radius: 4px;*/
    /*border-color: #555;*/
}

/*Messagebox*/
.messagebox {
    padding: 0.6em;
    margin-right: 1px;
    margin-bottom: 4px;
    background-color: #ffffe0;
    /*height: 80px;*/
    border: 1px solid #333;
    border-radius: 4px;
}

/* Header */
#Container_Header {
    background-color: transparent;
}

#Container_Header .header {
    font-size: 1.2em;

    /*height: 54px;*/
    /*height: 64px;*/

    /*width: 99%;*/
    margin-right: 6px;
    margin-bottom: 14px;

    padding: 0.6em;
    vertical-align: middle;

    /*background-color: #efefef;*/

    /*border-left: 1px solid #555;*/

    border-top: 1px solid #555;
    /*border-top: 4px solid #555;*/

    border-bottom: 1px solid #555;
    /*border-bottom: 1px solid #dfdfdf;*/

	/* Rahmen von Schaltflächen */
    /*box-shadow: 4px 4px 4px #555;*/

    /*border-radius: 4px;*/
	
	/* Farbhintergrund Header
    /*background-color: rgba(150,150,150,0.6);*/
}

.desktop .layout_top .search-profiles {
    height: 54px;
    background-color: #fff;
    width: 100%;
    width: 99%;
    padding: 0.6em;
    vertical-align: middle;

    margin-top: 10px;
    margin-bottom: 10px;

    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    /*border-radius: 4px;*/
    border-color: #444;
}


/*Search*/ 
#addin-search-results {
    position: fixed;
    background-color: #fff;
    z-index: 20;

    width: 98.5%;

    overflow-y: auto;

    border: 2px solid gray;
    border-radius: 4px;
    box-shadow: 8px 8px 4px #555;
}


#addin-search-results h2 {
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    /*background-color: #cfcfcf;*/
    border-bottom: 1px solid #555;
}

ul.search-profiles-list {
    padding-left: 0;
    border: none;
    list-style-type: none;
}

ul.search-profiles-list li {
    float: left;
    /*width: 160px;*/
}

ul.search-profiles-list li a {
    width: 260px;
    margin-right: 6px;
}


/*.desktop .toolbar {
    background-color: lightblue;    
    width: 100%;
    border: 1px solid #efefef;
    border-radius: 4px;
    border-color: #555;
}*/


/* Desktop toolbar menu */
.desktop .toolbar .toolbar-menu {
    margin-left: 4px;
    /*line-height: 4.0em;*/
    /*height: 2.0em;*/
    /*height: 60px;*/
}

.desktop .toolbar .toolbar-menu ul,
.desktop .toolbar .toolbar-actions ul 
{
    padding-left: 0;
    list-style-type: none;
}


.desktop .toolbar .toolbar-menu ul li, 
.desktop .toolbar .dashboard-menu ul li 
{
    float: left;
    /*margin-left: 12px;*/
    margin-right: 12px;
}

.desktop .toolbar .toolbar-actions ul li {
    float: left;
    /*margin-right: 12px;*/
}

.desktop .toolbar .toolbar-menu ul li a, 
.desktop .toolbar .dashboard-menu ul li a 
{
    display: block;
	/* Rahmen von Schaltflächen */
    /* border: 1px solid #555; 
    border-radius: 4px;
    box-shadow: 2px 2px 2px #555;*/

    /*transform: rotate(8deg);*/

    height: 25px;
    width: 25px;

    padding: 6px;
}

.desktop .toolbar .toolbar-menu ul li a:hover 
{
    /*background-color: #efefef;*/
}

.desktop .toolbar .toolbar-menu ul li a.disabled, 
.desktop .toolbar .dashboard-menu ul li a.disabled
{
    opacity: 0.5;
    cursor: not-allowed;
}

.desktop .toolbar .toolbar-menu ul li a:hover:not(.disabled), 
.desktop .toolbar .toolbar-menu ul li a.pressed:not(.disabled), 
.desktop .toolbar .dashboard-menu ul li a:hover:not(.disabled),
.desktop .toolbar .dashboard-menu ul li a.pressed:not(.disabled)
{
    padding: 5px;
    border: 1px solid #999;
    background-color: rgba(150,150,150,0.2);
}

.desktop .toolbar .toolbar-menu ul li a.pressed img, 
.desktop .toolbar .dashboard-menu ul li a.pressed img 
{
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
    width: 24px;
    height: 24px;
}

.desktop .toolbar .toolbar-menu ul li a img, 
.desktop .toolbar .dashboard-menu ul li a img 
{
    padding: 0px;
    height: 24px;
    /*-webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));*/ 
    /*filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.5));*/
}




/* Desktop toolbar actions */
.desktop .toolbar .toolbar-actionsx ul li a
{
    display: block;
    border: 1px solid #555;
    border-radius: 4px;
    box-shadow: 4px 4px 4px #555;

    height: 25px;
    line-height: 2.0em;

    min-width: 150px;

    padding: 0.4em 0.4em 0 0.4em;
    padding: 0.4em;
}

.desktop .toolbar .toolbar-actions ul li > button {
    background-color: transparent;
    border: 0 none;

    margin-left: 12px;

    padding-left: 0;
    padding-right: 0;

    cursor: pointer;

    font-size: 1.15em;

    /*width: 150px;*/
    /*height: 40px;*/

    /*    border: 1px solid #555;
        border-radius: 4px;*/
}


.desktop .toolbar .toolbar-actions ul li > button > span > span {
    background       : rgba(150,150,150,0.2);
    /*    background: #2980b9;
        background: #3cb0fd;*/

    /*background-image : linear-gradient(rgb(224,224,224),rgb(192,192,192) 50%,rgb(160,160,160) 50%,rgb(192,192,192));*/
    /*background-image : -moz-linear-gradient(top, #3498db, #2980b9);*/
    /*background-image : -moz-linear-gradient(top, #3cb0fd, #2980b9);*/
    /*background-image : linear-gradient(to bottom, #3498db, #2980b9);*/

    /*background-image : linear-gradient(to bottom, lightblue, lightskyblue);*/

    border: 1px solid #555;
    border-radius: 4px;
    border-radius: 20px;

    box-shadow: 4px 4px 4px #555;

    width: 150px;
    height: 35px;
    line-height: 35px;

    display: block;
}

.desktop .toolbar .toolbar-actions ul li > button.icon-only > span > span {
    width: 34px;
}

.desktop .toolbar .toolbar-actions ul li > button.icon-only > span > span > img {
    width: 22px;
    margin-left: 6px;
    margin-right: 2px;
    padding-top: 4px;
}

.desktop .toolbar .toolbar-actions ul li > button.active > span > span {
    font-weight: 700;
}

.desktop .toolbar .toolbar-actions ul li > button:hover > span > span {
    /* font-weight: 700; */
}

.desktop .toolbar .toolbar-actions ul li > button > span > span > span {
    vertical-align: top;
}

.desktop .toolbar .toolbar-actions ul li > button > span > span > img {
    height: 24px;
    padding-top: 6px;
    margin-right: 5px;
}

.desktop .toolbar .toolbar-actions ul li > button > span {

    /*    background       : rgb(192,192,192);
        background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(160,160,160));
        background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(160,160,160));
        background-image :      -o-linear-gradient(rgb(224,224,224),rgb(160,160,160));
        background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(160,160,160));
        background-image :         linear-gradient(rgb(224,224,224),rgb(160,160,160));
        background-image : linear-gradient(rgb(224,224,224),rgb(192,192,192) 50%,rgb(160,160,160) 50%,rgb(192,192,192));*/


    /*padding     : 0 8px;*/
    /*line-height : 24px;*/    
}


.toolbar-actions .addin-action-show-notes {

}

/* Content */
#content {
    z-index: 1;
}

.desktop .content .data {
    /*margin-top: 150px;*/

    /*min-height: 1600px;*/
    /*background-color: #CCDCF0;*/
    /*width: 100%;*/
    margin-right: 1px;

    /*padding: 0.6em;*/
    vertical-align: middle;
    /*border: 1px solid #efefef;*/
    border-radius: 4px;
    border-color: #555;
}



.container-ul {
    height: 250px;
    /*height: 100%;*/
    /*overflow: hidden;*/
}

#accordion-list-view {    
}

.menu_addin ul.my-information,
.menu_addin ul.my-report-information,
.menu_addin_list_view ul.my-information,
#accordion-list-view > ul.my-information,
.menu .ui-accordion .ui-accordion-content
{
    /*overflow: auto;*/
    /*height: 250px;*/

    margin-left: 0;
    padding-left: 0;
    /*padding-right: 20px;*/

    list-style-type: none;
    min-height: 1.5em;
}

/*.ui-helper-reset {
    font-size: 100%;
    line-height: 1.1;
    list-style: outside none none;
}*/

.menu .ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.0em !important;
}

ul.my-information {
}

ul.my-information li:first-of-type a {
    /*border-top: 1px solid #777;*/
}

ul.my-information li {
    /*border-bottom: 1px solid #777;*/
    width: 100%;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden;
}

ul.my-information li div.menu-separator {
    width: 100%;
    border-bottom: 1px dashed #444;
}

ul.my-information li div.action {
    /*vertical-align: middle;*/
    padding-top: 5px;
    padding-right: 8px;
    text-align: right;
    /*width: 40px;*/
}

ul.my-information li > a {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden;

    display: block;
    width: 270px;
    float: left;

    padding-top: 5px;
    padding-bottom: 5px;

    padding-left: 8px;  
    text-decoration: none;
}

ul.my-information li > a.icon {
    /*display: none;*/
    width: 20px;
}

ul.my-information li > a.titel {
}

.menu-report ul.my-information li > a {
    text-overflow: clip !important;
    white-space: pre-wrap;

    padding-top: 5px;
    padding-bottom: 5px;

    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
}

ul.my-information li > a.disabled {
    cursor: not-allowed;
    opacity: 0.5;
    /*font-weight: normal !important;*/
}

ul.my-information li > a:hover {
    /*border-left: 1px solid #777;*/
    /*border-right: 1px solid #777;*/
    /*background-color: lightblue;*/

    background-color: #efefef;

    padding-left: 8px;
}

ul.my-information li > a:active,
ul.my-information li > a.active 
{
    /*border-left: 1px solid #777;*/
    /*border-right: 1px solid #777;*/
    background-color: #efefef;

    box-shadow: 2px 2px 2px #555;
    padding-left: 8px;

    margin-right: 4px;
}

ul.my-information li.myfunction_submenu {
}

ul.my-information li.myfunction_submenu ul, 
ul.my-information li.myfunction_submenu ul 
{
    width: 100%;
    padding-left: 25px;
}

ul.my-information ul li > a {
    width: 280px;
}

li.myfunction_submenu ul li > a {
    width: 255px;
}

ul.my-report-information {
    margin-top: 8px;
}

ul.my-report-information li {
    padding-bottom: 5px;
}

ul.my-report-information li > a {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden;

    display: block;
    width: 150px;
    float: left;

    padding-top: 5px;
    padding-bottom: 5px;

    padding-left: 8px;  
    text-decoration: none;
}

ul.my-report-information li:hover {
    /*    border-top: 1px solid #777;
        border-bottom: 1px solid #777;*/
    background-color: #efefef;
}

div.menu div.menu-view.report_print_layerx
{
    width: 300px;
}

ul.my-report-information li div.action {
    text-align: right;
    margin-left: 8px;
    padding-right: 8px;
}

table.table-pos {

}

table.table-pos > tbody > tr > td:nth-last-child(2),
table.table-pos > tbody > tr > td:last-of-type, 
table.table-pos > tfoot > tr > td:nth-last-child(2),
table.table-pos > tfoot > tr > td:last-of-type 
{
    text-align: right;
}

table.table-pos > tfoot {
    background-color: #efefef;
    border-top: 1px solid #000 !important;
    border-bottom: 2px solid #000 !important;
}

/*table.table-tree {
    
}*/

.table.table-tree > tbody > tr.root-pos > td {
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
}

table.table-tree tbody tr.root-pos > td:first-of-type {
    font-weight: 700;
}

/* action(s) for an addin */
body.addin-data-modified a.addin-action-save.addin-data-modified {
    font-weight: 700;
    border: 1px solid #555;
}


.record-actions ul {
    float: right;
    margin: auto;
    padding-left: 0.8em;
    list-style-type: none;
}

.record-actions ul li {
    float: left;
    margin-right: 10px;
}

.record-actions ul li a {
    display: block;
    border: 1px solid #555;
    border-radius: 4px;
    box-shadow: 4px 4px 4px #555;

    /*transform: rotate(8deg);*/

    height: 16px;
    width: 16px;

    padding: 0.4em;
}

.record-actions ul li a img {
    /*height: 25px;*/
    padding: 0;
}

.list-group {
    margin-top: 1.4em;
    margin-bottom: 1.4em;

    border: 1px solid #dfdfdf;
    border-radius: 10px;
}

div.list-group a {
    border-bottom: 1px solid #dfdfdf;
    padding: 8px;
    text-decoration: none;
}

div.list-group a.active, 
ul.list-group li.active 
{
    background-color: #cfcfcf;
    font-weight: bold;
    color: #333;
}

div.list-group a:hover {
    background-color: #efefef;
}

.list-group a:first-of-type {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.list-group a:last-of-type {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: none;
}

ul.list-group {
    padding-left: 0;
}

ul.list-group > li {
    list-style-type: none;
    border-bottom: 1px solid #dfdfdf;
}


ul.list-group li:hover {
    background-color: #efefef;
}


.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-container.centerall {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;      
}

.flex-container.row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-container.column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.menu-icon {
    -webkit-flex: 1 1 40px;
    -ms-flex: 0 1 40px;
    flex: 0 1 40px;
}

.menu-icon:first-of-type {
    padding-left: 0.2em;
}

.menu-text {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.fsize-1-0em {
    font-size: 1.0em;
}

.fsize-1-2em {
    font-size: 1.2em;
}

.fsize-small {
    font-size: 0.9em;
}

.fsize-medium {
    font-size: 1.0em;
}

.fsize-large {
    font-size: 1.2em;
}

/* Layer */ 
.Layer
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}

.Layer.LevelA { 
    z-index: 5000;
}
.Layer.LevelB { 
    z-index: 4900; 
}
.Layer.LevelSearch
{ 
    z-index: 4850; 
} 
.Layer.LevelC { 
    z-index: 4800; 
} 
.Layer.LevelD { 
    z-index: 4700; 
} 
.Layer.LevelE { 
    z-index: 4600; 
}
.Layer.LevelF { 
    z-index: 4500; 
}
.Layer.LevelG { 
    z-index: 4400; 
}
.Layer.LevelH { 
    z-index: 4300; 
}
.Layer.LevelI { 
    z-index: 4200; 
}
.Layer.LevelJ { 
    z-index: 4100; 
}
.Layer.LevelK { 
    z-index: 4000; 
}
.Layer.LevelL { 
    z-index: 3900; 
}
.Layer.LevelM { 
    z-index: 3800; 
}
.Layer.LevelN { 
    z-index: 3700; 
}
.Layer.LevelO { 
    z-index: 3600; 
}
.Layer.LevelP { 
    z-index: 3500; 
}
.Layer.LevelQ { 
    z-index: 3400; 
}
.Layer.LevelR { 
    z-index: 3300; 
}
.Layer.LevelS { 
    z-index: 3200; 
}
.Layer.LevelT { 
    z-index: 3100; 
}
.Layer.LevelU { 
    z-index: 3000; 
}
.Layer.LevelV { 
    z-index: 2900; 
}
.Layer.LevelW { 
    z-index: 2800; 
}
.Layer.LevelX { 
    z-index: 2700; 
}
.Layer.LevelY { 
    z-index: 2600; 
}
.Layer.LevelZ { 
    z-index: 2500; 
}
.Layer.LevelLockScreen { 
    z-index: 2400; 
}

.Bold
{
    font-weight: bold;
}

.DefaultButton
{
    font-weight: bold;
}

.ListColumnLeft
{
    text-align: left;
    vertical-align: top;
}

.ListColumnCenter
{
    text-align: center;
    vertical-align: top;
}

.ListColumnRight
{
    text-align: right;
    vertical-align: top;
}
.ColumnLabel
{
    font-weight: bold;
}

.spinner {
    display: block;
    position: fixed;
    top: 0;
    left: 0;

    z-index: 50;
    height: 100%;
    width: 100%;
    /*opacity: 0.7;*/
    /*background-color: #000;*/
    background-color: transparent;
}

.spinner-liste {
    z-index: 50;
    background-color: rgba(239, 239, 239, 0.5);
}

.spinner-noposition {
    display: block;
    position: fixed;

    z-index: 50;
    height: 100%;
    width: 90%;
    /*opacity: 0.7;*/
    /*background-color: #000;*/
    background-color: rgba(239, 239, 239, 1)
}

.spinner-inner {
    height: 100%;
}

.spinner-inner > div {
    /*background-color: #fff; */
    background-color: orange;
    padding: 12px 14px;
    border-radius: 8px;
}

.spinner img.image {
}

.spinner .content .spinner-frame {
    width: 100%;
    height: 400px;
}

.SelectedLabel
{
    background-color: rgba(150,150,150,0.2);
}

#layer-iframe, 
#layer-text 
{
    position: fixed;
    top: 0px;
    z-index: 999;
    background-color: #dfdfdf;
}

.layer-iframe-inner, 
.layer-text-inner 
{
    margin-top: 2.0rem;
    margin-bottom: 2.0rem;
    width: 96%;
    height: 96%;
    background-color: #fff;    
}

.shadow-small {
    box-shadow: 2px 2px 2px #555;
}

.shadow-normal {
    box-shadow: 4px 4px 4px #555;
}

.WebInfoSign
{
    background-color: #666 !important;
    color: #fff !important;
	font-weight: bold !important;
}

.form-col.editor textarea, 
.form-col-big.editor textarea 
{
    width: 100%;
}

.form-col.editor .ql-editor, 
.form-col-big.editor .ql-editor 
{
    padding: 0.25rem;
}

.form-col.editor .ql-container,
.form-col-big.editor .ql-container,
.form-col.editor textarea.fieldtyp_editor, 
.form-col.editor textarea, 
.form-col-big.editor textarea 
{
    height: 250px;
    background-color: #fff;
}

.form-col.editor .ql-container, 
.form-col-big.editor .ql-container 
{
    font-family: inherit;
    font-weight: normal;
}

.form-main-flex .form-col.editor .ql-container ul li
{
    padding-left: 0rem;
    padding-right: 0rem;
    float:none;
}

.form-col.editor .ql-container strong,
.form-col-big.editor .ql-container strong
{
	font-weight: bold;
}

.form-main-flex .form-col.editor .ql-container em,
.form-main-flex .form-col-big.editor .ql-container em
{
	font-style: italic;
}

.transparent-background {
    background-color: rgba(150,150,150,0.6);
}

.form-main-flex .form-col.form-col-with-combo
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0; /* 1 */
    min-height: 0; /* 1 */
}

.form-main-flex .form-element-with-combo select 
{
    flex: 1 0;
}

/* .form-main-flex .form-element-with-combo:hover select */ 
.form-main-flex .form-element-with-combo:hover .form-element-with-combo-actions,
.form-main-flex .form-element-with-combo.hasFocus .form-element-with-combo-actions,
.form-main-flex .form-element-with-combo.show .form-element-with-combo-actions
{
    display: flex;
}

.form-main-flex .form-element-with-combo .form-element-with-combo-actions .simple-button img {
    height: 11px;
}

#connection-status-info-dialog {
    position: absolute; 
    top: 0px; 
    background: rgb(230, 230, 230); 
    background: rgba(230, 230, 230, 0.3);    
}

#connection-status-info-dialog-abort {
    position: absolute; 
    top: 0px; 
    background: rgb(230, 230, 230); 
    background: rgba(230, 230, 230, 0.3);    
}
.button
{
	cursor: pointer;
}

.fullscreenlock {
	pointer-events: none;
}