.svg                      { width:100%;height:100%; }
.svg-light                { width:100%;height:100%; }
.newticketForm .attachments
                          {
                            position:absolute;
                            left:0px;
                            right:0px;
                            bottom:0px;
                            height:100px;
                            overflow:hidden;

                          }
.newticketForm .uploadProgress
                          {
                            position:absolute;
                            left:0px;
                            right:0px;
                            bottom:0px;
                            top:48px;
                            overflow:hidden;
                            overflow-y:auto;       
                            border:1px solid var(--color-Border);
                            background: var(--background-Input);
                            border-radius: 5px;
                            padding-top:3px;
                          }
.newticketForm .uploadProgress .uploadRow  {
                        position:relative;
                        left:0px;
                        width:100%;height:30px;
                        }
.newticketForm .uploadProgress .uploadRow progress 
                        {             
                        margin-top:5px;
                        width: 100%;
                        height: 20px;
                        }
.newticketForm .uploadProgress .uploadRow .uploadCancel
                        {
                        position:absolute;
                        right:7px;
                        top:0px;
                        height:30px;
                        width:20px;
                        cursor:pointer;
                        filter:var(--icon-Invert);
                        }
.newticketForm .uploadProgress .uploadRow .uploadProgressBar
                        {
                        position:absolute;
                        right:30px;
                        top:0px;
                        height:30px;
                        width:160px;                
                        }
.newticketForm .uploadProgress .uploadRow .uploadProgressSuccess
                        {
                        position:absolute;
                        right:30px;
                        top:0px;
                        height:30px;
                        width:160px;         
                        display:none;

                        }
.newticketForm .uploadProgress .uploadRow .uploadProgressSuccess .circle
                        { 
                        position:absolute;
                        left:0px;
                        top:7px;
                        height:15px;
                        width:15px;                                                
                        border-radius:50%;
                        background: var(--green);
                        }
.newticketForm .uploadProgress .uploadRow .uploadProgressError
                        {
                        position:absolute;
                        right:30px;
                        top:0px;
                        height:30px;
                        width:160px;         
                        display:none;

                        }
.newticketForm .uploadProgress .uploadRow .uploadProgressError .message
                        {
                        position:absolute;
                        left:20px;
                        top:6px;
                        height:15px;
                        right:5px;         
                        font-size:11px;
                        }

.newticketForm .uploadProgress .uploadRow .uploadProgressError .circle
                        { 
                        position:absolute;
                        left:0px;
                        top:7px;
                        height:15px;
                        width:15px;                                                
                        border-radius:50%;
                        background: var(--red);
                        }

.newticketForm .uploadProgress .uploadRow .uploadFileData
                        {
                        overflow:hidden;
                        position:absolute;
                        left:0px;
                        top:0px;
                        height:28px;
                        width:calc(100% - 200px);        
                        }
.newticketForm .uploadProgress .uploadRow .uploadSize
                        {
                        position:absolute;
                        top:0px;
                        right:5px;
                        height:20px;                      
                        overflow:hidden;
                        }                        
.newticketForm .uploadProgress .uploadRow .uploadName
                        {
                        position:absolute;
                        top:0px;
                        left:5px;
                        height:22px;    
                        overflow:hidden;
                        text-overflow:ellipsis;
                        white-space:nowrap;
                        }
                                                  
.newticketForm .upload-frame      
                          {
                            position:absolute;
                            left:0px;
                            top:0px;
                            height:100%;
                            width:100%;
                            background:RGBA(0,0,0,0.1);
                            display:none;
                          }
.newticketForm .upload-frame .frame
                          { 
                            position:absolute;
                            left:10px;
                            top:10px;
                            right:10px;
                            bottom:10px;
                            border: 3px dashed gray;
                          }
.newticketForm .upload-frame .uploadframe                          
                          {
                            position:absolute;
                            left:0px;
                            top:0px;
                            height:100%;
                            width:100%;
                          }
.newticketForm .upload-frame .icon 
                          {
                            position:absolute;
                            left:50%;
                            top:50%;
                            width:50px;
                            height:50px;
                            margin-left:-25px;
                            margin-top:-25px;
                            filter:var(--icon-Invert);
                          }
                          
