html, body    {
  /*height: 100%;*/ /*20180517*/
  /*height: fit-content;*/
}


root { 
    display: block;    
}
 

.mainForm {
    max-width: 99%;
}



input:not(table_filter),
dd select,
select,
textarea {
    font-size: 1em;
    padding: 0.25em;    
    background-color: #eee;    
    background-color: #f7f7f7;
    /*border: 1px dotted #c4c4c4 !important;*/
    width: 75%;
}


select{
    font-size: 1em;
    /* padding: 0.5em; */
    background-color: #eee;
    /*border: 1px dotted #fff !important;*/
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #EEE url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 95% 50%;
    width: 75%;
}

select.kornselect{
    font-size: 1em;
    /* padding: 0.5em; */
    background-color: #eee;
    /*border: 1px dotted #fff !important;*/
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #EEE url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 95% 50%;
    width: 50%;
}

    
#userLocationsSelect {
    padding-top: 0.25em;
    padding: 15px 10px !important;
    float: left;
    width: 100%;
    background-color: white;
    border: 1px solid #c4c4c4 !important;
}




#invoice_list_filter{  
    width: 8em !important;
}
select.wauto{
    font-size: 1em;
    padding: 0.5em;    
    background-color: #eee;          
    border: 1px dotted #fff !important;
    width: auto !important;
}
select.w35per{
    font-size: 1em;
    padding: 0.5em;    
    background-color: #eee;          
    border: 1px dotted #fff !important;
    width: 35% !important;
}

select.w25per{
    font-size: 1em;
    padding: 0.25em;    
    background-color: #eee;          
    border: 1px dotted #fff !important;
    width: 25% !important;
}



select.houseSelect {
    font-size: 1em;
    padding: 0.5em;
    background: transparent;     
    border: 1px dotted #A7A7A2; 
}
 

#usercont_inv_specprice_dummy {
    font-size: 1em;
    padding: 0.5em;  
    background-color: #FFF !important;
    border: 0px ;
}



#footerBtnHolder {
      display: block;
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #fff;
    /* padding: 0.75em 0 15px 0em; */
    /* opacity: 0.9; */
    border-top: 1px solid #b1b1b1;
    /* min-height: 35px; */
    /* margin: 0.75em 0 0 0; */
    display: block;
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    background-color: #333;
    padding: 0em 0 0em 0em;
    border-top: 1px solid #b1b1b1;
    /* min-height: 35px; */
    height: 70px;
}




#footerBtnHolder i.fi-x {
     color: #000;    
     padding: 0.25em 0.5em 0 1em;
}

#footerBtnHolder.config {
     /*margin: 0.75em 0 2.75em 0;*/
     bottom:0px;
}
#footerBtnHolder.viaConfig {
     /*margin: 0.75em 0 2.75em 0;*/
     bottom:76px;
}



#footerBtnHolder .popFooter {    
    background-image: none;    
    min-height: 35px;
}

   
    @media only screen and (max-width: 750px) {     
           #footerBtnHolder { 
                background-image: none;
              
               }
   }
    
    

  #filterForm input[type="checkbox"] {   
    width: 1.25em;
    height: 1.25em;
    border: 1px dotted #b1b1b1;
    padding: 0.25em 1.50em 0 0;
    margin: 0em 1em 0em 1em;    
    -webkit-border-radius: 0px;
    -webkit-appearance: checkbox;
}      



#dialogContainer {
    margin: 0.5em 0 0.5em 0em;
    display: block;
    position: fixed;
    left: 0;
    bottom: 40px;
    width: 100%;
    /* height: 130px; */
    background-color: #FFF;
    padding: 0.75em 0 15px 0em;
    opacity: 1;
    border-top: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1; 
    display: none;
}


.lnkBtn {
        margin: 0.5em 0 0.5em 0em;
    display: inline-block;
    /* height: 130px; */
    background-color: #FFF;
    padding: 0.75em 4em 0.75em 4em;
    opacity: 1;
    border: none;
    border-radius: 0.5em;
    background-color: #c4c4c4;
    text-decoration: none;
    color: #fff;
}


#dialogContainerNotes input[type="checkbox"] {   
    width: 1.25em;
    height: 1.25em;
    border: 1px dotted #b1b1b1;
    padding: 0.25em;
    margin: 0em 0 0em 0em;    
    -webkit-border-radius: 0px;
    -webkit-appearance: checkbox;
}
#dialogContainerNotes input[type="text"] {       
    margin: 0em;       
}
#dialogContainerNotes p {   
    float: left;
    padding: 0.5em 0.5em 0 0
}

