.vAutocomplete_popup {
        position: absolute;
        max-height: 200px;
        border: 1px solid #d0d0d0;
        background-color: #ffffff;
        padding: 8px;
        z-index: 100000;
        overflow: hidden;
        overflow-y: scroll;
    }
    .vAutocomplete_item > div {
        padding: 4px;
    }
    .vAutocomplete_item:hover {
        background-color: rgba( 0, 0, 0, 0.05 );
    }
    .vAutocomplete_item.selected {
        background-color: #043f5e;
        color: #ffffff;
    }
    .vAutocomplete_moneyinput {
        text-align: right;
    }
    .vAvatar_groupmonogram {
        display:flex;
        align-items:center;
        justify-content:center;
        color:#ffffff;
        background-color: #d0d0d0;
    }
    
    .vAvatar_usermonogram {
        display:flex;
        align-items:center;
        justify-content:center;
        background-color:#e0e0e0;
        color:#ffffff;
    }
    
    .vAvatar_usertype_LOCAL {
        background-color:#808080;
    }

    .vAvatar_usertype_EXT {
        background-color:#a0c080;
    }

    .vAvatar_usertype_DELETED {
        background-color: transparent;
        border: 2px solid #d0d0d0;
        border-radius: 50%;
        color: #d0d0d0;
    }

    .vAvatar_grouptype_PRIV {
        background-color:#803080;        
    }
    
    .vAvatar_grouptype_GROUP {
        background-color:#308080;        
    }

    .vAvatar_grouptype_FGROUP {
        background-color:#a0c080;        
    }

    .vgrtbanner {
        padding: 1em;
        text-align: center;
    }
    
    .vgrtbanner.color-red       { color: $status-fg-red;   background-color: $status-bg-red; }
    .vgrtbanner.color-red.blink { color: $status-fg-red;   background-color: darker($status-bg-red, 0.5); }

    .vgrtbanner.color-yellow       { color: $status-fg-yellow;   background-color: $status-bg-yellow; }
    .vgrtbanner.color-yellow.blink { color: $status-fg-yellow;   background-color: darken($status-bg-yellow, 8); }
    
    .vgrtbanner.color-green       { color: $status-fg-green;   background-color: $status-bg-green; }
    .vgrtbanner.color-green.blink { color: $status-fg-green;   background-color: darken($status-bg-green, 8); }

    .vgrtbanner.color-blue       { color: $status-fg-blue;   background-color: $status-bg-blue; }
    .vgrtbanner.color-blue.blink { color: $status-fg-blue;   background-color: darken($status-bg-blue, 8); }

    .vgrtbanner.color-purple       { color: $status-fg-purple;   background-color: $status-bg-purple; }
    .vgrtbanner.color-purple.blink { color: $status-fg-purple;   background-color: darken($status-bg-purple, 8); }

    .vgrtbanner.color-grey       { color: $status-fg-grey;   background-color: $status-bg-grey; }
    .vgrtbanner.color-grey.blink { color: $status-fg-grey;   background-color: darken($status-bg-grey, 8); }

    .vgrtbanner.color-darkgrey       { color: $status-fg-darkgrey;   background-color: $status-bg-darkgrey; }
    .vgrtbanner.color-darkgrey.blink { color: $status-fg-darkgrey;   background-color: darken($status-bg-darkgrey, 8); }

    .vCalendar_container {
        display: flex;
        flex-flow: row wrap;
        align-items: stretch;
        padding-right:1px;
    }
    .vCalendar_day {
        height: 32px;
        flex-basis: 1px;
        flex-grow: 1;
        flex-shrink: 1;
        text-align:center;
        border:1px solid #d0d0d0;
        margin-right:-1px;
        margin-bottom:-1px;
        user-select: no;
        cursor: pointer;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }
    .vCalendar_lastDay {
        flex-break:after;
    }
    .vCalendar_empty {
        border:0px solid #d0d0d0;
        margin-right:0px;
    }
    .vCalendar_selected {
        color: #ffffff;
        background-color: #404040;
    }
    .vCalendar_break {
        flex-basis:100%;
    }
    .vCalendar_titleLine {
        border: 1px solid #d0d0d0;
        margin-bottom: 2px;
        display: flex;
        align-content: stretch;
        align-items: stretch;
    }
    .vCalendar_title {
        text-align: center;
        padding: 4px;
        font-weight: bold;
        text-transform: uppercase;
        flex-grow: 1;
        overflow: hidden;
        cursor: pointer;
    }
    .vCalendar_titlebtn {
        padding: 4px;
        width: 2em;
        text-align: center;
        flex-shrink: 0;
        cursor: pointer;
        display:flex;
        flex-flow: column;
        justify-content: center;
    }
    .vCalendar_titlebtn.left {
        border-right: 1px solid #d0d0d0;
    }
    .vCalendar_titlebtn.right {
        border-left: 1px solid #d0d0d0;
    }
    .vCalendar_yearSelector {
        display: flex;
        flex-flow: row nowrap;
        width:100%;
        justify-content: space-between;
        margin-bottom: 1rem;
    }
    .vCalendar_yearBtn {
        padding: 4px;
        border: 1px solid #d0d0d0;
        flex-shrink: 1;
        flex-grow: 0;
        text-align: center;
        cursor: pointer;
    }
    .vCalendar_monthSelector {
        display: flex;
        flex-flow: row wrap;
        width:100%;
        justify-content: space-between;
    }
    .vCalendar_monthBtn {
        flex-basis: 33%;
        text-align: center;
        padding: 4px;
        cursor: pointer;
    }
    .vContextMenuContainer {
        position:fixed;
        left:0px;
        top:0px;
        padding:0.25em;
        background-color:#ffffff;
        border:1px solid #d0d0d0;
        z-index:100000;
        color: #000000;
        font-weight: normal;
        font-style: normal;
        max-height: 80vh;
        max-width: 33vw;
        overflow-y: auto;
        display: flex;
        flex-flow: column;
        align-content: stretch;
    }
    .vContextMenuItem {
        display: flex;
        padding: 1em;
        align-items: center;
        align-content: flex-start;
        cursor: pointer;
        color: #000000;
    }
    
    .vContextMenuItem:hover {
        background-color: #f0f0f0;
    }
    
    .vContextMenuItem > div:nth-child(1) {
        margin-right: 0.5em;
        width:1.25em;
        height:1.25em;
        flex-shrink: 0;
        flex-grow: 0;
    }
    
    .vContextMenuItem img {
        border: 0px;
    }
    
    .vContextMenuItem a {
        text-decoration: none;
        color: #000000;
    }
    
    .vContextSubMenuItem {
        display: flex;
        align-items: center;
        align-content: flex-start;
        cursor: pointer;
        color: #000000;
    }
    
    .vContextSubMenuItem:hover {
        background-color: #f0f0f0;
    }
    
    .vContextSubMenuItem > div:nth-child(1) {
        margin-right: 0.5em;
        width:1.25em;
        height:1.25em;
    }
    
    .vContextSubMenuItem img {
        border: 0px;
    }
    
    .vContextSubMenuItem a {
        text-decoration: none;
        color: #000000;
    }
    
    .filedrop {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px;
        text-align:center;
        border: 1px dashed #d0d0d0;
        color: #002040;
        text-transform: uppercase;
        transition: 0.2s;
        overflow: hidden;
        font-size: 0.825rem;
    }

    .filedrop-button {
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align:center;
        text-transform: uppercase;
        transition: 0.2s;
        overflow: hidden;
        height:100%;
    }
    
    
    .fileitem {
        padding:4px;
        background-color:#f0f0f0;
        border-radius:3px;
        border: 1px solid #d0d0d0;
        margin-right: 0.25em;
        margin-bottom: 0.25em;
        font-size: 0.75rem;
        display: flex;
    }
    
    .dragTargetHover {
        background-color: rgba( 0, 0, 0, 0.1 );
        transition: 0.2s;
    }
    
    .fade-enter-active, .fade-leave-active {
      transition: opacity .5s;
    }
    .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
      opacity: 0;
    }
    
    .vselectadd_popup {
        position: fixed;
        max-height: 200px;
        border: 1px solid #d0d0d0;
        background-color: #ffffff;
        color: #000000;
        font-weight: normal;
        padding: 8px;
        z-index: 100000;
        overflow: hidden;
        overflow-y: scroll;
    }
    .vSelectAdd_item > div {
        padding: 4px;
    }
    .vSelectAdd_item:hover {
        background-color: rgba( 0, 0, 0, 0.05 );
    }
    .vSelectAdd_item.selected {
        background-color: $bgcolor-selected;
        color: $fgcolor-selected;
    }
    .vSelectAdd_input {
        border: 1px solid $bordercolor-dialoginput;
        background-color: $bgcolor-dialoginput;
        color: $fgcolor-dialoginput;
    }
    
    .vGrtTooltipWindow {
        position: fixed;
        left: 0px;
        top: 0px;
        padding: 0.5em;
        border: 1px solid #d0d0d0;
        border-radius: 0.25em;
        background-color: #ffffff;
        z-index: 10000;
        color: #000000;
        font-style: normal;
        font-weight: normal;
        font-size: 1em;
    }
    
    .grtVirtualList {
        display: flex;
        flex-flow: column;
    }
    
    .gvl.listcontainer {
        overflow: hidden;
        overflow-y: scroll;
        position: relative !important;
        flex-grow: 1; 
        flex-shrink: 1;
    }
    
    .gvl.header {
        overflow: hidden;
        background-color: #f0f0f0;
        flex-shrink: 0;
        flex-grow: 0;
    }
    
    .gvl.message {
        text-align:center;
        font-size: 1.5em;
        color: #d0d0d0;
        padding: 3em;
    }
    .vdateinput_popup {
        position: fixed;
        max-height: 200px;
        width:240px;
        border: 1px solid #d0d0d0;
        background-color: #ffffff;
        padding: 8px;
        z-index: 100000;
        overflow: hidden;
    }
    .vEntityListBox_container {
        overflow:scroll;
        overflow-x:hidden;
        border:1px solid #d0d0d0;
        margin-bottom:0.5rem;
    }
    
    .vEntityListBox_container > div:hover {
        background-color: rgba( 0, 0, 0, 0.05 );
        transition: 0.1s;
    }

    .vEntityListBox_container > div > div {
        margin-right: 0.5em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .uworks_charge .sortable {
        background-color: #2080a0;
        cursor: pointer;
    }
    
    .uworks_charge {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: top;
        padding: 0em;
        height: 48px;
    }
    
    .uworks_charge.line:hover {
        background-color: #f8f8f8;
    }

    .uworks_charge.plan {
        color: #a0a0a0;
    }

    .uworks_charge.intact {
        font-style: italic;
    }

    .uworks_charge.payed {
        background-color: #d0f0d0;
    }
    
    .uworks_charge.payed:hover {
        background-color: #c8e8c8;
    }

    .uworks_charge.due {
        background-color: #f0d0d0;
    }
    
    .uworks_charge.due:hover {
        background-color: #e8c8c8;
    }

    
    .uworks_charge > *:first-child {
        margin-left: 0.5em;
    }
    
    .uworks_charge .charge_databit {
        padding: 0.25em;
        overflow: hidden;
        flex-shrink: 0;
        flex-grow: 0;
        word-wrap: normal;
        display: flex;
        align-items: center;
        border-right: 1px dotted #d0d0d0;
    }  
        
    
    .uworks_quote {
        padding: 0px;
        margin: 0px;
        margin-top: 1px;
    }

    .uworks_quote .head {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        flex-grow: 0;
        flex-shrink: 0;
        margin: 0px;
        padding: 0px;
        background-color: #f0f0f0;
    }
        
    .uworks_quote .versionline {
        display: flex;
        flex-direction: row;
        flex-grow: 0;
        flex-shrink: 0;
        align-content: center;
        align-items: middle;
        padding: 0em;
        background-color: #f0f0f0;
    }
    
    .uworks_quote.head:hover {
        background-color: #f8f8f8;
    }
    
    .uworks_quote .head.green, .uworks_quote .versionline.green {
        background-color: #aaddaa;
    }

    .uworks_quote .head.lgreen, .uworks_quote .versionline.lgreen {
        background-color: #ddf0dd;
    }

    .uworks_quote .head.greyed, .uworks_quote .versionline.greyed {
        background-color: #f0f0f0 !important;
        color: #a0a0a0 !important;   
    }
    
    .uworks_quote .head.greyed a, .uworks_quote .versionline.greyed a {
        color: #a0a0a0 !important;
    }

    .uworks_quote.plan {
        color: #a0a0a0;
    }

    .uworks_quote.intact {
        font-style: italic;
    }

    .uworks_quote.payed {
        background-color: #d0f0d0;
    }
    
    .uworks_quote.payed:hover {
        background-color: #c8e8c8;
    }

    .uworks_quote.due {
        background-color: #f0d0d0;
    }
    
    .uworks_quote.due:hover {
        background-color: #e8c8c8;
    }
    
    .uworks_quote .quote_databit {
        margin: 0px;
        margin-right: 1px;
        padding: 0.25rem;
        overflow: hidden;
        flex-shrink: 0;
        flex-grow: 0;
        word-wrap: normal;
    }
    
    
  
    .uworks_companysearch_compname {
        text-transform: uppercase;
        font-weight: bold;
    }

    .uworks_companysearch_compshortname {
        text-transform: uppercase;
        font-weight: normal;
        font-size: -2;
    }

    
    .uworks_companysearch_listitem {
        display: flex;
        align-items: center;
    }
    
    .filedrop {
        padding: 20px;
        text-align:center;
        border: 2px dashed #002040;
        color: #002040;
        text-transform: uppercase;
    }
    
    .uworks_doc_item {
        display: flex;
    }
    
    
    .uworks_doc_item.line {
        background-color: #f0f0f0;
        margin-bottom: 1px;
        height: 48px;
        color: #000000;
    }
    
    .uworks_doc_item .sortable {
        background-color: #2080a0;
        cursor: pointer;
    }

    .uworks_doc_item.head {
        height: 64px;
        margin-right:2px;
    }
    
    .uworks_doc_item.line:nth-child(odd) {
        background-color: #f8f8f8;
    }
    
    .uworks_doc_item.line:hover {
        background-color: #d8d8d8;
    }
    
    .uworks_doc_item > div {
        margin-right: 10px;
        padding: 4px;
        margin:0px;
        flex-shrink: 0;
        flex-grow: 0;
        border-right: 1px dotted #d0d0d0;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    
    .uworks-docassigner-container {
        display:flex;
        align-items:center;
        padding: 0.25em;
    }
    
    .uworks-docassigner-container:hover {
        background-color: #f0f0f0;
    }
    
    
    .uworks_docbadgeline {
        border: 1px solid #ffffff;
        background-color: #d0d0d0;
    }
    
.uworks_incomeline {
    display: flex;
    padding: 0px;
}

uworks_incomeline > div {
    flex-shrink: 0;
    flex-grow: 0;
}

.uworks_incomeline > div {
    padding: 4px;
    margin-right: 1px;
    margin-bottom: 1px;
}
.uworks_incomeline > div:last {
    margin-right: 0px;
}

    .uworks_partnersearch_compname {
        text-transform: uppercase;
        font-weight: bold;
    }

    .uworks_partnersearch_compshortname {
        text-transform: uppercase;
        font-weight: normal;
        font-size: -2;
    }

    
    .uworks_partnersearch_listitem {
        display: flex;
        align-items: center;
    }
    .uworks_partnersearch_listitem.opten {
        color: #4080f0;
    }
    
    
    .uworks_partnersearch_flag {
        width: 0.75em;
        height: 0.75em;
        flex-shrink: 0;
        flex-grow: 0;
        border-radius: 50% 50% 50% 50%;
        margin-right: 1em;
    }
    
    .uworks_partnersearch.countrybtn {
        width: 1.5em;
        flex-shrink: 0;
        flex-grow: 0;
    }
    
    
    .st_ok {
        background-color: #008000;
    }
    
    .st_notok {
        background-color: #d00000;
    }

    .uworks-vue-pdf-view {
        border:1px solid #404040;
        background-color: #404040;
        display:flex;
        flex-direction: column;
        align-items: stretch;
        align-content: stretch;
        overflow: hidden;
    }
    
    .uworks-vue-pdf-view .pdfpage {
        margin-bottom:1em;
        margin-right:1em;
        border-radius:0.5em;
        box-shadow: 0px 0px 5px #000000;
    }
    
    .uworks-vue-pdf-view .toolbar {
        padding: 0.25em;
        background-color: #303030;
        color: #ffffff;
        display: block;
        font-size: 1.2em;
    }

    .uworks-vue-pdf-view .toolbar a {
        color: #ffffff;
        text-decoration: none;
    }
    
    .uworks-vue-pdf-view .playground {
        overflow:auto;
        overflow-y:scroll;
        padding:10px;
        flex-shrink:1;
        flex-grow:1;
    }
    
    .uworks-vue-pdf-view .pages {
        text-align: center;
    }
    
    
    .uworks_quote {
        padding: 0px;
        margin: 0px;
        margin-top: 1px;
    }

    .uworks_quote .head {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        flex-grow: 0;
        flex-shrink: 0;
        margin: 0px;
        padding: 0px;
        background-color: #f0f0f0;
    }
        
    .uworks_quote .versionline {
        display: flex;
        flex-direction: row;
        flex-grow: 0;
        flex-shrink: 0;
        align-content: center;
        align-items: middle;
        padding: 0em;
        background-color: #f0f0f0;
    }
    
    .uworks_quote.head:hover {
        background-color: #f8f8f8;
    }
    
    .uworks_quote .head.green, .uworks_quote .versionline.green {
        background-color: #aaddaa;
    }

    .uworks_quote .head.lgreen, .uworks_quote .versionline.lgreen {
        background-color: #ddf0dd;
    }

    .uworks_quote .head.greyed, .uworks_quote .versionline.greyed {
        background-color: #f0f0f0 !important;
        color: #a0a0a0 !important;   
    }
    
    .uworks_quote .head.greyed a, .uworks_quote .versionline.greyed a {
        color: #a0a0a0 !important;
    }

    .uworks_quote.plan {
        color: #a0a0a0;
    }

    .uworks_quote.intact {
        font-style: italic;
    }

    .uworks_quote.payed {
        background-color: #d0f0d0;
    }
    
    .uworks_quote.payed:hover {
        background-color: #c8e8c8;
    }

    .uworks_quote.due {
        background-color: #f0d0d0;
    }
    
    .uworks_quote.due:hover {
        background-color: #e8c8c8;
    }
    
    .uworks_quote .quote_databit {
        margin: 0px;
        margin-right: 1px;
        padding: 0.25rem;
        overflow: hidden;
        flex-shrink: 0;
        flex-grow: 0;
        word-wrap: normal;
    }