.newticketForm.frame      {
                            position:absolute;
                            left:0px;;                            
                            top:0px;
                            bottom:0px;
                            right:0px;     
                            overflow:hidden;
                            background: var(--background-Work);                              
                          }
.newticketForm .form      { position:absolute;
                            width:calc(100% - 20px);
                            max-width:900px;
                            top:10px;
                            bottom:10px;
                            left:50%;     
                            transform: translate(-50%,0px);
                            background: var(--background-Form);
                            color: var(--color-Form);
                            box-shadow: 0px 0px 24px var(--color-FormShadow);
                            border-radius: 10px;       
                            display:block;
                           }                          
.mobil .newticketForm .form {background:none;box-shadow:0px 0px 0px;}                                                     
.newticketForm .formTitle { position:absolute;
                            top:10px;
                            height:45px;
                            padding-top:5px;
                            left:55px;
                            right:55px;                
                            font-size:20px;
                            text-align: center;
                          }
.newticketForm .formSubTitle 
                          { position:absolute;
                            top:65px;
                            height:45px;
                            padding-top:5px;
                            left:20px;
                            right:55px;                
                            font-size:17px;
                            font-style: italic;
                            text-align: left;
                            color:var(--color-Work);
                          }           

.mobil .newticketForm .buttonClose {display:none;}
.newticketForm .buttonMFPClose 
                          {
                            left:70px;
                          }
.newticketForm .buttonAttachment
                          {
                            left:auto;
                            right:70px;
                          }
.mobil .newticketForm .buttonMFPClose {display:none;}
.newticketForm .basic     { position:absolute;
                            left:20px;
                            right:20px;
                            top:120px;
                            bottom:20px;
                            overflow:hidden;     
                            overflow-y: auto;
                            
                          }
.newticketForm .basic .inputTitle {font-size:20px;  }                          
.newticketForm .basic .inpuTitleBody {margin-top:15px;}
.newticketForm .basic input {width:100%;}
.newticketForm .basic .textarea {position:absolute;top:120px;left:0px;right:0px;bottom:5px;overflow:hidden;}
.newticketForm .basic textarea {width:100%;height:100%;resize:none;}
.newticketForm .formtitleInfo
                           { position:absolute;
                            top:55px;
                            left:100px;                            
                            right:100px;                
                            font-size:17px;
                            font-style: italic;
                            text-align: center;
                            color:var(--color-Work);
                          }           
.newticketForm .newticketTitle 
                          {
                            margin-top:10px;    
                            display:block; 
                            
                          }
.newticketForm .errorTitle
                           {
                            font-size:13px;
                            color:var(--red);
                            position:absolute;
                            left:20px;
                            right:20px;
                            top:100px;
                            height:20px;
                            overflow:hidden;
                            text-align:left;
                            display:none;
                            
                           }
                          
.newTicket_TipusValaszt  {
                           position:relative;
                           margin:auto;
                           margin-top:10px;
                           margin-bottom:25px;
                           height:90px;
                           border-radius: 10px;
                           border: 1px solid var(--color-List1-RowBorder);
                           background: var(--background-List1-Row);
                            
                           box-shadow: 0px 0px 10px var(--color-List1-RowShadow);
                           max-width:600px;
                          }                          
.newTicket_TipusValaszt:hover
                          {
                            background: var(--background-List1-RowHover);
                            cursor:pointer;                              
                          }
.newTicket_TipusValaszt .title
                          {
                            font-size:20px;
                            color: var(--color-List1-RowTitle1);
                            position:absolute;
                            left:100px;
                            top:7px;
                          } 
.mobil .newTicket_TipusValaszt .title {left:75px;}
.newTicket_TipusValaszt .detail
                           {
                            font-size:14px;
                            color: var(--color-List1-RowTitle2);
                            position:absolute;
                            left:100px;
                            top:37px;
                            text-align: justify;
                            text-justify: inter-word;
                            right:10px;
                           }
.mobil .newTicket_TipusValaszt .detail { left:75px; font-size:12px;}