.depYear {
  width: 3.5em !important;
    height: 2.0125em;
    border: none !important;
    padding: 0.0em 0em 0 0.5em !important;
    margin: 0.0em 0.5em 0em 0em !important;
    -webkit-border-radius: 0px !important;
    display: inline;
    font-size: 1.25em;
}
.depMonDay {
  width: 2em !important;
    height: 2.0125em;
    border: none !important;
    padding: 0.0em 0em 0 0.5em !important;
    margin: 0.0em 0.25em 0em 0em !important;
    -webkit-border-radius: 0px !important;
    display: inline;
    font-size: 1.25em;
}

    @media only screen and (max-width: 480px) {     
        #dialogContainerNotes p {   
            font-size: 0.85em !important;
            float: none;
            display: block;
            padding: 0.5em 0.5em 0 0;
        }
        
        #ui-datepicker-div {
            /*position: fixed;
            top: 850px;*/
        }

   }

#usercont_inv_payment_dateholder .ui-datepicker-inline{
    font-size: 0.75em;
    margin: 0;
    padding: 0;
} 

   
   
#dialogContainerNotes input {   
    width:  100px;
}


#dialogContainerNotes a.btnSmall {   
    margin-left: 0 !important;
}

#dialogContainer a.btnSmall {
    padding: 0.75em 0.5em 0.75em 0.5em;
    margin: 0.5em 0 0.5em 0.25em;
    display: inline-block;
    width:12em;
    float:  left;   
}
#pdfinvoiceSaveAndShow:hover {
   background-color: #98463C !important;
}




#dialogContainerInner {
      float:  left;   
}
#dialogContainerBtn {
      float: left; 
      margin: 0 0em 0 0 ;
      width: 12em;
}
#dialogContainerNotes {
     float: left; 
     margin: 0 1em 0 1em;
}
#dialogContainerNotes textarea {
   /* font-family: Arial, sans-serif;  */ 
    padding: 0em;
    width: 280px;
    max-width: 80%;
    height: 6.5em;
    font-size: 0.85em;    
}



#dialogContainer i {
    font-size: 150%;
    padding-right: 0.5em;
    color: #fff;
}
#footerBtnHolderInner {
    /*max-width: 775px;*/
    padding-top: 0.5em;
    padding-top: 1.75em;
    padding-left: 1.0em;
}
#footerBtnHolderInner .advList {
    padding-top: 1.0em;
}


    #footerBtnHolderInner dl.footerDefList dt,
    #footerBtnHolderInner dl.footerDefList dd,
    #footerBtnHolderInner dl.footerDefList form{
        float: right;
        
        padding: 0 0.5em 0 0;
    
    }
    #footerBtnHolderInner dl.footerDefList input{
        width: 100px;        
    }
    #footerBtnHolderInner dl.footerDefList input.hidden{
        display: none;       
    }
    
    #footerBtnHolderInner input,select{     
        padding: 0.25em !important;
    }
    
   
    #footerBtnHolderInner .fi-x {
            padding: 0em 1.5em 0 1em;
    float: right !important;
    font-size: 1.75em;
    color: #fff;
    cursor: pointer;
    }

    #closeButtonSingleBranch,
    #closeButton_update,
    #closeButtonSingleCertificate,
    #closeButtonSingleUser {
        color: white !important;
        background: transparent;
    }
    
#footerBtnHolderInner .btnSmall span{
    padding: 0 0 0 1em;
    font-size: 0.90em;
}




#dialogContainerNotes textarea {
    margin: 0 0 0 0em;
    padding: 0.5em;
    width: 250px;
}



