.ticketsGrid {font-size:14px;}
.ticketsGrid .rowHeight {max-height:30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.ticketsGrid .rowRight  {text-align:right;} 
.ticketsGrid .redIcon   {background: var(--red);} 
.ticketsGrid .greenIcon {background: var(--green);}
.ticketsGrid .yellowIcon {background: var(--yellow);}
.ticketsGrid .blueIcon  {background: var(--blue);}
.ticketsGrid .paddingLeft30 {padding-left:30px;}
.mobil .ticketsGrid .gridRow {height:115px;}

.mobil .ticketsGrid              {font-size:16px;}
.mobil .ticketsGrid .trigenyid   {position:absolute;top:0px;}
.mobil .ticketsGrid .igenydatum  {position:absolute;top:0px;right:0px;}
.mobil .ticketsGrid .igenytargy  {position:absolute;left:5px;top:63px;right:10px;height:42px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.mobil .ticketsGrid .status      {position:absolute;top:21px;}
.mobil .ticketsGrid .bejelento   {position:absolute;top:42px;}
.mobil .ticketsGrid .ora         {position:absolute;top:21px;right:0px;}



.ticketsForm 
                    {
                    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:block;
                    z-index:999;
                    }

.ticketsForm .title {
                    position:absolute;
                    top:10px;
                    height:45px;
                    padding-top:5px;
                    left:55px;
                    right:55px;                
                    font-size:20px;
                    text-align: center;
                    }
.ticketsForm .setrating 
                    {
                    position:absolute;
                    top:10px;
                    left:10px;
                    width:215px;
                    height:55px;
                    border:1px solid black;
                    padding-left:5px;
                    border-radius: 10px;
                    }
.ticketsForm .setrating .ratingtitle
                    {
                    font-size:12px;    
                    }                    
.ticketsForm .setrating .ratingbutton {                    
    cursor      : pointer;
    margin-left : 10px;
    margin-top  : 5px;
    padding     : 5px;
    padding-top : 0px;
    font-size   : 14px;
    height      : 25px;
}
.ticketsForm .setrating .starRating {
    cursor: pointer;
}
.ticketsForm .setrating .starRating:not(old){
  display        : inline-block;
  width          : 7.5em;
  height         : 1.5em;
  overflow       : hidden;
  vertical-align : bottom;
      cursor: pointer;
}

.ticketsForm .setrating .starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
      cursor: pointer;
}

.ticketsForm .setrating .starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('/img/star-off.svg');
  background-size : contain;
      cursor: pointer;
}

.ticketsForm .setrating .starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;  
  background      : url('/img/star-on.svg');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
  cursor          : pointer;
}

.ticketsForm .setrating .starRating:not(old) > label:hover:before,
.ticketsForm .setrating .starRating:not(old) > label:hover ~ label:before,
.ticketsForm .setrating .starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}
                    
.ticketsForm .showrating 
                    {
                    position:absolute;
                    top:10px;
                    left:10px;
                    width:150px;
                    height:30px;
                    
                    }
.ticketsForm .hidden {
                    display:none;                                          
                    }
.ticketsForm .showrating .ratingtitle
                    {
                    font-size:12px;    
                    }
                
.ticketsForm .showrating .ratingitem 
                    {
                    width : 1.5em;
                    height: 1.5em;    
                    }
.ticketsForm .showrating .item
                    {
                    margin-left:-4.5px;
                    }
.ticketsForm .showrating .item1{}



.ticketsForm .download 
                    {
                    position:absolute;
                    right:20px;
                    top:70px;
                    width:50px;
                    height:50px;
                    filter:var(--icon-Invert);
                    cursor:pointer;                    
                    }
.ticketsForm .classIcon-Back 
                    {
                    width:20px;
                    height:20px;
                    }                    
.ticketsForm .buttonClose 
                    {
                    left:auto;
                    right:10px;    
                    }
                    
.ticketsForm .basic-data 
                    {
                    position:absolute;
                    top:60px;
                    left:0px;
                    right:0px;  
                    bottom:0px;
                    overflow:hidden;
                    overflow-y:auto;
                    padding:10px;       
                    }
.ticketsForm .rowTitle
                    {
                    text-align: left;
                    display:inline-block;
                    min-width:110px;
                    overflow:hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;            
                    }
.ticketsForm .rowData
                    {
                    text-align: left;
                    padding-left:5px;
                    display:inline-block;
                    color: var(--color-List2-RowTitle2);
                    overflow:hidden;                    
                    text-overflow: ellipsis;
                    max-height: 42;
                    text-align: justify;
                    text-justify: inter-word;                        
                    
                    }
.ticketsForm .separateLine 
                    { 
                    position:relative;
                    left:0px;
                    right:0px;
                    margin-top:10px;
                    margin-bottom: 10px;
                    }

.ticketsForm .eventNewEsem.hidden {
    display:none;
}
.ticketsForm .eventNewEsem
{

    overflow:hidden;
    padding:5px;
    margin-bottom:10px;

}

.ticketsForm .eventNewEsem textarea {
    width:calc(100% - 45px);
    height:calc(100% - 25px);
    resize: none;
}
.ticketsForm .eventNewEsem .eventNewicon
{
    position : absolute;
    top:35px;
    right:10px;
    width:35px;
    height:35px;
    border: 1px solid var(--color-Border);
    border-radius: 6px;
    cursor:pointer;
    filter: var(--icon-Invert);
    
 }

.ticketsForm .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;
                    }
.ticketsForm .event .timer
                    {
                    position:absolute;
                    top:10px;
                    right:10px;
                    height:25px;
                    padding-right:25px;
                    text-align: right;
                    display:inline-grid;
                    color: var(--color-List2-RowTitle1);
                    overflow:hidden;     

                    vertical-align: middle;
                    }                    
.ticketsForm .event .timer .classIcon-Timer
                    {
                        position:absolute;
                        margin:auto;
                        width:20px;
                        height:20px;
                        right:0px;
                        top:3px;
                        filter:var(--icon-Invert);
                        display:inline-block;
                    }
.ticketsForm .event .allapot
                    {
                    text-align: left;
                    color: var(--color-List2-RowTitle1);
                    overflow:hidden;                    
                    text-overflow: ellipsis;
                    }                    

.ticketsForm .event .eventUser                  
                    {
                    color: var(--color-List2-RowTitle1);
                    width:100%;
                    }
.ticketsForm .event .eventLeiras
                    {
                    color: var(--color-List2-RowTitle1);
                    width:100%;
                    border-top: 1px solid var(--color-List2-RowBorder);    
                    border-bottom: 1px solid var(--color-List2-RowBorder);    
                    padding-top:3px;
                    padding-bottom:3px;
                    margin-top:3px;
                    text-align: justify;
                    text-justify: inter-word;    
                    font-size:14px;

                    }
                    
.ticketsForm .event .eventDate                  
                    {
                    font-size:12px;
                    color: var(--color-List2-RowTitle2);
                    }
.ticketsForm .event .red    {background: var(--red);} 
.ticketsForm .event .yellow {background: var(--yellow);} 
.ticketsForm .event .green  {background: var(--green);}
.ticketsForm .event .blue   {background: var(--blue);}                    

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