.newTicket_TipusValaszt .icon 
                           {
                            position:absolute;
                            left:20px;
                            top:20px;
                            width:50px;
                            height:50px;
                            filter:var(--icon-Invert);
                           }
.mobil .newTicket_TipusValaszt .icon {left:10px;top:25px;width:40px;height:40px;}

.newTicket_TipusValaszt .iconFrame 
                           {
                            position:absolute;
                            left:75px;
                            top:20px;           
                            width:1px;
                            height:50px;
                            border-right:2px solid var(--yellow);
                            box-shadow: 6px 0px 10px var(--color-List1-RowShadow);
                           }
.mobil .newTicket_TipusValaszt .iconFrame {left:60px;}


                           
                           
.newTicket_MFPValaszt  {
                           position:relative;
                           margin:auto;
                           margin-top:10px;
                           margin-bottom:15px;
                           height:120px;
                           border-radius: 10px;
                           border: 1px solid var(--color-List1-RowBorder);
                           background: var(--background-List1-Row);
                            
                           box-shadow: 0px 0px 10px var(--color-List1-RowShadow);
                           max-width:600px;
                           overflow: hidden;
                          }                          
.newTicket_MFPValaszt:hover
                          {
                            background: var(--background-List1-RowHover);
                            cursor:pointer;                              
                          }
.newTicket_MFPValaszt .title2
                          {
                            font-size:20px;
                            color: var(--color-List1-RowTitle1);
                            position:absolute;
                            left:100px;
                            top:7px;
                            max-height: 28px;
                            overflow: hidden;
                          } 
.mobil .newTicket_MFPValaszt .title2 {left:75px;}
.newTicket_MFPValaszt .title1
                          {
                            font-size:20px;
                            color: var(--color-List1-RowTitle1);
                            position:absolute;
                            left:100px;
                            max-height:30px;
                            overflow:hidden;
                            top:37px;
                          } 
.mobil .newTicket_MFPValaszt .title1 {left:75px;font-size:14px;}

.newTicket_MFPValaszt .detail
                           {
                            font-size:14px;
                            color: var(--color-List1-RowTitle2);
                            position:absolute;
                            left:100px;
                            top:67px;
                            text-align: justify;
                            text-justify: inter-word;
                            right:10px;
                           }
.mobil .newTicket_MFPValaszt .detail {left:75px;font-size:12px;}
.newTicket_MFPValaszt .icon 
                           {
                            position:absolute;
                            left:00px;
                            top:0px;
                            margin-top:5px;
                            margin-left:5px;
                            width:40px;
                            height:40px;
                            filter:invert(100%);
                           }
.mobil .newTicket_MFPValaszt .icon {width:40px;height:40px;}
.newTicket_MFPValaszt .iconFrame 
                           {
                            position:absolute;                            
                            left:25px;
                            top:35px;           
                            width:50px;
                            height:50px;
                           }
.mobil .newTicket_MFPValaszt .iconFrame { left:10px;width:50px;height:50px;}
                           
.newticketForm .MFPValaszt .basic
{
    top:160px;
}
.newticketForm .mfpFilter
{
    width:100%;
    position:absolute;
    top:110px;
    height:50px;
    
}
.newticketForm .mfpFilter.scroll
{
    padding-right:15px;    
}
.newticketForm .mfpFilter .filter 
{
    position:relative;
    margin:auto;
    max-width: 600px;
    border:1px solid var(--color-Border);
    border-radius: 10px;
    vertical-align: middle;
}

.newticketForm .mfpFilter .filter input         {background:none;vertical-align: middle;border:0;outline:0;width:calc(100% - 80px );}
.newticketForm .mfpFilter .filter input:focus   {outline:none!important;}
.newticketForm .mfpFilter .filter .searchIcon   {margin:5px;margin-right:2px;width:30px;height:30px;display:inline-flex;vertical-align:middle;}
.newticketForm .mfpFilter .filter .deleteIcon   {width:30px;height:30px;top:5px;right:3px;background-size: 70% 70%;cursor:pointer;position:absolute;}
.newticketForm .mfpFilter .filter .deleteIconDisabled {visibility: hidden;}