.btnSmall {
    padding: 0.75em 1em 0.75em 1em;
    padding: 0.35em 1em 0.35em 1em;
    margin: 0em 0 0.5em 1em !important;
    text-decoration: none;
    font-size: 1em !important;  
    border-radius: 0px; 
    background-color: #e2e2e2 !important;
    color: #333;
}
    
  
    
    #footerBtnHolderInner .btnSmall {
        padding: 0.5em 1em 0.5em 1em;
        margin: 0em 0 0.5em 2em !important; 
        border-radius: 5px; 
    }
    #footerBtnHolderInner .btnSmallSmallLeft {
        padding: 0.35em 0.5em 0.5em 0.5em;
        margin: 0em 0.5em 2.5em 0em !important;
        text-decoration: none;
        font-size: 1em !important;
        border-radius: 5px;
        background-color: #04c0cd !important;
        color: #333;
        height: 2em;
        float: right;
    }
    #footerBtnHolderInner .activeBtn {
        padding: 0.35em 0.5em 0.5em 0.5em;
        margin: 0em 0.5em 2.5em 0em !important;
        text-decoration: none;
        font-size: 1em !important;
        border-radius: 5px;
        background-color: #000 !important;
        color: #fff;
        height: 2em;
        float: right;
    }
    
    
/*    #footerBtnHolderInner .btnSmallSmallLeftGrey {
        padding: 0.35em 0.5em 0.5em 0.5em;
        margin: 0em 0.5em 2.5em 0em !important;
        text-decoration: none;
        font-size: 1em !important;
        border-radius: 5px;
        background-color: #e2e2e2 !important;
        color: #333;
        height: 2em;
        float: left;
    }*/
    
    #customerProductSaveTree:hover,
    #selArt:hover,
    #selGrps:hover,
    #selAsign:hover,
    #makepdf:hover,
    
    .btnSmallSmallLeftGrey:hover,
    .btnSmallSmallLeft:hover,
    .btnSmall:hover {
        background-color: #333 !important;
        color: #fff  !important;
    }
    
    #footerBtnHolderInner a.pageFlipIsActive {
       border: 1px solid #c4c4c4;
    }        
    
/*    .customerRestoreSavedTree,
    .customerProductSaveTree {
        float: right;
    }*/
    
    

    #sortpicture {
          background-color: #4d5158 !important;
        border: none;
        
    }
    
    #file-upload-button {
     padding: 0.35em 1em 0.35em 1em;
    margin: 0em 0 0.5em 1em !important;
    text-decoration: none;
    font-size: 1em !important;
    border-radius: 0px;
    background-color: #c4c4c4 !important;
    color: #333;
}
   
    
    
#userPanel.btnSmall { 
    background-color: transparent !important; 
    color: #fff !important; 
}



.btnSmall span {
padding: 0 !important;
font-size: 1em !important;
}

@media only screen and (max-width: 480px) {     
    .btnSmall span {display: none;}
}

.show_superAdminModules {
   font-size: 0.5em !important;
    background-color: black !important 
}


.saveHouseRowDisabled {
    background-color: #eee; 
    color: #c4c4c4;
}
.saveHouseRowDisabled:hover {
     background-color: #eee; 
    color: #c4c4c4;
    cursor: text;
}

.btnSmallDisabled {
    background-color: #f1f1f1;
}
.btnSmallDisabled:hover {
    background-color: #f1f1f1;
    color: #000;
    text-decoration: line-through;
}

.btnSmallLogin{
    width:240px !important;
    display: inline-block;      
    text-align: center;
    font-size: 1.25em !important;    
    margin: 0.25em 0 0.25em 0 !important;
    padding:1em 0.75em 1em 0.75em;
    /*background-color: #98463C; ROT*/
    background-color: #8BA6B7 ;
    color: #fff;
    /*font-weight: bold;*/
            
}
.btnSmallLoginShowAsLink{  
    display: inline-block;
    margin: 0em 0 1em 0.5em !important;
    padding-top:1em;
    padding-bottom:0.5em;    
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    text-align: left;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}
.btnSmallLoginShowAsLink:hover{
    border-bottom: 1px solid #A7A7A2;
}


.btnPageFlip {
    background-color: #e2e2e2 !important;
    color: #333  !important;
    margin-left: 0.15em !important;
}

.pageFlipIsActive,
.btnPageFlip:hover {
    background-color: #333 !important;
    color: #fff  !important;
    margin-left: 0.15em !important;
}


.pageFlipIsActive:hover {   
   background-color: #e2e2e2 !important;
    color: #333  !important;
   
}


.btnFloatRight {
    margin: 0em 0 0em 0em !important; 
    float: right;
}

#renderedInvoiceContainer {
    width: 100%;
    max-width: 650px;
    height: 100%;
}
#renderedInvoiceContainer object{
    width: 100%;
    max-width: 650px;
    height: 110%; 
}


