.frame           { position:absolute;
                  left:0px;
                  right:0px;
                  bottom:0px;
                  top:0px;
                  overflow:hidden;                  
                  color:var(--color-Grid);
                }
.frame .redColor {color:var(--red);}
.invoiceGrid {font-size:14px;top:120px;}

.invoiceGrid .rowHeight {max-height:30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.invoiceGrid .rowRight  {text-align: right;} 
.invoiceGrid .redIcon   {background: var(--red);} 
.invoiceGrid .greenIcon {background: var(--green);}
.invoiceGrid .blueIcon  {background: var(--blue);}
.invoiceGrid .paddingLeft30 {padding-left:30px;}
.invoiceGrid .body .gridRow {height:60px;padding-top:12px;padding-bottom:12px;}
.invoiceGrid .body .download{display:none;filter:var(--icon-Invert);width:32px;height:32px;background-size:100% 100%;}
.invoiceGrid .body .classIcon-DownloadE {display:block;}
.invoiceGrid .body .classIcon-DownloadEMPTY {display:block;}

.invoiceCard 
            {                
                margin:10px;                
                box-shadow: 5px 5px 5px var(--color-List1-RowShadow);
                border-radius: 5px;
                border: 1px solid var(--color-List1-RowBorder);
                background: var(--background-GridRowHigh);
                padding:10px;
                text-align:right;
                height:100px;
            }   
.invoiceCard .data {
    position:absolute;
    right:5px;
    top:10px;
    left:5px;
    bottom:5px;
    }
.invoiceCard .iconFrame 
    {
    position:absolute;
    top:20px;
    left:10px;
    width:60px;
    height:60px;
    }

.invoiceCard .logo {width:45px;height:45px;}
.invoiceCard .redIcon {background:var(--red);}
.invoiceCard .icon {border-radius:0px;width:65%;height:65%}


.mobil .invoiceCard .iconFrame {display:none;}


.mobil .invoiceGrid          {font-size:14px;}
.mobil .invoiceGrid .gridRow {height:110px;padding-top:5px;}


.mobil .invoiceGrid .mobilRow 
{
    
    position:relative;
    width:100%;
    height:110px;
}
.mobil .invoiceGrid .rowBlockLeft
{
    position:absolute;
    left:50px;
    top:5px;
    width: calc(100% - 60px);
    height:100px;
    overflow:hidden;    
    text-align:left;
}
.mobil .invoiceGrid .logo
{
    position:absolute;
    left:5px;
    width:30px;
    height:30px;
    top:8px;
}
.mobil .invoiceGrid .rowBlockRight
{
    position:absolute;
    left:50px;
    top:5px;
    width: calc(100% - 60px);
    height:100px;
    overflow:hidden;    
    text-align:right;
    ;
}
.mobil .invoiceGrid .mobilRow .dataLeft
{
    position:relative;
}
.mobil .invoiceGrid .mobilRow .dataRight
{
    position:relative;
}
.mobil .invoiceGrid .mobilRow .tartozas {margin-top:5px;}
.mobil .invoiceGrid .mobilRow .bizonylatszam {font-size:16px;margin-bottom:5px;color: var(--color-High)}

.mobil .invoiceGrid .menu .mobilSortIcon  {left:auto;right:5px;}
.customSelectTag .bg{background: var(--background-Grid);}




.invoiceForm 
                    {
                    position:absolute;
                    width:100%;
                    max-width: 700px;;
                    right:0px;
                    top:2px;
                    bottom:0px;
                    background: var(--background-Form);
                    color:      var(--color-Form);
                    overflow: auto;
                    box-shadow: -5px 0 5px 0px var(--color-FormShadow);
                    display:none;
                    z-index:999;
                    }

.invoiceForm .title {
                    position:absolute;
                    top:10px;
                    height:45px;
                    padding-top:5px;
                    left:55px;
                    right:55px;                
                    font-size:20px;
                    text-align: center;
                    }

.invoiceForm .classIcon-Back 
                    {
                    width:20px;
                    height:20px;
                    }
.invoiceForm .buttonClose 
                    {
                    left:auto;
                    right:10px;    
                    }
                    
.invoiceForm .basic-data 
                    {
                    position:absolute;
                    top:70px;
                    left:0px;
                    right:0px;  
                    bottom:0px;
                    overflow:hidden;
                    overflow-y:auto;
                    padding:10px;       
                    }
.invoiceForm .bizonylatszam
                    {
                    position:absolute;
                    left:calc(50% - 75px);
                    width:150px;
                    top:42px;
                    text-align:center;                    
                    display:block;
                    overflow:hidden;  
                    font-size:18px;
                    }
.invoiceForm .redColor {color:var(--red);}
.invoiceForm .tdDate
                    {
                    text-align:center;
                    border:1px solid var(--background-GridRowBorder );
                    }
.invoiceForm .cardPrice
                    {
                    text-align:right;                    
                    width:100%;
                    position:relative;
                    }
.invoiceForm .rowPrice 
                    {
                    padding-right:10px;
                    text-align:right;
                    border-bottom:1px solid var(--background-GridRowBorder );                    
                    }
.invoiceForm .cardPrice .download
{
    position:absolute;
    left:10px;
    top:calc(50% - 25px );    
    width:50px;
    height:50px;
    filter:var(--icon-Invert);
    cursor:pointer;
    display:none;
}
.invoiceForm .cardPrice .classIcon-DownloadE {display:block;}
.invoiceForm .cardPrice .classIcon-DownloadEMPTY {display:block;}
.invoiceForm .cardPrice .eszamla {display:block;}
.invoiceForm .cardPrice table 
                    {    
                    margin-right: 0;
                    margin-left: auto;                    
                    }
.invoiceForm .separateLine 
                    { 
                    position:relative;
                    left:0px;
                    right:0px;
                    margin-top:10px;
                    margin-bottom: 10px;
                    }
        
.invoiceForm .event
                    {
                    position:relative;
                    min-height:10px;
                    padding:10px;
                    background: var(--background-GridRowHigh);
                    border:1px solid var(--color-List1-RowBorder);
                    border-radius: 10px;
                    box-shadow: 6px 6px 6px var(--color-List1-RowShadow);
                    z-index: 2;
                    margin-bottom:10px;
                    }
                  

.invoiceForm .event .eventMegnevezes
                    {
                    color: var(--color-List1-RowTitle1);
                    width:100%;
                    padding-top:3px;
                    padding-bottom:3px;
                    margin-top:3px;
                    text-align: justify;
                    text-justify: inter-word;    
                    font-size:14px;

                    }
                    
.invoiceForm .event .eventItem                  
                    {
                    width:130px;
                    font-size:12px;
                    color: var(--color-List1-RowTitle2);
                    text-align:right;
                    }
.invoiceForm .event .red   {background: var(--red);} 
.invoiceForm .event .green {background: var(--green);}
.invoiceForm .event .blue  {background: var(--blue);}                    

.mobil .invoiceForm 
                    {
                    max-width:100%;
                    }
.invoiceForm .eventLine
                    {
                    height:30px;
                    width:100%;
                    filter:var(--icon-Invert);
                    z-index: 1;
                    }