.renderedInvoiceContainer table{
   width: 100%;
   max-width: 650px;
   height: 100% !important;
}


        #invoiceHead {
            padding: 0;
            padding:0;
            max-width: 650px;
        }
        #invoiceHead div{
           /* background-color: tomato;*/
        }


            #invoiceHead .openContactIcon {
                width:  30px;
                float: left;
            }
            #invoiceHead .autoCompContact {
                width:  55%;
                float: left;
                position: relative;
                left: 30px;
            }
            #invoiceHead .invDate {
                width:  30%;
                float: right;
               
                text-align: right;
            }
            #usercont_inv_date {
                /*padding: 0.25em !important;*/
                /*width:50%;*/
            }
            
            
            #invoiceHead .autoCompProducts {
                width:  55%;
                /*float: left;*/
                position: relative;
                left: 30px;
            }
            
            .autocompleteTxtArea {
              /*  font-family: Verdana, Arial, sans-serif;*/
                font-size: 1em;
                width: 90%;
                height: 3em;
                max-width: 600px;
            }

            #invoiceHeadBtnHolder {
                 width: calc(75% + 60px);
                 /*background: blue;*/
                 display:inline-block;
                 padding:0;
                 margin:0;
            }
            #invoiceHeadBtnHolder .okBtn{
                 float:right;
            }
            
            
            #hiddeIfFreePriceHolder {
                display: inline;            
                /*max-width: 350px;*/
                /*background: green;*/
                /*float: left;*/
            }
            #showIfFreePriceHolder {
                display: none;
                /* max-width: 350px;*/
               /* background: tomato;*/
                /*float: left;*/
            }
            
            #showIfFreePriceHolder .hiddenElement {
                display: inline !important;
                width:150px;
                margin: 0.5em 0 0.5em 1em !important;
            }
            
            
            .productsListTable tr {
                cursor: pointer;
            }
            
            #invoiceHead .openProductsIcon {
                width:  30px;
                float: left;
                
            }
            #showProducts {
                    /*top: -75px;*/
                    /*left: 50px;*/
                    float: left;
                }


    #li_mod_CustomerAndCustomerSearch .autocompleteFld, .autocompleteTxtArea, #usercont_inv_date{       
       background-color: #fff;
       border: 0 !important;             
       padding:0.5em 0 0.5em 0em;
       border-radius: 0;
       outline: 0;
    }    
    #li_mod_CustomerAndCustomerSearch .autocompleteFld {                        
    /* float: right; */
    background: #fff;
    border: 1px solid #c4c4c4 !important;
    padding: 0.25em 0em 0.25em 0.5em;
    /*margin: 0.5em 2px 0.5em 0;*/
    width: calc(100% - 10px);
    position: absolute;
    z-index: 1;
    left: 0;
   /* font-family: verdana;*/
    /*border-radius: 0.5em;*/
    }
    
   
#li_mod_FreeText textarea{        
    border: 1px solid #c4c4c4 !important;
    background: #fff;
    /*border: 1px solid #000 !important;*/
    padding: 0.5em 0em 0.5em 0.5em;
    /*margin: 0.25em 2px 0.25em 0;*/
    width: calc(100% - 12px);
 /*   font-family: verdana;*/
    margin: 0;
    /*border-radius: 0.5em;*/
    
    
   
/*    background: #fff;
    border: 1px solid #c4c4c4 !important;
    padding: 0.75em 0em 0.75em 0.5em;
    margin: 0.5em 2px 0.5em 0;
    width: calc(100% - 10px);*/
    position: absolute;
    z-index: 1;
    left: 0;
    
    
    
    
    }
    
    
    
    #customerlist {
        margin-top: 0em !important;
        padding: 0.5em 0 0.5em 0em;
        /*width: 190px !important;*/
      
    }
    #usercont_inv_date {       
        width: 90px !important;
      
    }
    
/*    #productlist {        
        width: 75% !important;   
        margin-top: 0em !important;
        padding: 0.5em 0 0.5em 0em; 
    }*/
    
    .autocompleteTxtArea:focus, autocompleteTxtArea:focus,
    .autocompleteFld:focus, input:focus{
        outline: 0;       
    }  
    
  
    
    #incoice_notes input::-webkit-input-placeholder, 
    #incoice_notes textarea::-webkit-input-placeholder { 
        color: #888 !important;
        font-weight: normal;
        vertical-align: central;
        padding: 0.5em 0 0 0;letter-spacing: 0em; 
        opacity: 1 !important;      
    }
    #incoice_notes::-moz-placeholder, 
    #incoice_notes:-moz-placeholder, 
    textarea:-moz-placeholder { 
       color: #888 !important;
        font-weight: normal;
        vertical-align: central;
        padding: 0.5em 0 0 0;letter-spacing: 0em; 
        opacity: 1 !important;
    }
    
    
    #incoice_notes:-ms-input-placeholder, 
    textarea:-ms-input-placeholder { 
       color: #888 !important;
        font-weight: normal;
        vertical-align: central;
        padding: 0.5em 0 0 0;letter-spacing: 0em; 
        opacity: 1 !important;   
    }
       
    #incoice_notes::-moz-placeholder,
    textarea:-ms-input-placeholder ,
    textarea::-moz-placeholder
    textarea::-webkit-input-placeholder,
    textarea::-moz-placeholder,     
    textarea:-moz-placeholder {     
        color: #888 !important;
        font-weight: normal;
        vertical-align: central;
        padding: 0.5em 0 0 0;letter-spacing: 0em; 
        opacity: 1 !important;       
    }
   
    
    
    
    #productlist:-ms-input-placeholder, 
    #productlist::-ms-input-placeholder, 
    #productlist::-moz-placeholder,
    #clientlist:-ms-input-placeholder, 
    #clientlist::-ms-input-placeholder, 
    #clientlist::-moz-placeholder { 
        color: #888 !important;
        padding: 0;
        line-height: 0.50em !important;
        opacity: 1 !important;       
    }
    
    
    
    #incoice_notes::-moz-placeholder {
        color: #888 !important;
        opacity: 1 !important;       
    }

    
   
    
    .hiddenIdxFld {
        color:tomato;
        font-style: italic;
        margin: 0 0 0 1em;
        width:3em;
        background-color: #fff;
            
    }
    


#invoiceRowContainer{
    width:  100%;
    max-width:  650px;
    margin-bottom: 5em;   
}

#invoiceRowContainer .invoiceRowRow{
        cursor: pointer;
        background-color: #fff;
        color: #000000;        
        display: table;        
        padding: 0.5em 0 0.5em 0;
        margin: 0;
        width: 100%;
  
}
#invoiceRowContainer .invoiceRowRow:hover{
        color: #000000;
       /* background-color: #79C8EA !important;*/              
        background-color: #A7A7A2; /*dunkelgrau*/        
    }

#invoiceRowContainer .lpvldIconEnabled1515:hover {
        color: #000 !important;
        
    }
    
    
#invoiceRowContainer .invoiceRowRow:hover .lpvldIconEnabled1515 {
        color: #eee;     
    }
    
.itemRow:hover .lpvldIconEnabled1515Left,
.itemRow:hover .lpvldIconEnabled1515,
.invoiceRowRow:hover .lpvldIconEnabled1515 {
        color: #eee;     
        color: #FFF;    
    }
.itemRow:hover .lpvldIconEnabled1515Left:hover,
.lpvldIconEnabled1515:hover,
.itemRow:hover .lpvldIconEnabled1515:hover {
        color: #000;     
    }

   
/*    .selectedrow td a,    
    .selectedrow td,    
    .alt:not(.noHover):hover i,
    .alt:not(.noHover):hover a,
    .itemRow:not(.noHover):hover a,
    tr:not(.noHover):hover td,
    tr:not(.noHover):hover,
    .alt:not(.noHover):hover td,
    .itemRow:not(.invoiceTable_subheader):hover i,
    .itemRow:not(.noHover):hover i{
        color:#fff !important;
        background: #666;    
    }*/
    
    tr.noHover{       
        cursor: text;
    }
    tr.noHover:hover span{
        color:#666 !important;
        cursor: text;
    }
    
    
    
    
    .alt:hover td a.btnSmallSmallLeft,
    .alt:hover td a.btnSmall,
    .itemRow:hover td a.btnSmall{
        background: #fff !important;
        color:#000 !important;
    }
    .alt:hover td a.superAdm,
    .itemRow:hover td a.superAdm{
        background: #fff !important;        
        font-size: 0.75em;
        color:red;
        
    }
    
    td.treePlaceholder{
        padding-left:2em;              
    }
    
    
    .articleTable i.fi-x-circle {
        cursor: text !important;
        color: #DE4013 !important;
    }
    .articleTable tr {
        /*border-top: 1px solid white;*/
        /*font-size: 1.125em;*/
    }
    
    
    
    #advFilterContent{
        display: none;
        height: auto;
        position: absolute;
        /*background-color: tomato;*/
        /* z-index: 999999; */
        width: 100%;
        max-width: 1150px;
        /*height: 100%;*/
        overflow-y: scroll;
        /*padding: 1em;*/
        border-right: 1px dotted silver;
        border-bottom: 1px dotted silver;
        
    }
    
    #advFilterContent.showAdvFilterContent{
        display: block;
    }
    .advFilterNew i {
        padding: 0.25em 0 0 1em;
        color: #000 !important;        
        font-size: 0.8em !important;
    }
    
    .filterableTableUnvis {
        opacity: 0.2;
    }
    
    #invoiceListTbl {
        width: 875px !important;
        /*width: calc(100% - 280px) !important;*/
        width: calc(100% - 320px) !important;
    }
    
    #invoiceListTbl.invoiceListTblFullWidth {
        width: 100% !important;
    }
    
    #invoiceListTbl td:first-child {
        white-space: nowrap;
    }
    
    #invoiceListTbl td.isstronoCell {
        color: orangered;
    }
    
    #invoiceListTbl th select {
        padding: 0.37em !important;
    }
    
    
    #show_dep_seloption {
        padding: 0.37em !important;
        margin: 0;
        display: none;
    }
    
    
    
    
    #invoiceListTbl th.rht,
    #invoiceListTbl td.rht {
        text-align: right;
        white-space: nowrap;
    }
    #invoiceListTbl th.cntr,
    #invoiceListTbl td.cntr {
        text-align: center;
    }
    
    #invoiceListTbl th.rht {
        padding-right:0.5em;
    }
   
    
    #invoiceListTbl td.sml,
    #invoiceListTbl th.sml {       
        font-size: 0.80em;
    }
    
    #invoiceListTbl td.medium,
    #invoiceListTbl th.medium {       
        font-size: 1em !important;
    }
    
    
    #invoiceListTbl th.superAdm {
        padding-right:0.5em;
        font-size: 0.75em;
        color:red;
    }
    #invoiceListTbl tr i {       
        font-size: 1.50em; 
        color: #B3B3B3;
    }    
    
    #invoiceListTbl tr i.openbankinv {       
        font-size: 1.50em; 
        color:#F18618; 
    }
        #invoiceListTbl tr i.inprogressbankinv {       
            font-size: 1.50em; 
            color:#3399ff; 
        }

        #invoiceListTbl tr i.payedbankinv {       
            font-size: 1.50em; 
            color:#33cc33; 
        }
        
        
    #invoiceListTbl tr i.chanceledinv {       
        font-size: 1.50em; 
        color:#00cccc; 
    }
    #invoiceListTbl tr span.chanceledinv {       
        font-size: 0.75em; 
        color:#00cccc; 
        padding: 1em;
    }
    
    
    
/*    #invoiceListTbl tr i.openbankinvCollected {                
        color:#000; 
    }    */
    

    #invoiceListTbl tr i.openbankinvCollectedIconOwn {                
        float: right;
        font-size: 1.5em;
        color: lightcoral;
        padding: 0.1em 0.5em 0 0.25em;
    }    
    #invoiceListTbl tr i.openbankinvCollectedIcon {                
        float: right;
        font-size: 1.5em;
        color: silver;
        padding: 0.1em 0.5em 0 0.25em;
    }    
    
    
    
    
    #invoiceListTbl td.showDepRow i {       
        font-size: 1.0em; 
        color: #B3B3B3;
        padding-right: 0.5em;
    }    
    
    
    @media screen {                    
        #invoiceListTbl tr.hiddenDepRow {       
            display:none 
        }    
    }
    @media print {            
        #invoiceListTbl table, tr, td, thead, th {       
            border: none !important;
            border-left: none !important;
            border-collapse: collapse;
        }   
        
        #invoiceListTbl tr {       
            border-top:1px solid #B3B3B3 !important;
            box-shadow: inset 0 1px 0 #B3B3B3 !important;
        } 
        .printStmnt {       
            display:none 
        }         
        .testMonat {       
            display:none 
        }         
        .showDepRow i {       
            display:none 
        }         
        .showDepRow {       
            padding-left: 0;
        }         
    }
    
            
    #invoiceListTbl tr.itemRow:not(.invoiceTable_subheader) i {              
        width: 1em;
        display: inline-block;        
    }
  
    
                    
    #customerListTable tr.selectedrow td a,              
    #invoiceListTbl tr.selectedrow:not(.invoiceTable_subheader) td a,              
    #invoiceListTbl tr.selectedrow:not(.invoiceTable_subheader) td,              
    #invoiceListTbl tr.itemRow:not(.invoiceTable_subheader):hover td a,              
    #invoiceListTbl tr.itemRow:not(.invoiceTable_subheader):hover td {              
        color: #fff !important;
        background-color: #888;
    }
    
    
   
#invoiceRowContainer .alt{
        color: #000000;
        background-color: #eee;
        display: inline-table;
        /*border: 1px solid tomato;*/
        float: none;
       
    }



#invoiceRowContainer .invoiceRowDesc{
    /*border: 1px solid silver;*/
    width:  55%;
    float: left;
    padding: 0em 0 0.5em 0.5em;
}
#invoiceRowContainer .invoiceRowDesc span{
    font-size: 0.9em;
}

#invoiceRowContainer .invoiceRowQty{
    /*border: 1px solid silver;*/
    width:  8%;
    text-align: right;
    float: left;
}
#invoiceRowContainer .invoiceRowValue{
    /*border: 1px solid silver;*/
    width:  20%;
    float: left;
    text-align: right;
    padding: 0 0 0 0.5em;
}
#invoiceRowContainer .invoiceRowAction{
   /* border: 1px solid silver;*/    
    float: right;
    padding-right: 0.5em;
}

.hiddenRowAction, .hiddenElement {
    display: none !important;
}

span.recomPointsTxt{
    font-size: 0.75em !important;
    /*font-style: italic;*/
    color: #666;
}
span.rowAddedTxt{
    font-size: 0.75em !important;
    color: #666;
    /*font-style: italic;*/
}

/*PRODUCTS - PRODUCTGROUPS */

    

    #productsgroupholder {
    /*position: absolute;*/
    top: 0px;
    left: auto;
    padding: 0em;
    background-color: #fff;
    margin-top: 2px;
    }
    #productsgroupholder ul {
        max-width: 650px;
        margin: 0;
    }

    #productsgroupholder li {
        float: left;
        width: 105px;
        height: 100px;                
        display: block;
        padding: 10px;
        padding: 10px 0px 10px 0px;
        border-bottom: 0;
        text-decoration: none;
        text-align: center;
        border: 1px solid #c4c4c4;
        margin-top: -1px;
        margin-left: -1px;
        font-size: 0.9em;         
        line-height: 1.2em;        
        background-size: 70px 70px;
        background-repeat: no-repeat;
        cursor: pointer;  
        background-position: center; 
        text-shadow:
            -1px -1px 0 #FFF,
            1px -1px 0 #FFF,
            -1px 1px 0 #FFF,
            1px 1px 0 #FFF;  
    }
    #productsgroupholder li:hover {
        background-size: 50px 50px;
        /*border: 1px solid #000;*/
          
    }

    #productsgroupholder a.productsgroupslink{
        display: block;
    }
    
    #productsgroupholder span{
        top: 70px;
        position: relative;
        line-height: 1em;
        padding: 0 0.25em 0 0.25em;
    }
    
    #footerBtnHolderInnerProducts {
        max-width: 650px;
        position: static;
        bottom: 0;
}
    
    
.elbeColData {
    width: 200px;
    height: 75px;
}

.serviceModeData {
/*    width: 200px;
    display: inline-block;
    border: none;*/
}

.servicemodeTextHeader {
       padding: 1.5em 10em 1.5em 0.9em !important; 
}

.upDateElebeCol {
    color: #fff;
    background-color: firebrick;
    padding: 0.25em 1.5em 0.25em 1.5em;
    border-radius: 0.35em;
    float: right;
}
span.upDateElebeCol:hover {
    color: #fff;
    background-color: #000;
    cursor: pointer;
}

/*
#mainCenter {
 width: 100%;
  text-align: center;
}

#mainCenterCenter {
   width: 50%;
   margin: 0 auto;
    
}
*/