/* SQL CLASS */







.icon_captchaReload::before 
    { 
        content: "\f015";
        display: inline-block;
        padding-left: 20px;
        font-style: normal;
        cursor: pointer;
    }

.developerErrorDiv
    {
        margin: 20px  0  0  0;
        position: fixed; -webkit-backface-visibility: hidden;
        bottom: 3px;
        left: 3px;
        width: 30px;
        height: 30px;
        overflow: hidden;
        cursor: help;  
        transition: width  0.5s  ease-out  0s;  
        border-radius: 5px  5px  5px  5px;    
        background-color: var(--bgc);
        box-shadow: 3px  3px  5px  rgba( 1 , 1 , 1 , 0.6 );
        z-index: 999999;
    }  
.developerErrorDiv:hover
    {
        width: auto;
        height: auto;
        cursor: default;
        border-radius: 0;
        max-height: 300px;
        overflow: auto;
        bottom: 0;
        left: 0;
    } 
    
.developerErrorDiv:hover > i
    {
        display: none;
    }            
          
.developerErrorTable
    { 
        width: 100%;
    }

.developerErrorTable  tr
    {
        border:  1px  solid  black;
    }
.developerErrorTable  tr:nth-child(even)
    {
        background-color: #CECECE;
    }
.developerErrorTable  tr:nth-child(odd)
    {
        background: #FEFEFE;
    }
.developerErrorTable  tr:hover
    {
        background-color: #000000;
    }
.developerErrorTable  tr:hover  td
    {
        color: #FFFFFF;
        cursor: help;
    }
.developerErrorTable  th
    {
        text-align: left;
        font-variant: small-caps;
        font-weight: bold;
        letter-spacing: 2px;
        font-size: 70%;
        color: #FFFFFC;
        padding: 10px;
        background-color: var(--bgc)  !important;
    }
.developerErrorTable  td , .developerErrorTable  th , .developerErrorTable  ul , .developerErrorTable  ol
    {
        display: block;
        padding: 5px  10px  
    }
.developerErrorTable  span::before
    {
        content: "●";
        display: inline-block;
        padding-right: 2px;
    }
.developerErrorTable  span
    {
        display: block;
    }
.developerRed
    {
        color: red;
        font-weight: bold;
    }
@media  only  screen  and  (min-width: 1000px)  and  (orientation: landscape)
    {
        .developerErrorTable  td , .developerErrorTable  th
            {
                display: table-cell;
            }
        .developerErrorTable  span
            {
                display: inline-block;
                padding-right: 15px;
            }
        .developerErrorTable  td , .developerErrorTable  th
            {
                border:  1px  solid  black;
            }
    }

.iconError
    {
        font-weight: bold;
        text-align:center;
        width:30px;
        line-height: 30px;
        display: block;
    }
    
.iconError::before
    {
        content: "\F00F";
        color: var(--icw);
        font-size: 20px;
    }  
    
.devAlert
    {
        background-color: red;
    }
    
#debugerContent
    {
        display: none;
        position: fixed; -webkit-backface-visibility: hidden;
        right: 0;
        bottom: 0;
        height: 500px;
        overflow: auto;
        box-shadow: -3px  3px  5px  rgba( 1 , 1 , 1 , 0.6 );
        width: calc( 100%  -  50px );
        background-color: #FFFFFF;
        padding: 15px;
        z-index: 999998;
        border: 1px  solid  var(--bgc);    
        overflow: hidden;  
    }        
    
#debugerTable
    {
        overflow: auto;
        height: 470px;
    }            

#errorDebuger , #errorTemplates
    {
        cursor: pointer;
    }
    
#debugerTable  table
    {
        width: 100%;
    } 
    
#debugerTable  td , #debugerTable  th
    {
        paddinG: 2px  10px;
    } 
    
#debugerTable  tr:nth-child( even )
    {
        background-color: #EEEEEE;
    }
    
#debugerTable  tr:hover
    {
        background-color: #555555;
        color: #FFFFFF;
    } 
    
#debugerTable  .noHover , #debugerTable  .noHover:hover
    {
        background-color: #FFFFFF  !important;
        color: #000000  !important;
    }     
    
#debugerTable  th
    {
        font-weight: bold;
        text-align: left;        
    }             
    
.ajaxError  td:first-child
    {
        background-color: #b98e9e  !important;
    }        

.pathTable
    {
        cursor: help;
    }        
.pathTable  table
    {
        position: fixed; -webkit-backface-visibility: hidden;
        top: 0;
        left: 0;
        display: none;
        border: 10px  solid  var(--bgc);
    }  
    
.pathTable:hover > table
    {
        display: block;
    } 
    
.pathTable  td
    {
        background-color: #FEFEFE  !important;
        color: var(--bgc)  !important; 
        font-size: 80%  !important;
        padding: 3px  !important; 
    }  
    
.pathTable  table  td:first-child
    {
        background-color: #FEFEFE  !important;
    }               


  





#alertDiv 
    {
        background-color: #F6F6F6;
        left: 0;
        padding: 2px  5px;
        position: fixed; -webkit-backface-visibility: hidden;
        top: 0px;
        width: 100%;
        z-index: 1000000;
        color: #4f4f4f;
        font-size: 75%;
        text-align:center;
        letter-spacing: 2px;
    }
    
#alertDivTitle 
    {
        background-color: #CECECE;
        border-radius: 5px;
        font-variant: small-caps;
        font-weight: 600;
        min-height: 25px;
        padding: 5px  25px  5px  15px;
    } 
    
.alertDivTitleRed
    {
        color: #4f4f4f;
        background-color: var(--bright)  !important;
    }        
    
.icon-alertClose
    {
        display: inline-block;     
        float: right;
        margin: 5px  10px  5px  0;
    }
            
.icon-alertClose::before 
    {
        content: "X";
        cursor: pointer;
        display: inline-block;        
    }  
    
#alertContent
    {
        border: 2px  solid  #5f5f5f;
        border-radius: 15px  0  15px  0;
        padding: 3px  100px;
        margin: 10px;
        background-color: #FFFFFF;
        display: inline-block;
        font-weight: bold;
        font-variant: small-caps;   
    }  
    
#myAlertConfirm
    {
        background-color: #e7dddd;
        border: none;
        border-radius: 3px;
        box-shadow: 2px  2px  2px  #7e7676;
        display: inline-block;
        font-size: 11px;
        font-variant: small-caps;
        letter-spacing: 2px;
        margin: 10px;
        padding: 3px  7px;
        text-transform: uppercase;
        float: right;
        cursor: pointer;
    }
#myAlertConfirm:active
    {
        box-shadow: 0px  0px  0px  #7e7676;        
    }













.closeParent
    {
        position: absolute;
        right: 5px;
        cursor: pointer;
        display: inline-block;
        padding: 5px;
        border: none;
        background-color: transparent;
        color: inherit; 
        outline: 0;       
    }
.closeParent:focus, .closeParent:hover, .closeParent:active
    {
        color: red;
        
    } 
.closeParentWhite:focus, .closeParentWhite:hover, .closeParentWhite:active
    {
        color: #FF66600  !important;
        
    }     
@media  only  screen  and  (min-width : 1000px)  and  (orientation : landscape)
    {
        .closeParent
            {        
                top: auto;
                bottom: 0;
            }                
    }        
.closeParent  i::before
    {
        content: "\F03D"; 
        font-size: 30px;
    }
@media  only  screen  and  (min-width : 1000px)  and  (orientation : landscape)
    {
        .closeParent  i::before
            { 
                font-size: 20px;
            }        
    }    


.closeDiv
    {
        position: absolute;
        right: 5px;
        cursor: pointer;
        display: inline-block;
        padding: 5px;
        clear: both;
        bottom: 0;
    }
@media  only  screen  and  (min-width : 1000px)  and  (orientation : landscape)
    {
        .closeDiv
            {        
                top: auto;
                bottom: 0;
            }                
    }        
.closeDiv  i::before
    {
        content: "\F03D"; 
        font-size: 30px;
    }
@media  only  screen  and  (min-width : 1000px)  and  (orientation : landscape)
    {
        .closeDiv  i::before
            { 
                font-size: 20px;
            }        
    } 
.ajaxListCover
    {
        position: relative;
    }  
    
.ajaxList
    {
        position: absolute  !important;
        background-color: var(--bgc);
        padding: 10px;
        min-width: 100%;
        z-index: 1000;
        border:  1px  solid  var(--blue2);
        display: none;
        box-shadow: 0  0  10px  rgba( 0 , 0 , 0, 0.7 );
        color: #FFFFFB;
    } 

.ajaxListResult
    {
        cursor: pointer;
        padding: 0  3px;
        color: #FFFFFB;
    }   
    
.selectedAjaxAnswer , .ajaxListResult:hover 
    {
        background-color: #bababa;
    }

.ajaxListTable 
    {
        background-color: transparent  !important;
    }    
    
.ajaxListTable  td
    {
        width: auto  !important;
        min-width: 0  !important;
        max-width: none  !important;
        padding-right: 10px;
        font-size: 80%;  
    } 
     
.ajaxListTable   th
    {
        text-align: center;
        border-bottom: 1px  solid  #FFFFFB  !important;
    } 
















/* SQL CLASS */

.hide
    {
        display: none  !important;
    } 
.w1{width:1%}
.w2{width:2%}
.w3{width:3%}
.w4{width:4%}
.w5{width:5%}
.w6{width:6%}
.w7{width:7%}
.w8{width:8%}
.w9{width:9%}
.w10{width:10%}
.w11{width:11%}
.w12{width:12%}
.w13{width:13%}
.w14{width:14%}
.w15{width:15%}
.w16{width:16%}
.w17{width:17%}
.w18{width:18%}
.w19{width:19%}
.w20{width:20%}
.w21{width:21%}
.w22{width:22%}
.w23{width:23%}
.w24{width:24%}
.w25{width:25%}
.w26{width:26%}
.w27{width:27%}
.w28{width:28%}
.w29{width:29%}
.w30{width:30%}
.w31{width:31%}
.w32{width:32%}
.w33{width:33%}
.w34{width:34%}
.w35{width:35%}
.w36{width:36%}
.w37{width:37%}
.w38{width:38%}
.w39{width:39%}
.w40{width:40%}
.w41{width:41%}
.w42{width:42%}
.w43{width:43%}
.w44{width:44%}
.w45{width:45%}
.w46{width:46%}
.w47{width:47%}
.w48{width:48%}
.w49{width:49%}
.w50{width:50%}
.w51{width:51%}
.w52{width:52%}
.w53{width:53%}
.w54{width:54%}
.w55{width:55%}
.w56{width:56%}
.w57{width:57%}
.w58{width:58%}
.w59{width:59%}
.w60{width:60%}
.w61{width:61%}
.w62{width:62%}
.w63{width:63%}
.w64{width:64%}
.w65{width:65%}
.w66{width:66%}
.w67{width:67%}
.w68{width:68%}
.w69{width:69%}
.w70{width:70%}
.w71{width:71%}
.w72{width:72%}
.w73{width:73%}
.w74{width:74%}
.w75{width:75%}
.w76{width:76%}
.w77{width:77%}
.w78{width:78%}
.w79{width:79%}
.w80{width:80%}
.w81{width:81%}
.w82{width:82%}
.w83{width:83%}
.w84{width:84%}
.w85{width:85%}
.w86{width:86%}
.w87{width:87%}
.w88{width:88%}
.w89{width:89%}
.w90{width:90%}
.w91{width:91%}
.w92{width:92%}
.w93{width:93%}
.w94{width:94%}
.w95{width:95%}
.w96{width:96%}
.w97{width:97%}
.w98{width:98%}
.w99{width:99%}
.w100{width:100%}

.pointer
    {
        cursor: pointer;
    } 
.opacity20
    {
        opacity: 0.2;
    } 

/* /var/www/service.kofa.hu/web/CMG/cmg_template/css/cssReset.css */
html , body , div , span , applet , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , a , abbr , acronym , address , big , cite , code , del , dfn , em , img , ins , kbd , q , s , samp , small , strike , strong , sub , sup , tt , var , b , u , i , center , dl , dt , dd , ol , ul , li , fieldset , form , label , legend , table , caption , tbody , tfoot , thead , tr , th , td , article , aside , canvas , details , embed , figure , figcaption , footer , header , hgroup , menu , nav , output , ruby , section , summary , time , mark , audio , video
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        outline: 0;
        background: transparent; 
        box-sizing: border-box;      
    }
article , aside , details , figcaption , figure , footer , header , hgroup , menu , nav , section 
    {
        display: block;
    } 
nav  ul 
    {
        list-style: none;
    }
blockquote , q 
    {
        quotes: none;
    }
blockquote:before , blockquote:after , q:before , q:after 
    {
        content: '';
        content: none;
    }
a 
    {
        margin: 0;
        padding: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
table 
    {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
*:-webkit-autofill , *:-webkit-autofill:hover , *:-webkit-autofill:focus , *:-webkit-autofill:active 
    {
        outline: none  !important;
    } 
    
@-webkit-keyframes autofill 
    {
        to {
            color: #FFFFFF;
            background: transparent;
        }
    }

input:-webkit-autofill 
    {
        -webkit-animation-name: autofill;
        -webkit-animation-fill-mode: both;
    }    
/* /var/www/service.kofa.hu/web/CMG/cmg_template/css/jquery-ui.css */
.ui-draggable-handle
    {
        -ms-touch-action: none;
        touch-action: none;
    }
.ui-helper-hidden
    {
        display: none;
    }
.ui-helper-hidden-accessible 
    {
        border: 0;
        clip: rect(0  0  0  0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
.ui-helper-reset
    {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }
.ui-helper-clearfix:before , .ui-helper-clearfix:after 
    {
        content: "";
        display: table;
        border-collapse: collapse;
    }
.ui-helper-clearfix:after
    {
        clear: both;
    }
.ui-helper-zfix
    {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter:Alpha(Opacity=0);
    }
.ui-front
    {
        z-index: 100;
    }
.ui-state-disabled
    {
        cursor: default !important;
        pointer-events: none;
    }
.ui-icon
    {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }
.ui-widget-icon-block 
    {
        left: 50%;
        margin-left: -8px;
        display: block;
    }
.ui-widget-overlay
    {
        position: fixed; -webkit-backface-visibility: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.ui-resizable
    {
        position: relative;
    }
.ui-resizable-handle
    {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }
.ui-resizable-disabled  .ui-resizable-handle , .ui-resizable-autohide  .ui-resizable-handle
    {
        display: none;
    }
.ui-resizable-n
    {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0;
    }
.ui-resizable-s
    {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
    }
.ui-resizable-e
    {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%;
    }
.ui-resizable-w
    {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%;
    }
.ui-resizable-se
    {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
    }
.ui-resizable-sw
    {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px;
    }
.ui-resizable-nw
    {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px;
    }
.ui-resizable-ne
    {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px;
    }
.ui-selectable
    {
        -ms-touch-action: none;
        touch-action: none;
    }
.ui-selectable-helper
    {
        position: absolute;
        z-index: 100;
        border: 1px  dotted  black;
    }
.ui-sortable-handle
    {
        -ms-touch-action: none;
        touch-action: none;
    }
.ui-accordion  .ui-accordion-header
    {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px  0  0  0;
        padding: .5em  .5em  .5em  .7em;
        font-size: 100%;
    }
.ui-accordion  .ui-accordion-content
    {
        padding: 1em  2.2em;
        border-top: 0;
        overflow: auto;
    }
.ui-autocomplete
    {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }
.ui-menu
    {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }
.ui-menu  .ui-menu
    {
        position: absolute;
    }
.ui-menu  .ui-menu-item
    {
        margin: 0;
        cursor: pointer;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }
.ui-menu  .ui-menu-item-wrapper
    {
        position: relative;
        padding: 3px  1em  3px  .4em;
    }
.ui-menu  .ui-menu-divider
    {
        margin: 5px  0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px  0  0  0;
    }
.ui-menu  .ui-state-focus , .ui-menu  .ui-state-active
    {
        margin: -1px;
    }
.ui-menu-icons
    {
        position: relative;
    }
.ui-menu-icons  .ui-menu-item-wrapper
    {
        padding-left: 2em;
    }
.ui-menu  .ui-icon
    {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto  0;
    }
.ui-menu  .ui-menu-icon
    {
        left: auto;
        right: 0;
    }
.ui-button
    {
        padding: .4em  1em;
        display: inline-block;
        position: relative;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: visible;
    }
.ui-button , .ui-button:link , .ui-button:visited , .ui-button:hover , .ui-button:active
    {
        text-decoration: none;
    }
.ui-button-icon-only
    {
        width: 2em;
        box-sizing: border-box;
        text-indent: -9999px;
        white-space: nowrap;
    }
input.ui-button.ui-button-icon-only
    {
        text-indent: 0;
    }
.ui-button-icon-only  .ui-icon
    {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }
.ui-button.ui-icon-notext  .ui-icon
    {
        padding: 0;
        width: 2.1em;
        height: 2.1em;
        text-indent: -9999px;
        white-space: nowrap;
    }
input.ui-button.ui-icon-notext  .ui-icon 
    {
        width: auto;
        height: auto;
        text-indent: 0;
        white-space: normal;
        padding: .4em  1em;
    }
input.ui-button::-moz-focus-inner , button.ui-button::-moz-focus-inner
    {
        border: 0;
        padding: 0;
    }
.ui-controlgroup
    {
        vertical-align: middle;
        display: inline-block;
    }
.ui-controlgroup > .ui-controlgroup-item
    {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
.ui-controlgroup > .ui-controlgroup-item:focus , .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus
    {
        z-index: 9999;
    }
.ui-controlgroup-vertical > .ui-controlgroup-item
    {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
    }
.ui-controlgroup-vertical  .ui-controlgroup-item
    {
        box-sizing: border-box;
    }
.ui-controlgroup  .ui-controlgroup-label
    {
        padding: .4em  1em;
    }
.ui-controlgroup  .ui-controlgroup-label  span
    {
        font-size: 80%;
    }
.ui-controlgroup-horizontal  .ui-controlgroup-label + .ui-controlgroup-item
    {
        border-left: none;
    }
.ui-controlgroup-vertical  .ui-controlgroup-label + .ui-controlgroup-item
    {
        border-top: none;
    }
.ui-controlgroup-horizontal  .ui-controlgroup-label.ui-widget-content
    {
        border-right: none;
    }
.ui-controlgroup-vertical  .ui-controlgroup-label.ui-widget-content
    {
        border-bottom: none;
    }
.ui-controlgroup-vertical  .ui-spinner-input
    {
        width: 75%;
        width: calc( 100%  -  2.4em );
    }
.ui-controlgroup-vertical  .ui-spinner .ui-spinner-up
    {
        border-top-style: solid;
    }
.ui-checkboxradio-label  .ui-icon-background
    {
        box-shadow: inset  1px  1px  1px  #ccc;
        border-radius: .12em;
        border: none;
    }
.ui-checkboxradio-radio-label  .ui-icon-background
    {
        width: 16px;
        height: 16px;
        border-radius: 1em;
        overflow: visible;
        border: none;
    }
.ui-checkboxradio-radio-label.ui-checkboxradio-checked  .ui-icon , .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover  .ui-icon
    {
        background-image: none;
        width: 8px;
        height: 8px;
        border-width: 4px;
        border-style: solid;
    }
.ui-checkboxradio-disabled
    {
        pointer-events: none;
    }
.ui-datepicker
    {
        width: 17em;
        padding: .2em  .2em  0;
        display: none;
    }
.ui-datepicker  .ui-datepicker-header
    {
        position: relative;
        padding: .2em  0;
    }
.ui-datepicker  .ui-datepicker-prev , .ui-datepicker  .ui-datepicker-next
    {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }
.ui-datepicker  .ui-datepicker-prev-hover , .ui-datepicker  .ui-datepicker-next-hover
    {
        top: 1px;
    }
.ui-datepicker  .ui-datepicker-prev
    {
        left: 2px;
    }
.ui-datepicker  .ui-datepicker-next
    {
        right: 2px;
    }
.ui-datepicker  .ui-datepicker-prev-hover
    {
        left: 1px;
    }
.ui-datepicker  .ui-datepicker-next-hover
    {
        right: 1px;
    }
.ui-datepicker  .ui-datepicker-prev  span , .ui-datepicker  .ui-datepicker-next span
    {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }
.ui-datepicker  .ui-datepicker-title
    {
        margin: 0  2.3em;
        line-height: 1.8em;
        text-align: center;
    }
.ui-datepicker  .ui-datepicker-title  select
    {
        font-size: 1em;
        margin: 1px  0;
    }
.ui-datepicker  select.ui-datepicker-month , .ui-datepicker  select.ui-datepicker-year
    {
        width: 45%;
    }
.ui-datepicker  table
    {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0  0  .4em;
    }
.ui-datepicker  th
    {
        padding: .7em  .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }
.ui-datepicker  td
    {
        border: 0;
        padding: 1px;
    }
.ui-datepicker  td  span , .ui-datepicker  td  a
    {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
    }
.ui-datepicker  .ui-datepicker-buttonpane
    {
        background-image: none;
        margin: .7em  0  0  0;
        padding: 0  .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
.ui-datepicker  .ui-datepicker-buttonpane button
    {
        float: right;
        margin: .5em  .2em  .4em;
        cursor: pointer;
        padding: .2em  .6em  .3em  .6em;
        width: auto;
        overflow: visible;
    }
.ui-datepicker  .ui-datepicker-buttonpane  button.ui-datepicker-current
    {
        float: left;
    }
.ui-datepicker.ui-datepicker-multi
    {
        width: auto;
    }
.ui-datepicker-multi  .ui-datepicker-group
    {
        float: left;
    }
.ui-datepicker-multi  .ui-datepicker-group  table
    {
        width: 95%;
        margin:  0  auto  .4em;
    }
.ui-datepicker-multi-2  .ui-datepicker-group
    {
        width: 50%;
    }
.ui-datepicker-multi-3  .ui-datepicker-group
    {
        width: 33.3%;
    }
.ui-datepicker-multi-4  .ui-datepicker-group
    {
        width: 25%;
    }
.ui-datepicker-multi  .ui-datepicker-group-last  .ui-datepicker-header , .ui-datepicker-multi  .ui-datepicker-group-middle  .ui-datepicker-header
    {
        border-left-width: 0;
    }
.ui-datepicker-multi  .ui-datepicker-buttonpane
    {
        clear: left;
    }
.ui-datepicker-row-break
    {
        clear: both;
        width: 100%;
        font-size: 0;
    }
.ui-datepicker-rtl
    {
        direction: rtl;
    }
.ui-datepicker-rtl  .ui-datepicker-prev
    {
        right: 2px;
        left: auto;
    }
.ui-datepicker-rtl  .ui-datepicker-next
    {
        left: 2px;
        right: auto;
    }
.ui-datepicker-rtl  .ui-datepicker-prev:hover
    {
        right: 1px;
        left: auto;
    }
.ui-datepicker-rtl  .ui-datepicker-next:hover
    {
        left: 1px;
        right: auto;
    }
.ui-datepicker-rtl  .ui-datepicker-buttonpane
    {
        clear: right;
    }
.ui-datepicker-rtl  .ui-datepicker-buttonpane  button
    {
        float: left;
    }
.ui-datepicker-rtl  .ui-datepicker-buttonpane  button.ui-datepicker-current , .ui-datepicker-rtl  .ui-datepicker-group
    {
        float: right;
    }
.ui-datepicker-rtl  .ui-datepicker-group-last  .ui-datepicker-header , .ui-datepicker-rtl  .ui-datepicker-group-middle  .ui-datepicker-header
    {
        border-right-width: 0;
        border-left-width: 1px;
    }
.ui-datepicker .ui-icon
    {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
        left: .5em;
        top: .3em;
    }
.ui-dialog
    {
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0;
    }
.ui-dialog  .ui-dialog-titlebar
    {
        padding: .4em  1em;
        position: relative;
    }
.ui-dialog  .ui-dialog-title
    {
        float: left;
        margin: .1em  0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.ui-dialog  .ui-dialog-titlebar-close
    {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px  0  0  0;
        padding: 1px;
        height: 20px;
    }
.ui-dialog  .ui-dialog-content
    {
        position: relative;
        border: 0;
        padding: .5em  1em;
        background: none;
        overflow: auto;
    }
.ui-dialog  .ui-dialog-buttonpane
    {
        text-align: left;
        border-width: 1px  0  0  0;
        background-image: none;
        margin-top: .5em;
        padding: .3em  1em  .5em  .4em;
    }
.ui-dialog  .ui-dialog-buttonpane  .ui-dialog-buttonset
    {
        float: right;
    }
.ui-dialog  .ui-dialog-buttonpane  button
    {
        margin: .5em  .4em  .5em  0;
        cursor: pointer;
    }
.ui-dialog  .ui-resizable-n
    {
        height: 2px;
        top: 0;
    }
.ui-dialog  .ui-resizable-e
    {
        width: 2px;
        right: 0;
    }
.ui-dialog  .ui-resizable-s
    {
        height: 2px;
        bottom: 0;
    }
.ui-dialog  .ui-resizable-w
    {
        width: 2px;
        left: 0;
    }
.ui-dialog  .ui-resizable-se , .ui-dialog  .ui-resizable-sw , .ui-dialog  .ui-resizable-ne , .ui-dialog  .ui-resizable-nw
    {
        width: 7px;
        height: 7px;
    }
.ui-dialog  .ui-resizable-se
    {
        right: 0;
        bottom: 0;
    }
.ui-dialog  .ui-resizable-sw
    {
        left: 0;
        bottom: 0;
    }
.ui-dialog  .ui-resizable-ne
    {
        right: 0;
        top: 0;
    }
.ui-dialog  .ui-resizable-nw
    {
        left: 0;
        top: 0;
    }
.ui-draggable  .ui-dialog-titlebar
    {
        cursor: move;
    }
.ui-progressbar
    {
        height: 2em;
        text-align: left;
        overflow: hidden;
    }
.ui-progressbar  .ui-progressbar-value
    {
        margin: -1px;
        height: 100%;
    }
.ui-progressbar  .ui-progressbar-overlay
    {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        opacity: 0.25;
    }
.ui-progressbar-indeterminate  .ui-progressbar-value
    {
        background-image: none;
    }
.ui-selectmenu-menu
    {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
.ui-selectmenu-menu  .ui-menu
    {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }
.ui-selectmenu-menu  .ui-menu  .ui-selectmenu-optgroup
    {
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 2px  0.4em;
        margin: 0.5em  0  0  0;
        height: auto;
        border: 0;
    }
.ui-selectmenu-open
    {
        display: block;
    }
.ui-selectmenu-text
    {
        display: block;
        margin-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.ui-selectmenu-button.ui-button
    {
        text-align: left;
        white-space: nowrap;
        width: 14em;
    }
.ui-selectmenu-icon.ui-icon
    {
        float: right;
        margin-top: 0;
    }
.ui-slider
    {
        position: relative;
        text-align: left;
    }
.ui-slider  .ui-slider-handle
    {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }
.ui-slider  .ui-slider-range
    {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0  0;
    }
.ui-slider.ui-state-disabled  .ui-slider-handle , .ui-slider.ui-state-disabled  .ui-slider-range
    {
        filter: inherit;
    }
.ui-slider-horizontal
    {
        height: .8em;
    }
.ui-slider-horizontal  .ui-slider-handle
    {
        top: -.3em;
        margin-left: -.6em;
    }
.ui-slider-horizontal  .ui-slider-range
    {
        top: 0;
        height: 100%;
    }
.ui-slider-horizontal  .ui-slider-range-min
    {
        left: 0;
    }
.ui-slider-horizontal  .ui-slider-range-max
    {
        right: 0;
    }
.ui-slider-vertical
    {
        width: .8em;
        height: 100px;
    }
.ui-slider-vertical  .ui-slider-handle
    {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }
.ui-slider-vertical  .ui-slider-range
    {
        left: 0;
        width: 100%;
    }
.ui-slider-vertical  .ui-slider-range-min
    {
        bottom: 0;
    }
.ui-slider-vertical  .ui-slider-range-max
    {
        top: 0;
    }
.ui-spinner
    {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
    }
.ui-spinner-input
    {
        border: none;
        background: none;
        color: inherit;
        padding: .222em  0;
        margin: .2em  0;        
        vertical-align: middle;
        margin-left: .4em;
        margin-right: 2em;
    }
.ui-spinner-button
    {
        width: 1.6em;
        height: 50%;
        font-size: .5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0;
    }
.ui-spinner  a.ui-spinner-button
    {
        border-top-style: none;
        border-bottom-style: none;
        border-right-style: none;
    }
.ui-spinner-up
    {
        top: 0;
    }
.ui-spinner-down
    {
        bottom: 0;
    }
.ui-tabs
    {
        position: relative;
        padding: .2em;
    }
.ui-tabs  .ui-tabs-nav
    {
        margin: 0;
        padding: .2em  .2em  0;
    }
.ui-tabs  .ui-tabs-nav  li
    {
        list-style: none;
        float: left;
        position: relative;
        top: 0;
        margin: 1px  .2em  0  0;
        border-bottom-width: 0;
        padding: 0;
        white-space: nowrap;
    }
.ui-tabs  .ui-tabs-nav  .ui-tabs-anchor
    {
        float: left;
        padding: .5em  1em;
        text-decoration: none;
    }
.ui-tabs  .ui-tabs-nav  li.ui-tabs-active
    {
        margin-bottom: -1px;
        padding-bottom: 1px;
    }
.ui-tabs  .ui-tabs-nav  li.ui-tabs-active  .ui-tabs-anchor , .ui-tabs  .ui-tabs-nav  li.ui-state-disabled  .ui-tabs-anchor , .ui-tabs  .ui-tabs-nav  li.ui-tabs-loading  .ui-tabs-anchor
    {
        cursor: text;
    }
.ui-tabs-collapsible  .ui-tabs-nav  li.ui-tabs-active  .ui-tabs-anchor
    {
        cursor: pointer;
    }
.ui-tabs  .ui-tabs-panel
    {
        display: block;
        border-width: 0;
        padding: 1em  1.4em;
        background: none;
    }
.ui-tooltip
    {
        padding: 8px;
        position: absolute;
        z-index: 9999;
        max-width: 300px;
    }
body  .ui-tooltip
    {
        border-width: 2px;
    }
.ui-widget
    {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }
.ui-widget  .ui-widget
    {
        font-size: 1em;
    }
.ui-widget  input , .ui-widget  select , .ui-widget  textarea , .ui-widget  button
    {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }
.ui-widget.ui-widget-content
    {
        border: 1px  solid  #c5c5c5;
    }
.ui-widget-content
    {
        border: 1px  solid  #dddddd;
        background: #ffffff;
        color: #333333;
    }
.ui-widget-content  a
    {
        color: #333333;
    }
.ui-widget-header
    {
        border: 1px  solid  #dddddd;
        background: #e9e9e9;
        color: #333333;
        font-weight: bold;
    }
.ui-widget-header  a
    {
        color: #333333;
    }
.ui-state-default , .ui-widget-content  .ui-state-default , .ui-widget-header  .ui-state-default , .ui-button , html  .ui-button.ui-state-disabled:hover , html  .ui-button.ui-state-disabled:active
    {
        border: 1px  solid  #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }
.ui-state-default  a , .ui-state-default  a:link , .ui-state-default  a:visited , a.ui-button , a:link.ui-button , a:visited.ui-button , .ui-button
    {
        color: #454545;
        text-decoration: none;
    }
.ui-state-hover , .ui-widget-content  .ui-state-hover , .ui-widget-header  .ui-state-hover , .ui-state-focus , .ui-widget-content  .ui-state-focus , .ui-widget-header  .ui-state-focus , .ui-button:hover , .ui-button:focus
    {
        border: 1px  solid  #cccccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
    }
.ui-state-hover  a , .ui-state-hover  a:hover , .ui-state-hover  a:link , .ui-state-hover  a:visited , .ui-state-focus  a , .ui-state-focus  a:hover , .ui-state-focus  a:link , .ui-state-focus  a:visited , a.ui-button:hover , a.ui-button:focus
    {
        color: #2b2b2b;
        text-decoration: none;
    }
.ui-visual-focus
    {
        box-shadow: 0  0  3px  1px  rgb(94 , 158 , 214);
    }
.ui-state-active , .ui-widget-content  .ui-state-active , .ui-widget-header  .ui-state-active , a.ui-button:active , .ui-button:active , .ui-button.ui-state-active:hover
    {
        border: 1px  solid  #003eff;
        background: #007fff;
        font-weight: normal;
        color: #ffffff;
    }
.ui-icon-background , .ui-state-active  .ui-icon-background
    {
        border: #003eff;
        background-color: #ffffff;
    }
.ui-state-active  a , .ui-state-active  a:link , .ui-state-active  a:visited
    {
        color: #ffffff;
        text-decoration: none;
    }
.ui-state-highlight , .ui-widget-content  .ui-state-highlight , .ui-widget-header  .ui-state-highlight
    {
        border: 1px  solid  #dad55e;
        background: #fffa90;
        color: #777620;
    }
.ui-state-checked
    {
        border: 1px  solid  #dad55e;
        background: #fffa90;
    }
.ui-state-highlight  a , .ui-widget-content  .ui-state-highlight  a , .ui-widget-header  .ui-state-highlight  a
    {
        color: #777620;
    }
.ui-state-error , .ui-widget-content  .ui-state-error , .ui-widget-header  .ui-state-error
    {
        border: 1px  solid  #f1a899;
        background: #fddfdf;
        color: #5f3f3f;
    }
.ui-state-error  a , .ui-widget-content  .ui-state-error  a , .ui-widget-header  .ui-state-error  a
    {
        color: #5f3f3f;
    }
.ui-state-error-text , .ui-widget-content  .ui-state-error-text , .ui-widget-header  .ui-state-error-text
    {
        color: #5f3f3f;
    }
.ui-priority-primary , .ui-widget-content  .ui-priority-primary , .ui-widget-header  .ui-priority-primary
    {
        font-weight: bold;
    }
.ui-priority-secondary , .ui-widget-content  .ui-priority-secondary , .ui-widget-header  .ui-priority-secondary
    {
        opacity: .7;
        filter:Alpha(Opacity=70);
        font-weight: normal;
    }
.ui-state-disabled , .ui-widget-content  .ui-state-disabled , .ui-widget-header  .ui-state-disabled
    {
        opacity: .35;
        filter:Alpha(Opacity=35);
        background-image: none;
    }
.ui-state-disabled  .ui-icon
    {
        filter:Alpha(Opacity=35);
    }
.ui-icon
    {
        width: 16px;
        height: 16px;
    }
.ui-icon , .ui-widget-content  .ui-icon
    {
        background-image: url("https://service.kofa.hu/CMG/cmg_template/img/jquery-ui/ui-icons_444444_256x240.png");
    }
.ui-widget-header  .ui-icon
    {
        background-image: url("https://service.kofa.hu/CMG/cmg_template/img/jquery-ui/ui-icons_444444_256x240.png");
    }
.ui-state-hover  .ui-icon , .ui-state-focus  .ui-icon , .ui-button:hover  .ui-icon , .ui-button:focus  .ui-icon
    {
        background-image: url("https://service.kofa.hu/CMG/cmg_template/img/jquery-ui/ui-icons_555555_256x240.png");
    }
.ui-state-active  .ui-icon , .ui-button:active  .ui-icon
    {
        background-image: url("https://service.kofa.hu/CMG/cmg_template/img/jquery-ui/ui-icons_ffffff_256x240.png");
    }
.ui-state-highlight  .ui-icon , .ui-button  .ui-state-highlight.ui-icon
    {
        background-image: url("https://service.kofa.hu/CMG/cmg_template/img/jquery-ui/ui-icons_777620_256x240.png");
    }
.ui-state-error  .ui-icon , .ui-state-error-text  .ui-icon
    {
        background-image: url("https://service.kofa.hu/CMG/cmg_template/img/jquery-ui/ui-icons_cc0000_256x240.png");
    }
.ui-button  .ui-icon
    {
        background-image: url("https://service.kofa.hu/CMG/cmg_template/img/jquery-ui/ui-icons_777777_256x240.png");
    }
.ui-icon-blank
    { 
        background-position: 16px  16px; 
    }
.ui-icon-caret-1-n
    { 
        background-position: 0  0;
    }
.ui-icon-caret-1-ne
    {
        background-position: -16px  0;
    }
.ui-icon-caret-1-e
    {
        background-position: -32px  0;
    }
.ui-icon-caret-1-se
    {
        background-position: -48px  0;
    }
.ui-icon-caret-1-s
    {
        background-position: -65px  0;
    }
.ui-icon-caret-1-sw
    {
        background-position: -80px  0;
    }
.ui-icon-caret-1-w
    {
        background-position: -96px  0;
    }
.ui-icon-caret-1-nw
    {
        background-position: -112px  0;
    }
.ui-icon-caret-2-n-s
    {
        background-position: -128px  0;
    }
.ui-icon-caret-2-e-w
    {
        background-position: -144px  0;
    }
.ui-icon-triangle-1-n
    {
        background-position: 0  -16px;
    }
.ui-icon-triangle-1-ne
    {
        background-position: -16px  -16px;
    }
.ui-icon-triangle-1-e
    {
        background-position: -32px  -16px;
    }
.ui-icon-triangle-1-se
    {
        background-position: -48px  -16px;
    }
.ui-icon-triangle-1-s
    {
        background-position: -65px  -16px;
    }
.ui-icon-triangle-1-sw
    {
        background-position: -80px  -16px;
    }
.ui-icon-triangle-1-w
    {
        background-position: -96px  -16px;
    }
.ui-icon-triangle-1-nw
    {
        background-position: -112px  -16px;
    }
.ui-icon-triangle-2-n-s
    {
        background-position: -128px  -16px;
    }
.ui-icon-triangle-2-e-w
    {
        background-position: -144px  -16px;
    }
.ui-icon-arrow-1-n
    {
        background-position: 0  -32px;
    }
.ui-icon-arrow-1-ne
    {
        background-position: -16px  -32px;
    }
.ui-icon-arrow-1-e
    {
        background-position: -32px  -32px;
    }
.ui-icon-arrow-1-se
    {
        background-position: -48px  -32px;
    }
.ui-icon-arrow-1-s
    {
        background-position: -65px  -32px;
    }
.ui-icon-arrow-1-sw
    {
        background-position: -80px  -32px;
    }
.ui-icon-arrow-1-w
    {
        background-position: -96px  -32px;
    }
.ui-icon-arrow-1-nw
    {
        background-position: -112px  -32px;
    }
.ui-icon-arrow-2-n-s
    {
        background-position: -128px  -32px;
    }
.ui-icon-arrow-2-ne-sw
    {
        background-position: -144px  -32px;
    }
.ui-icon-arrow-2-e-w
    {
        background-position: -160px  -32px;
    }
.ui-icon-arrow-2-se-nw
    {
        background-position: -176px  -32px;
    }
.ui-icon-arrowstop-1-n
    {
        background-position: -192px  -32px;
    }
.ui-icon-arrowstop-1-e
    {
        background-position: -208px  -32px;
    }
.ui-icon-arrowstop-1-s
    {
        background-position: -224px  -32px;
    }
.ui-icon-arrowstop-1-w
    {
        background-position: -240px  -32px;
    }
.ui-icon-arrowthick-1-n
    {
        background-position: 1px  -48px;
    }
.ui-icon-arrowthick-1-ne
    {
        background-position: -16px  -48px;
    }
.ui-icon-arrowthick-1-e
    {
        background-position: -32px  -48px;
    }
.ui-icon-arrowthick-1-se
    {
        background-position: -48px  -48px;
    }
.ui-icon-arrowthick-1-s
    {
        background-position: -64px  -48px;
    }
.ui-icon-arrowthick-1-sw
    {
        background-position: -80px  -48px;
    }
.ui-icon-arrowthick-1-w
    {
        background-position: -96px  -48px;
    }
.ui-icon-arrowthick-1-nw
    {
        background-position: -112px  -48px;
    }
.ui-icon-arrowthick-2-n-s
    {
        background-position: -128px  -48px;
    }
.ui-icon-arrowthick-2-ne-sw
    {
        background-position: -144px  -48px;
    }
.ui-icon-arrowthick-2-e-w
    {
        background-position: -160px  -48px;
    }
.ui-icon-arrowthick-2-se-nw
    {
        background-position: -176px  -48px;
    }
.ui-icon-arrowthickstop-1-n
    {
        background-position: -192px  -48px;
    }
.ui-icon-arrowthickstop-1-e
    {
        background-position: -208px  -48px;
    }
.ui-icon-arrowthickstop-1-s
    {
        background-position: -224px  -48px;
    }
.ui-icon-arrowthickstop-1-w
    {
        background-position: -240px  -48px;
    }
.ui-icon-arrowreturnthick-1-w
    {
        background-position: 0  -64px;
    }
.ui-icon-arrowreturnthick-1-n
    {
        background-position: -16px  -64px;
    }
.ui-icon-arrowreturnthick-1-e
    {
        background-position: -32px  -64px;
    }
.ui-icon-arrowreturnthick-1-s
    {
        background-position: -48px  -64px;
    }
.ui-icon-arrowreturn-1-w
    {
        background-position: -64px  -64px;
    }
.ui-icon-arrowreturn-1-n
    {
        background-position: -80px  -64px;
    }
.ui-icon-arrowreturn-1-e
    {
        background-position: -96px  -64px;
    }
.ui-icon-arrowreturn-1-s
    {
        background-position: -112px  -64px;
    }
.ui-icon-arrowrefresh-1-w
    {
        background-position: -128px  -64px;
    }
.ui-icon-arrowrefresh-1-n
    {
        background-position: -144px  -64px;
    }
.ui-icon-arrowrefresh-1-e
    {
        background-position: -160px  -64px;
    }
.ui-icon-arrowrefresh-1-s
    {
        background-position: -176px  -64px;
    }
.ui-icon-arrow-4
    {
        background-position: 0  -80px;
    }
.ui-icon-arrow-4-diag
    {
        background-position: -16px  -80px;
    }
.ui-icon-extlink
    {
        background-position: -32px  -80px;
    }
.ui-icon-newwin
    {
        background-position: -48px  -80px;
    }
.ui-icon-refresh
    {
        background-position: -64px  -80px;
    }
.ui-icon-shuffle
    {
        background-position: -80px  -80px;
    }
.ui-icon-transfer-e-w
    {
        background-position: -96px  -80px;
    }
.ui-icon-transferthick-e-w
    {
        background-position: -112px  -80px;
    }
.ui-icon-folder-collapsed
    {
        background-position: 0  -96px;
    }
.ui-icon-folder-open
    {
        background-position: -16px  -96px;
    }
.ui-icon-document
    {
        background-position: -32px  -96px;
    }
.ui-icon-document-b
    {
        background-position: -48px  -96px;
    }
.ui-icon-note
    {
        background-position: -64px  -96px;
    }
.ui-icon-mail-closed
    {
        background-position: -80px  -96px;
    }
.ui-icon-mail-open
    {
        background-position: -96px  -96px;
    }
.ui-icon-suitcase
    {
        background-position: -112px  -96px;
    }
.ui-icon-comment
    {
        background-position: -128px  -96px;
    }
.ui-icon-person
    {
        background-position: -144px  -96px;
    }
.ui-icon-print
    {
        background-position: -160px  -96px;
    }
.ui-icon-trash
    {
        background-position: -176px  -96px;
    }
.ui-icon-locked
    {
        background-position: -192px  -96px;
    }
.ui-icon-unlocked
    {
        background-position: -208px  -96px;
    }
.ui-icon-bookmark
    {
        background-position: -224px  -96px;
    }
.ui-icon-tag
    {
        background-position: -240px  -96px;
    }
.ui-icon-home
    {
        background-position: 0  -112px;
    }
.ui-icon-flag
    {
        background-position: -16px  -112px;
    }
.ui-icon-calendar
    {
        background-position: -32px  -112px;
    }
.ui-icon-cart
    {
        background-position: -48px  -112px;
    }
.ui-icon-pencil
    {
        background-position: -64px  -112px;
    }
.ui-icon-clock
    {
        background-position: -80px  -112px;
    }
.ui-icon-disk
    {
        background-position: -96px  -112px;
    }
.ui-icon-calculator
    {
        background-position: -112px  -112px;
    }
.ui-icon-zoomin
    {
        background-position: -128px  -112px;
    }
.ui-icon-zoomout
    {
        background-position: -144px  -112px;
    }
.ui-icon-search
    {
        background-position: -160px  -112px;
    }
.ui-icon-wrench
    {
        background-position: -176px  -112px;
    }
.ui-icon-gear
    {
        background-position: -192px  -112px;
    }      
.ui-icon-heart
    {
        background-position: -208px  -112px;
    }
.ui-icon-star
    {
        background-position: -224px  -112px;
    }
.ui-icon-link
    {
        background-position: -240px  -112px;
    }
.ui-icon-cancel
    {
        background-position: 0  -128px;
    }
.ui-icon-plus
    {
        background-position: -16px  -128px;
    }
.ui-icon-plusthick
    {
        background-position: -32px  -128px;
    }
.ui-icon-minus
    {
        background-position: -48px  -128px;
    }
.ui-icon-minusthick
    {
        background-position: -64px  -128px;
    }
.ui-icon-close
    {
        background-position: -80px  -128px;
    }
.ui-icon-closethick
    {
        background-position: -96px  -128px;
    }
.ui-icon-key
    {
        background-position: -112px  -128px;
    }
.ui-icon-lightbulb
    {
        background-position: -128px  -128px;
    }
.ui-icon-scissors
    {
        background-position: -144px  -128px;
    }
.ui-icon-clipboard
    {
        background-position: -160px  -128px;
    }
.ui-icon-copy
    {
        background-position: -176px  -128px;
    }
.ui-icon-contact
    {
        background-position: -192px  -128px;
    }
.ui-icon-image
    {
        background-position: -208px  -128px;
    }
.ui-icon-video
    {
        background-position: -224px  -128px;
    }
.ui-icon-script
    {
        background-position: -240px  -128px;
    }
.ui-icon-alert
    {
        background-position: 0  -144px;
    }
.ui-icon-info
    {
        background-position: -16px  -144px;
    }
.ui-icon-notice
    {
        background-position: -32px  -144px;
    }
.ui-icon-help
    {
        background-position: -48px  -144px;
    }
.ui-icon-check
    {
        background-position: -64px  -144px;
    }
.ui-icon-bullet
    {
        background-position: -80px  -144px;
    }
.ui-icon-radio-on
    {
        background-position: -96px  -144px;
    }
.ui-icon-radio-off
    {
        background-position: -112px  -144px;
    }
.ui-icon-pin-w
    {
        background-position: -128px  -144px;
    }
.ui-icon-pin-s
    {
        background-position: -144px  -144px;
    }
.ui-icon-play
    {
        background-position: 0  -160px;
    }
.ui-icon-pause
    {
        background-position: -16px  -160px;
    }
.ui-icon-seek-next
    {
        background-position: -32px  -160px;
    }
.ui-icon-seek-prev
    {
        background-position: -48px  -160px;
    }
.ui-icon-seek-end
    {
        background-position: -64px  -160px;
    }
.ui-icon-seek-start
    {
        background-position: -80px  -160px;
    }
.ui-icon-seek-first
    {
        background-position: -80px  -160px;
    }
.ui-icon-stop
    {
        background-position: -96px  -160px;
    }
.ui-icon-eject
    {
        background-position: -112px  -160px;
    }
.ui-icon-volume-off
    {
        background-position: -128px  -160px;
    }
.ui-icon-volume-on
    {
        background-position: -144px  -160px;
    }
.ui-icon-power
    {
        background-position: 0  -176px;
    }
.ui-icon-signal-diag
    {
        background-position: -16px  -176px;
    }
.ui-icon-signal
    {
        background-position: -32px  -176px;
    }
.ui-icon-battery-0
    {
        background-position: -48px  -176px;
    }
.ui-icon-battery-1
    {
        background-position: -64px  -176px;
    }
.ui-icon-battery-2
    {
        background-position: -80px  -176px;
    }
.ui-icon-battery-3
    {
        background-position: -96px  -176px;
    }
.ui-icon-circle-plus
    {
        background-position: 0  -192px;
    }
.ui-icon-circle-minus
    {
        background-position: -16px  -192px;
    }
.ui-icon-circle-close
    {
        background-position: -32px  -192px;
    }
.ui-icon-circle-triangle-e
    {
        background-position: -48px  -192px;
    }
.ui-icon-circle-triangle-s
    {
        background-position: -64px  -192px;
    }
.ui-icon-circle-triangle-w
    {
        background-position: -80px  -192px;
    }
.ui-icon-circle-triangle-n
    {
        background-position: -96px  -192px;
    }
.ui-icon-circle-arrow-e
    {
        background-position: -112px  -192px;
    }
.ui-icon-circle-arrow-s
    {
        background-position: -128px  -192px;
    }
.ui-icon-circle-arrow-w
    {
        background-position: -144px  -192px;
    }
.ui-icon-circle-arrow-n
    {
        background-position: -160px  -192px;
    }
.ui-icon-circle-zoomin
    {
        background-position: -176px  -192px;
    }
.ui-icon-circle-zoomout
    {
        background-position: -192px  -192px;
    }
.ui-icon-circle-check
    {
        background-position: -208px  -192px;
    }
.ui-icon-circlesmall-plus
    {
        background-position: 0  -208px;
    }
.ui-icon-circlesmall-minus
    {
        background-position: -16px  -208px;
    }
.ui-icon-circlesmall-close
    {
        background-position: -32px  -208px;
    }
.ui-icon-squaresmall-plus
    {
        background-position: -48px  -208px;
    }
.ui-icon-squaresmall-minus
    {
        background-position: -64px  -208px;
    }
.ui-icon-squaresmall-close
    {
        background-position: -80px  -208px;
    }
.ui-icon-grip-dotted-vertical
    {
        background-position: 0  -224px;
    }
.ui-icon-grip-dotted-horizontal
    {
        background-position: -16px  -224px;
    }
.ui-icon-grip-solid-vertical
    {
        background-position: -32px  -224px;
    }
.ui-icon-grip-solid-horizontal
    {
        background-position: -48px  -224px;
    }
.ui-icon-gripsmall-diagonal-se
    {
        background-position: -64px  -224px;
    }
.ui-icon-grip-diagonal-se
    {
        background-position: -80px  -224px;
    }
.ui-corner-all , .ui-corner-top , .ui-corner-left , .ui-corner-tl
    {
        border-top-left-radius: 3px;
    }
.ui-corner-all , .ui-corner-top , .ui-corner-right , .ui-corner-tr
    {
        border-top-right-radius: 3px;
    }
.ui-corner-all , .ui-corner-bottom , .ui-corner-left , .ui-corner-bl
    {
        border-bottom-left-radius: 3px;
    }
.ui-corner-all , .ui-corner-bottom , .ui-corner-right , .ui-corner-br
    {
        border-bottom-right-radius: 3px;
    }
.ui-widget-overlay
    {
        background: #aaaaaa;
        opacity: .3;
        filter: Alpha(Opacity=30);
    }
.ui-widget-shadow
    {
        -webkit-box-shadow: 0px  0px  5px  #666666;
        box-shadow: 0px  0px  5px  #666666;
    }        
/* /var/www/service.kofa.hu/web/CMG/cmg_template/css/cmgFont.css */
@font-face
    {
	   font-family: 'CMGfont';
	   src: url('CMG/cmg_template/font/CMGfont.eot?v=1736322670');
	   src: local('☺') , 
            url('CMG/cmg_template/font/CMGfont.woff?v=1736322670')  format('woff') , 
            url('CMG/cmg_template/font/CMGfont.ttf?v=1736322670')  format('truetype') , 
            url('CMG/cmg_template/font/CMGfont.svg?v=1736322670')  format('svg');
	   font-weight: normal;
	   font-style: normal;
       font-display: fallback;
    }

body , input , button , select , textarea  
    {
		font-family: 'CMGfont' , Sans-Serif;
	}       
/* /var/www/service.kofa.hu/web/CMG/cmg_template/css/cssAll.css */
:root 
    {
        --bgc: #0B5582;
        --fc:  #FFFFFF;
        --ic:  #0d5e8f;
        --icw: #CECECE;
        --darkB: #05476f;
        --blue2: #2c6486;
        --blackB: #012e4a;
        --gray: #E7EAED;
        --darkGray: #C0C0C0;
        --font: #000000;
        --bright: #FFAA01;
        --lightBright: #FDD689;
        --lightBlue: #E9F4F7;
        --green: #37B000;
        
        --fc2: #394E67;
        --darkGray2: #EDEFF2;
        --lightGray2: #F5F6F7;
        --fontGray: #394E67;
        --orange2:#ffbd53
    }

/* TAGS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/    
    
a
    {
        text-decoration: none;
        transition: all  0.3s  ease-out  0s;
    } 
    
a img
    {
        border: none;
    }
    
button
    {
        cursor: pointer;
        transition: all  0.3s  ease-out  0s;
    }  
    
::-webkit-input-placeholder 
    {
        color: #363636;
        opacity: 0.8;
    }
::-moz-placeholder 
    {
        color: #363636;
        opacity: 0.8;
    }
:-ms-input-placeholder 
    {
        color: #363636;
        opacity: 0.8;
    }
:-moz-placeholder 
    {
        color: #363636;
        opacity: 0.8;
    }
    
input:focus , button:focus , textarea:focus , select:focus , input:active , button:active , textarea:active , select:active
    {
        outline: none  !important;                
    }  
    
button::-moz-focus-inner 
    {
        border: 0;
    }
    
input::-webkit-outer-spin-button , input::-webkit-inner-spin-button 
    {    
        -webkit-appearance: none;
        margin: 0;
    }

input[type=number] 
    {
        -moz-appearance:textfield; 
    }    

.ellipsis
    {
        display: block  !important;
        white-space: nowrap; 
        min-width: 80px;
        max-width: 150px; 
        overflow: hidden;
        text-overflow: ellipsis;         
    }  
    
.displayBlock
    {
        display: block  !important;
    }
    
.displayInlineBlock
    {
        display: inline-block  !important;
    }        
    
.displayInline
    {
        display: inline  !important;
    }    
    
.tableTop  td
    {
        vertical-align: top;
    }
    
.noOverflow
    {
        overflow: hidden  !important;
    }             
    
.clear
    {
        display: block;
        clear: both;
    }

.clear0
    {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
    }  
    
.clear5
    {
        display: block;
        clear: both;
        height: 5px;
        overflow: hidden;
    }
    
.clear10
    {
        display: block;
        clear: both;
        height: 10px;
        overflow: hidden;
    }
    
.clear15
    {
        display: block;
        clear: both;
        height: 15px;
        overflow: hidden;
    }
    
.clear20
    {
        display: block;
        clear: both;
        height: 20px;
        overflow: hidden;
    }
    
.clear25
    {
        display: block;
        clear: both;
        height: 25px;
        overflow: hidden;
    }
    
.clear30
    {
        display: block;
        clear: both;
        height: 30px;
        overflow: hidden;
    }
    
.clear40
    {
        display: block;
        clear: both;
        height: 40px;
        overflow: hidden;
    }
    
.clear50
    {
        display: block;
        clear: both;
        height: 50px;
        overflow: hidden;
    } 
    
.clear75
    {
        display: block;
        clear: both;
        height: 75px;
        overflow: hidden;
    }
    
.clear100
    {
        display: block;
        clear: both;
        height: 100px;
        overflow: hidden;
    }
    
.clear150
    {
        display: block;
        clear: both;
        height: 150px;
        overflow: hidden;
    }   
    
.fs80
    {
        font-size: 80%  !important;
    }      
    
.mnl
    {
        display: block;
        clear: both;
        height: 1px;        
    } 
@media  only  screen  and  (min-width:1000px)  and  (orientation:landscape)
    {
        .mnl
            {
                display: none;
            }
    }        
                                                   
    
.col2 , .col3 , .col4
    {
        width: 100%;
        padding: 20px;
    } 
@media  only  screen  and  (min-width:1000px)  and  (orientation:landscape)
    {
        .col2
            {
                width: 50%;
                float: left;
            }
        .col3
            {
                width: 33.33%;
                float: left;
            }
        .col4
            {
                width: 25%;
                float: left;
            }                                          
    }        
    
/* CLASS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

.font10
    {
        font-size: 10px;
    }
.font11
    {
        font-size: 11px;
    }    
.font12
    {
        font-size: 12px;
    }    
.font13
    {
        font-size: 13px;
    }    
.font14
    {
        font-size: 14px;
    }
.font15
    {
        font-size: 15px;
    }
.font16
    {
        font-size: 16px;
    }
.font17
    {
        font-size: 17px;
    }                
.font18
    {
        font-size: 18px;
    }
.font19
    {
        font-size: 19px;
    }
.font20
    {
        font-size: 20px;
    }        
.font21
    {
        font-size: 21px;
    }    
                
    
    

.medium
    {
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
    }
.bold
    {
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
    }    
.help
    {
        cursor: help;
    }
    
.w0
    {
        width: 0  !important;
    }    
    
.none
    {
        display: none  !important;
    }      
    
.bold
    {
        font-weight: bold;
    }    
    
.vTop
    {
        vertical-align: top;
    }    
    
.vBottom
    {
        vertical-align: bottom;
    }  
    
.left
    {
        float: left;
    }      
    
.right
    {
        float: right;
    } 
    
.tleft
    {
        text-align:left;
    } 
    
.tright
    {
        text-align: right;
    } 

.tcenter
    {
        text-align: center;
    } 
    
.tjustify
    {
        text-align: justify;
    }                
    
.noPointer
    {
        cursor: default  !important;
    } 
    
.disableLabel
    {
        cursor: default  !important;
        opacity: 0.7;
    }  
    
.tableDiv
    {
        display: table;
        width: calc( 100%  -  20px );
    }                
    
.tableDiv  >  p
    {
        display: table-row;
    }    
    
.tableDiv  >  p  >  span
    {
        display: table-cell
    }
    
.tableDivMargin
    {
        margin-left: 20px;
    }  
    
.nowrap
    {
        white-space: nowrap;
    } 
    
.ui-resizable
    {
        overflow: hidden  !important;
    } 
    
.overflowY11
    {
        max-height: 13px  !important;
    } 
.overflowY12
    {
        max-height: 14px  !important;
    }  
.overflowY13
    {
        max-height: 15px  !important;
    }  
.overflowY14
    {
        max-height: 17px  !important;
    }  
.overflowY15
    {
        max-height: 18px  !important;
    }  
.overflowY16
    {
        max-height: 20px  !important;
    }  
.overflowY17
    {
        max-height: 20px  !important;
    } 
.overflowY18
    {
        max-height: 22px  !important;
    } 
.overflowY19
    {
        max-height: 22px  !important;
    } 
.overflowY20
    {
        max-height: 22px  !important;
    }
.overflowY21
    {
        max-height: 22px  !important;
    } 
    
@media  only  screen  and  (min-width:900px)  and  (orientation:landscape)
    {
        .overflowY15
            {
                max-height: 17px  !important;
            }  
        .overflowY16
            {
                max-height: 17px  !important;
            }  
        .overflowY17
            {
                max-height: 17px  !important;
            } 
        .overflowY18
            {
                max-height: 17px  !important;
            } 
        .overflowY19
            {
                max-height: 17px  !important;
            } 
        .overflowY20
            {
                max-height: 17px  !important;
            }
        .overflowY21
            {
                max-height: 17px  !important;
            }        
    }   
    
@media  only  screen  and  (min-width:1200px)  and  (orientation:landscape)
    {
        .overflowY15
            {
                max-height: 18px  !important;
            }  
        .overflowY16
            {
                max-height: 20px  !important;
            }  
        .overflowY17
            {
                max-height: 20px  !important;
            } 
        .overflowY18
            {
                max-height: 20px  !important;
            } 
        .overflowY19
            {
                max-height: 20px  !important;
            } 
        .overflowY20
            {
                max-height: 20px  !important;
            }
        .overflowY21
            {
                max-height: 20px  !important;
            }         
    }    
    
@media  only  screen  and  (min-width:1500px)  and  (orientation:landscape)
    {
        .overflowY18
            {
                max-height: 22px  !important;
            } 
        .overflowY19
            {
                max-height: 23px  !important;
            } 
        .overflowY20
            {
                max-height: 25px  !important;
            }
        .overflowY21
            {
                max-height: 26px  !important;
            }         
    }                      
                                
    
.body11 , .body11  input , .body11  select , .body11  textarea , .body11  button
    {
        font-size: 11px;
    }      
.body12 , .body12  input , .body12  select , .body12  textarea , .body12  button  
    {
        font-size: 12px;
    }
.body13 , .body13  input , .body13  select , .body13  textarea , .body13  button
    {
        font-size: 13px;
    }
.body14 , .body14  input , .body14  select , .body14  textarea , .body14  button  
    {
        font-size: 14px;
    }
.body15 , .body15  input , .body15  select , .body15  textarea , .body15  button  
    {
        font-size: 15px;
    }
.body16 , .body16  input , .body16  select , .body16  textarea , .body16  button  
    {
        font-size: 16px;
    }  
.body17 , .body17  input , .body17  select , .body17  textarea , .body17  button  
    {
        font-size: 17px;
    }
.body18 , .body18  input , .body18  select , .body18  textarea , .body18  button  
    {
        font-size: 18px;
    }
.body19 , .body19  input , .body19  select , .body19  textarea , .body19  button  
    {
        font-size: 18px;
    }  
.body20 , .body20  input , .body20  select , .body20  textarea , .body20  button  
    {
        font-size: 18px;
    }                             
.body21 , .body21  input , .body21  select , .body21  textarea , .body21  button  
    {
        font-size: 18px;
    } 

@media  only  screen  and  (min-width:900px)  and  (orientation:landscape)
    {
        .body15 , .body15  input , .body15  select , .body15  textarea , .body15  button  
            {
                font-size: 14px;
            }
        .body16 , .body16  input , .body16  select , .body16  textarea , .body16  button  
            {
                font-size: 14px;
            }  
        .body17 , .body17  input , .body17  select , .body17  textarea , .body17  button  
            {
                font-size: 14px;
            }
        .body18 , .body18  input , .body18  select , .body18  textarea , .body18  button  
            {
                font-size: 14px;
            }
        .body19 , .body19  input , .body19  select , .body19  textarea , .body19  button  
            {
                font-size: 14px;
            }  
        .body20 , .body20  input , .body20  select , .body20  textarea , .body20  button  
            {
                font-size: 14px;
            }                             
        .body21 , .body21  input , .body21  select , .body21  textarea , .body21  button  
            {
                font-size: 14px;
            }         
    }  
    
@media  only  screen  and  (min-width:1200px)  and  (orientation:landscape)
    {
        .body15 , .body15  input , .body15  select , .body15  textarea , .body15  button  
            {
                font-size: 15px;
            }
        .body16 , .body16  input , .body16  select , .body16  textarea , .body16  button  
            {
                font-size: 16px;
            }  
        .body17 , .body17  input , .body17  select , .body17  textarea , .body17  button  
            {
                font-size: 17px;
            }
        .body18 , .body18  input , .body18  select , .body18  textarea , .body18  button  
            {
                font-size: 17px;
            }
        .body19 , .body19  input , .body19  select , .body19  textarea , .body19  button  
            {
                font-size: 17px;
            }  
        .body20 , .body20  input , .body20  select , .body20  textarea , .body20  button  
            {
                font-size: 17px;
            }                             
        .body21 , .body21  input , .body21  select , .body21  textarea , .body21  button  
            {
                font-size: 17px;
            }         
    }   
    
@media  only  screen  and  (min-width:1500px)  and  (orientation:landscape)
    {
        .body18 , .body18  input , .body18  select , .body18  textarea , .body18  button  
            {
                font-size: 18px;
            }
        .body19 , .body19  input , .body19  select , .body19  textarea , .body19  button  
            {
                font-size: 19px;
            }  
        .body20 , .body20  input , .body20  select , .body20  textarea , .body20  button  
            {
                font-size: 20px;
            }                             
        .body21 , .body21  input , .body21  select , .body21  textarea , .body21  button  
            {
                font-size: 21px;
            }         
    }  
    
    
             
       
             
    
/* DEVELOPER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

.viewerBlock
    {
        position: fixed  !important; -webkit-backface-visibility: hidden;
        z-index: 10000;
        background-color: var(--bgc);
        box-shadow: 0  0  10px  rgba( 0 , 0 , 0 , 0.7 );
        display: none;
        padding: 0  10px  10px  10px;
        overflow: auto;
        border-radius: 3px;
    } 
    
.viewerBlock  table
    {
        min-width: 100%;
    } 
    
.viewerTabNames
    {
        position: sticky;
        top: 0;
        background-color: var(--bgc);
        border-bottom: 10px  solid  #FFFFFF;
        border-top: 10px  solid  var(--bgc);
    }        

.viewerTabNames  div
    {
        display: inline-block;
        border:  1px  solid  transparent;
        padding: 3px  5px;
        white-space: nowrap;
        background-color: var(--bright);
        cursor: pointer;
        transition: all  0.3s  ease-out  0.1s;
    }
    
.viewerTabNames  div:hover
    {
        background-color: #CCE70A;
    }      
    
.viewerTabNames  .activeTab
    {
        background-color: #FFFFFF;
    }

.viewerTabContent
    {
        display: none;
        min-height: calc( 100%  -  30px );
    }         
    

.viewerTabNames  i
    {
        float: right;
        display: inline-block;
        margin-left: 5px;
        cursor: pointer;
        color: var(--bright);
        transition: all  0.3s  ease-out  0.1s;
    } 
.viewerTabNames  i::before
    {
        transition: all  0.3s  ease-out  0.1s;
    }     
    
.viewerTabNames  i:hover
    {
        color: var(--bright);     
    }
    
.viewerFixActive, .viewerMoveActive , #viewerClose:hover , #viewerMove:hover , #viewerFix:hover
    {
        color: var(--lightBright)  !important;
    }                
    

.viewerTabContents
    {
        background-color: #FFFFFF;
        padding: 10px  0;  
        min-height: calc( 100%  -  50px );      
    }
        
.viewerTabContents  table  tr  td:first-child
    {
        padding: 3px  3px  3px  10px;
        white-space: nowrap;
        font-variant: small-caps;
        font-size: 80%;
        font-weight: bold;
        width: 20%;
    }
    
.viewerTabContents  table  tr  td:last-child
    {
        padding: 3px  10px  3px  3px;
        font-style: italic;
        font-size: 90%;
    }
    
#viewerMove::before
    {
        content: "\F062";
    }  
#viewerFix::before
    {
        content: "\F061";
    } 
#viewerClose::before
    {
        content: "\F063";
    }
.viewerSubSub  tbody  tr  
    {
        border-bottom: 2px  solid  #FFFFFF;
        background-color: #F9F9F9;
    }   
     
.viewerSubSub  td      
    {
        width: 33%;        
        font-variant: normal  !important;
        font-size: 90%  !important;
    }   
    
.viewerRowData:hover , .viewerSubSub  tbody  tr:hover
    {
        background-color: #F0F0F0  !important;
    }     
                               
.viewerBlock  table  tr > th
    {
        text-align: left;
        padding: 3px  3px  3px  10px;
        font-weight: bold;
        letter-spacing: 2px;
        font-variant: small-caps;
    }
    
.viewerBlockDark  td
    {
        background-color: #DDDDDD  !important;
    } 
    
.viewerBlockNoHover:hover
    {
        background-color: transparent  !important;
    }  
    
.viewerSubSub  tr th
    {
        padding: 3px  3px  3px  0px  !important;
    } 
         
.viewerSubSub  tr th:first-child
    {
        padding: 3px  3px  3px  10px  !important;
    } 

.viewerSubSubFree
    {
        border-collapse: separate;
        border-spacing: 3px;        
    }   
     
.viewerSubSubFree  td
    {
        width: auto  !important;
        padding: 0  10px;        
    }     
    
input::-ms-reveal 
    {
        display:none;
    }   
    
input::-ms-clear 
    {
        display: none;
    }
    
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0  0  0  30px  white  inset  !important;
}

input:-webkit-autofill , input:-webkit-autofill:hover ,  input:-webkit-autofill:focus , textarea:-webkit-autofill , textarea:-webkit-autofill:hover , textarea:-webkit-autofill:focus , select:-webkit-autofill , select:-webkit-autofill:hover , select:-webkit-autofill:focus 
    {
        border: none;
        -webkit-text-fill-color: black;
    } 
    
.fileOpenerContainer
    {
        display: inline-block;
        position: relative;
    }    
    
.fileOpenerContainer   .fileOpenerDelete
    {
        color: #FFFFFB;
        border: 1px  solid  #FFFFFB;
        display: inline-block;
        margin: 0  15px  0  5px;
        padding: 1px;
        border-radius: 2px;
        cursor: pointer;
    }
.fileOpenerContainer  .fileOpenerDelete:hover
    {
        color: var(--icw);
        border: 1px  solid  var(--icw);
    }            

.fileOpenerContainer  .fileOpenerMissing
    {
        color: #FF6600  !important;
    } 
            
.fileOpenerContainer  .fileOpener
    {
        color: #FFFFFB;
        font-style: italic;
        transition: all  0.3s  ease-out  0.1s; 
        padding: 5px;
        display: inline-block;
        margin-top: 3px;
        border-radius: 2px;
    } 
.fileOpenerContainer  .fileOpener:hover
    {
        color: var(--icw);
    }
    
#toolBox
    {
        position: absolute;
        padding: 5px;
        border: 1px  solid  #CECECE;
        background-color: #FFFFFE;
        border-radius: 3px;
        font-size: 80%;  
        display: none;
        max-width: calc( 100%  -  40px);      
    }    

.trHover  tr:
    {
        transition: all  0.3s  ease-out  0.1s; 
    }        
.trHover  tr:hover
    {
        background-color: var(--darkB);
    }       
    
#pageFrame
    {
        width: 0;
        height: 0;
        display: none;
    }    
    
#printFrame
    {
        width: 0;
        height: 0;
        display: none;
    } 
    
.upperimportant
    {
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 0  10px;
    } 
    
.link
    {
        color: var(--bgc);        
    } 
    
.link:hover
    {
        color: var(--bright);
    }  
    
.link::after
    { 
        content: " \F05B";
        font-style: normal;
    }
    
.flipDiv
    {
        position: relative;
    }       
    
.flipData
    {
        width: 100%  !important;
        color: var(--bgc);
    } 

.flipDataI , .flipDataIN
    {
        cursor: pointer;
        display: block;
        padding-top:  10px;
        color: var(--bgc);
    }    
        
.flipDataI::after
    {
        content: "\F041";
    } 
    
.flipDataIN
    {
        padding-bottom: 10px;
    }              
       
.flipDataIN::after
    {
        content: "\F042";
    }   
                          
b
    {
        font-weight: bolder;
    }    
    
.fitTextarea 
    {
        min-height: 45px;
        height: 45px;
    }   
    
.odBlock , .odCell , .odInside , .odInsideblock
    {
        display: none  !important;               
    }  
   
@media  only  screen  and  (min-width:1000px)  and  (orientation:landscape)
    {
        .odBlock
            {
                display: block  !important;
            } 
        .odCell
            {
                display: table-cell  !important;
            }
        .odInside
            {
                display: inline  !important;
            } 
        .odInsideblock
            {
                display: inline-block  !important;
            }                                           
    }  
     
.omBlock
    {
        display: block;
    } 
.omCell
    {
        display: table-cell;
    }
.omInside
    {
        display: inline;
    } 
.omInsideblock
    {
        display: inline-block;
    }   

@media  only  screen  and  (min-width:1000px)  and  (orientation:landscape)
    {
        .omBlock , .omCell , .omInside , .omInsideblock
            {
                display: none  !important;               
            }                                        
    }   
    
.transparent
    {
        opacity: 0  !important;
    }
    
strong
    {
        font-weight: bolder;
    }
    
@media  only  screen  and  (min-width:1000px)  and  (orientation:landscape)
    {    
        .flex
            {
                display: flex;
            } 
        .flex1
            {
                flex: 1;
            } 
        .flex1 fieldset 
            {
                min-height: 100%;
            }                              
    }        
                           
#cssCheck
    {
        width: 1px;
        height: 1px;
        overflow: hidden;
        opacity: 0;
        display: none;
    }   
    
.imgLeftBigFull , .imgLeftBig , .img100BigFull , .img100Big , .imgRightBigFull , .imgRightBig , .imgBig , .imgBigFull
    {
        cursor: pointer;
    }                                          
    
.img100 , .img100BigFull , .img100Big
    {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 10px  0;
    } 
    
.imgLeft , .imgLeftBigFull , .imgLeftBig
    {
        display: block;
        float:left;
        margin-right:  10px;
        max-width: 50%;
        height: auto;
        border: 1px  solid  var(--bgc);
    }  
    
.imgRight , .imgRightBigFull , .imgRightBig
    {
        display: block;
        float:right;
        margin-left:  10px;
        max-width: 50%;
        height: auto;
    }     
    
#BigImgDiv
    {
        position: fixed; -webkit-backface-visibility: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0,0,0,0.5);
        z-index: 1000;
        padding: 10px;
        box-sizing: border-box;
        cursor: pointer;
    } 
    
.docWidthImg
    {
        display: block;
        width: 90vw;
        margin: auto; 
        box-shadow: 5px  5px  5px  rgba(0,0,0,0.5);      
        background-color: #FFF;
    }     
    
.docHeightImg
    {
        display: block;
        height: 90vh  !important;
        margin: 5vh  auto  !important;
        box-shadow: 5px  5px  5px  rgba(0,0,0,0.5);      
        background-color: #FFF;        
    }  
    
.docOriginalImg
    {
        display: block;
        margin: auto; 
        box-shadow: 5px  5px  5px  rgba(0,0,0,0.5);      
        background-color: #FFF; 
        max-height: calc( 100vh  -  20px );
        max-width: calc( 100vw  -  20px );       
    } 
    
.doubleClickDeleteContainer
    {
        display: inline-block;
        position: relative;
    }    
    
.doubleClickDelete 
    {
    	position: absolute;
    	right: 0;
    	top: 0;
    	border-radius: 20px;
    	cursor: pointer;
    	background-color: var(--bgc);
    	color: var(--fc);
    	padding: 0;
    	margin: 0;
    	text-align: center;
    	font-size: 12px !important;
    	width: 15px;
    	height: 15px;
    }
.doubleClickDelete:hover
    {
        transform: scale(2);
    }    
    
.uploadePicsNoRow
    {
        display: none;
        transition: all  0.3s  ease-out  0s;
    } 
    
.uploadePicsRow
    {
        display: table-row;
    }
    
.rotateobject   
    {
        display: inline-block;
        color: var(--bright)  !important;
        
        -webkit-animation-name: spin;
        -webkit-animation-duration: 4000ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
    
        -moz-animation-name: spin;
        -moz-animation-duration: 4000ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
    
        -ms-animation-name: spin;
        -ms-animation-duration: 4000ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
    
        animation-name: spin;
        animation-duration: 4000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;        
    }          
    
@-ms-keyframes spin 
    { 
        from 
            { 
                -ms-transform: rotate(0deg); 
            } 
        to 
            { 
                -ms-transform: rotate(360deg); 
            }
    }
@-moz-keyframes spin 
    { 
        from 
            { 
                -moz-transform: rotate(0deg); 
            } 
        to 
            { 
                -moz-transform: rotate(360deg); 
            }
    }
@-webkit-keyframes spin 
    { 
        from 
            { 
                -webkit-transform: rotate(0deg); 
            } 
        to 
            { 
                -webkit-transform: rotate(360deg); 
            }
    }
@keyframes spin 
    { 
        from 
            { 
                transform: rotate(0deg); 
            } 
        to 
            { 
                transform: rotate(360deg); 
            }
    }   
    
.bright
    {
        color: var(--bright);
    }    
    
.autoWidth
    {
        width: auto  !important;
    }      
    
.alertDiv 
    {
    	color: var(--bright);
    	display: inline-block;
    	padding: 10px 10px;
    	text-align: center;
    	background-color: var(--gray);
    	font-weight: bold;
    }    
    
.tableEgual
    {
        table-layout: fixed;
        width: 100%;
    }
    
.tableEgual  th
    {
        text-align: left;
    } 
    
.tableEgual td
    {
        width: auto !important;
    }       
/* /var/www/service.kofa.hu/web/CMG/cmg_template/css/cssForm.css */
.formFieldset
    {
        position: relative;
        border: 1px  solid  black;
        width: 96%;
        margin: auto;
        border-radius: 5px;
        box-shadow: 5px  10px  10px  rgba(69 , 68 , 68 , 0.59); 
        max-width: 96%; 
        background-color: #cecece;      
    }   
    
.formLegend
    {
        padding: 0  20px;
        margin-left: 20px;
        background-color: #9f9f9f;
        border: 1px  solid  black;
        border-radius: 3px;
        font-variant: small-caps;
        letter-spacing: 3px;
        height: 40px;
        line-height: 40px;
    }
    
      
    
.formLabel
    {
        display: block;
        background-color: #E8E8E8;
        border-top: 1px  solid  black;
        padding: 2px  20px;
        font-variant: small-caps;
        letter-spacing: 1px;
        width: 98%;
        margin: auto;
        border-left: 1px  solid  black;
        border-right: 1px  solid  black;        
    } 
.formLabelFirst
    {
        margin-top: 10px;
        border-radius: 3px  3px  0  0;
    }  
.formLabelLast
    {
        border-bottom: 1px  solid  black; 
        border-radius: 0  0  3px  3px;       
    }   
.formLabelActive
    {
        background-color: #9F9F9F;
    }
.formLabelInactive
    {
        cursor: pointer;
        transition: all  0.3s  ease-out  0.1s;
    }     
.formLabelInactive:hover
    {
        background-color: #BFBFBF;
    }
    
.formContainerHide
    {
        display: none;
    } 

.formLabelOnlyOne
    {
        opacity: 0;
    } 
    
.formContainer 
    {
        position: relative;
        width: auto;
        max-width: 100%;
    }                    
    
@media  only  screen  and  (min-width: 768px)  and  (orientation: landscape) 
    {
        .formLabel
            {
                display: inline-block;
                width: auto;
                border: none;
                border: 1px  solid  black;
                border-radius: 3px  3px  0  0;
                padding: 2px  20px;
                margin: 0;
                line-height: 20px;
            }
        .formLabelFirst
            {
                margin-top: 0;
            }               
        .formLabelLast
            {
                margin-right: 20px;   
            } 
        .formLabelActive
            {
                border-bottom: 1px  solid  #cecece;   
                padding: 7px  20px  2px  20px; 
            } 
        .formLabelInactive:hover
            {
                padding: 7px  20px  2px  20px;                
            }                        
        .formTab
            {
                position: relative;
                top: -50px;
                box-sizing: border-box;
            }   
        .formContainer
            {                
                border: 20px  solid  transparent;
                border-top: none;
            }                                      
    } 
    
 
    
.resizable 
    {
        background-color: #B8B8B8;
        box-sizing: border-box;
        display: block;
        height: 80px;
        width: 100%;
        position: absolute  !important;
    }
    
.resizable  input
    {
        width: 100%  !important;
        padding: 10px;
        box-sizing: border-box;
        border-left: 5px  solid  #B8B8B8;
        border-right: 5px  solid  #B8B8B8;
        border-top: 15px  solid  #B8B8B8;
        border-bottom: 5px  solid  #B8B8B8;
        font-size: 16px;
        letter-spacing: 1px;
    }              
    
@media  only  screen  and  (max-width: 768px)  and  (orientation: portrait) 
    {
        .resizable
            {
                position: static  !important;
                width: 100%  !important;
            } 
        .formContainer
            {
                height: 100% !important;
            }                   
    }
    
.passwordViewIcon
    {
        position: absolute;
        right: 10px;
        cursor: pointer;
        top: 0;
    }    
.passwordViewShow::before
    {
        content: "\F027";        
        font-size: 15px;
        font-weight:bold;        
    }
.passwordViewHide::before
    {
        content: "\F022";
        font-size: 15px;
        font-weight:bold;                
    } 
    
.passwordViewShow , .passwordViewHide
    {
        transition: all  0.3s  ease-out  0.1s; 
        color: var(--icw);
    }    
.passwordViewShow:hover , .passwordViewHide:hover
    {
        color: #FFFFF6;
    }     
    
.iconGlobe::before
    {
        content: "\F064";
        cursor: pointer;
    }      
    
.iconPic::before
    {
        content: "\F09C";
        cursor: pointer;
    }                                               
    
.formTab  input[type="radio"] + label , .formTab  input[type="checkbox"] + label , .inactiveRadio , .inactiveCheckbox
    {
        color: #9F9F9F;
        transition: all  0.3s  ease-out  0.1s;  
    }                           
    
.formTab  input[type="radio"]:checked + label , .formTab  input[type="radio"] + label:hover , .formTab  input[type="checkbox"]:checked + label , .formTab  input[type="checkbox"] + label:hover       
    {
        color: #FFFFFB;
    }    
    
.errorTooltip 
    {
	   position: absolute;
	   bottom: -20px;
	   left: 10px;
	   background-color: var(--bgc);
	   color: #FFFFF4;
	   font-size: 80%;
	   padding: 2px  5px;
	   border-radius: 0  3px  3px  3px;
	   font-variant: small-caps;
	   box-shadow: 3px  3px  2px  #080707;
	   z-index: 1000;
       border: 1px  solid var(--bright);
       white-space: nowrap;
    }    
    
/* /var/www/service.kofa.hu/web/CMG/cmg_admin/template/css/cssAdmin.css */
html
    {
        min-height: 100%;             
    }
@media  only  screen  and  ( min-width : 1000px )  and  ( orientation : landscape )
    {
        html
            {              
            }        
    }    
body
    {        
        min-height: 100%;                 
        background-color: #FFFFFE;
        background-image: url('https://service.kofa.hu/CMG/cmg_admin/template/img/bodyBG_LAYOUTdefaultM.png?v=1736322366');
        background-repeat: no-repeat;
        background-position: center  center;
        background-attachment: fixed;    
        background-size: 50%;
        overflow: scroll  !important;     
        font-size: px;
        position: relative;        
    }
input , select , textarea , button
    {
        font-size: px;
    }    
@media  only  screen  and  ( min-width : 1000px )  and  ( orientation : landscape )
    {
        body
            {
                overflow-y: scroll  !important;
                background-image: url('https://service.kofa.hu/CMG/cmg_admin/template/img/bodyBG_LAYOUTdefault.png?v=1736322366');
                background-repeat: no-repeat;
                background-position: right  bottom;
                background-attachment: fixed; 
                background-size: auto;              
            }        
    }     
    
    
#loader
    {
        border: 16px  solid  #47473F;
        border-top: 16px  solid  var(--fc);
        border-radius: 50%;
        width: 120px;
        height: 120px;
        animation: spin  2s  linear  infinite;
        margin: 50px  auto;
    }

@keyframes  spin
    {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

#bodyDiv
    {
        display: none;
    }    
    
.iconForm  div
    {
        margin-bottom: 10px;
    }      
    
#adminMenuLogoUnique
    {
        position: fixed; -webkit-backface-visibility: hidden;
        bottom: 5px;
        right: 5px;
        background-color: var(--bgc);
        padding: 3px;   
        border-radius: 3px; 
        z-index: 300;    
    }    
    
#adminMenuLogoUnique  img
    {
        width: 10px;
    }   
    
#adminMenuLogoUnique  i::before
    {
        content: "\F0ad"  !important;
        color: var(--bright);
    }     
    
#mainContainer
    {
        background-color: var(--bgc);
        margin: 20px;
        min-height: 100%;
        padding: 20px;
    }    

.loginBoss , .logoutBoss
    {
        display: inline-block;
        cursor: pointer;        
    }           
    
#bossLogin
    {
        position: fixed; -webkit-backface-visibility: hidden;
        top: 20px;
        left: calc( 50%  -  150px );
        background-color: var(--bgc);
        box-shadow: 0  0  10px  rgba( 0 , 0 , 0 , 0.7 );
        z-index: 1000000;
        padding: 20px;        
    }
    
.emailIcon , .userIcon , .passwordIcon
    {
        width: 20px; 
        position: relative;
        display: inline-block;
    }          
    
.emailIcon::before
    {
	   content: "\f016";
       position: absolute;
       top: 0;
       left: 0;
    } 
.userIcon::before
    {
	   content: "\f001";
       width: 20px;
       position: absolute;
       top: 0;
       left: 0;       
    } 
.passwordIcon::before
    {
	   content: "\f002";
       width: 20px;
       position: absolute;
       top: 0;
       left: 0;       
    }  
    
.bossDiv
    {
        padding: 10px;
        color: var(--fc);
    } 
    
.bossDiv  input
    {
        border: none;
        border-bottom: 1px  solid  var(--fc); 
        color: var(--fc);  
        background-color: transparent; 
    }   
    
.bossDiv  button
    {
    	border: none;
    	background-color: rgba(23 , 129 , 193 , 0.25 );
    	line-height: 30px;
    	font-size: 16px;
    	padding: 0 10px;
    	letter-spacing: 1px;
    	color: #ffffff;
    	width: 100%;
    	border: 4px solid transparent;
    	color: #CECECE;
    	font-size: 90%;
    	letter-spacing: 0;
    }  
.bossDiv  button:hover
    {
        background-color: rgba(23 , 129 , 193 , 0.75 ); 
        color: var(--bgc);
    }                  
       
/* /var/www/service.kofa.hu/web/CMG/cmg_admin/template/css/form100.css */
body
    {
        background-image: url('https://service.kofa.hu/CMG/cmg_admin/template/img/colorBG_LAYOUTdefault.png?v=1736322366'); 
        background-repeat: repeat;       
    }        
@media  only  screen  and  (min-width:1000px)  and  (orientation:landscape)
    {  
        body
            {
                background-image: url('https://service.kofa.hu/CMG/cmg_admin/template/img/loginBg.png?v=1736322366');
                background-size: cover;
                background-attachment: fixed;
                background-position: center  top;
                background-repeat: no-repeat;
            }
    }
    
#form100Div , #form107Div
    {
        height: 270px;        
    }        
    
#form107Div
    {
        display: none;
    }                    

#form100 , #form107    
    {
        background-color: transparent;
        display: block;
        margin: 20px  auto;          
        display: block;  
    }
@media  only  screen  and  (min-width: 1000px)
    {
        #form100 , #form107   
            {
                padding: 20px  0px;   
                width: 300px;
                margin: auto;            
            }                
    } 
    
#forgottenDiv
    {
        text-align: center;       
    } 
@media  only  screen  and  (min-width: 1000px)
    {
        #forgottenDiv    
            {
                padding: 0;   
                width: 300px;
                margin: auto;            
            }                
    }
    
#loginButton , #forgottenButton 
    {
        background-color: transparent;
        border: none;
        color: #FFFFFF;
        border-bottom: 1px  solid  var(--fc);
        display: inline-block;
    } 
#loginButton:hover , #forgottenButton:hover
    {
        border-bottom: 1px  solid  #FFFFFF;
        color: var(--fc);        
    }  
    
#loginButton
    {
        display: none;
    }                
    
#form100  i::before , #form107  i::before
    {
        line-height: 30px;
        display: inline-block;
        font-size: 25px;
        color: var(--fc);
    }      
    
::-webkit-input-placeholder 
    {
        color: #9F9f9f  !important;
        opacity: 1;
    }
::-moz-placeholder 
    {
        color: #9F9f9f  !important;
        opacity: 1;
    }
:-ms-input-placeholder 
    {
        color: #9F9f9f  !important;
        opacity: 1;
    }
:-moz-placeholder 
    {
        color: #9F9f9f  !important;
        opacity: 1;
    } 
    
#loginPic
    {
        display: block;
        width: 150px;
        margin: 50px  auto  0  auto;
    }               
    
#form100  img
    {   
        border-bottom: 11px  solid  #4d4d4d;
        position: relative;
        top: 16px;
        margin-top: -16px;    
        opacity: 0.9;  
        margin-left: 10px;  
    }
    
input:invalid
    {
        box-shadow: none;
        border: none;
        border-bottom: 1px  solid  #FFFFFF  !important;
        background-color: transparent  !important;
    } 
        
input:invalid:focus
    {
        background-color: transparent  !important;
        border: none;
        border-bottom: 1px  solid  #FFFFFF  !important;        
    }               
       
#input1 , #input2 , #input3 , #input4 , #input145 , #input146
    {
        border: none;
        background-color: transparent;
        line-height: 30px;
        font-size: 14px;
        padding: 0  10px  0  40px;       
        letter-spacing: 1px;
        margin: 0  0  0  0px  !important;
        width: 100%;
        border-bottom: 1px  solid  #FFFFFF; 
        color: #FFFFFF; 
        max-width: calc( 100%  -  44px )  !important;   
    } 
    
#input4
    {  
        width: 30%  !important;
        margin-left: -10px  !important;     
    }      
@media  only  screen  and  (min-width:1000px)  and  (orientation:landscape)
    {      
        #input4
            {  
                margin-left: -10px  !important;
                padding-left: 10px  !important      
            }     
    }
                   
@media  only  screen  and  (min-width: 1000px)
    {     
        #input1 , #input2 , #input3 , #input145 , #input146
            {
                width: 230px;
            } 
        #input4
            {
                width: 103px;
            }                    
    } 
    
@media  only  screen  and  (min-width:1000px)  and  (orientation:landscape)
    {        
        #loginDiv
            {
                margin-top: 100px;
            }
    }                    

#form100  button , #form107  button
    {
        border: none;
        background-color: rgba(23 , 129 , 193 , 0.25 );
        line-height: 30px;
        font-size: 16px;
        padding: 0  10px;       
        letter-spacing: 1px;
        color: #ffffff;  
        width: calc( 100%  -  10px ); 
        margin-top: 20px;   
        margin-left: 0;
        border: 4px  solid  transparent;
        color: #CECECE;
        font-size: 90%;
        letter-spacing: 0;
    }  
@media  only  screen  and  (min-width: 1000px)
    {
        #form100  button , #form107  button
            {
                width: calc( 100%  -  15px ); 
                margin-left: 0px;
            }        
    }        
#form100  button:hover , #form107  button:hover
    {
        background-color: rgba(23 , 129 , 193 , 0.75 ); 
        color: var(--bgc);
    }  

#form100  .icon_captchaReload
    {
        color: var(--bgc);
        display: inline-block;
        width: 30px;          
    }             

#iconInput1:before , #iconInput2:before  , #iconInput3:before , #iconInput5:before , #iconInput145:before , #iconInput146:before , #iconInput147:before
    {
        color: #FFFFFF;
        display: inline-block;
        font-style: normal;  
        background-color: transparent; 
        line-height: 50px;
        font-size: 14px;
        text-align:center;
        width: 20px;         
    } 
    
#iconInput1:before , #iconInput145:before  
    {
        content: "\f001";
    } 
    
#iconInput2:before , #iconInput146:before  
    {
        content: "\f016";
        font-size: 11px;
    }     
    
#iconInput3:before 
    {
        content: "\f002";       
    } 
    
#iconInput1 , #iconInput2 , #iconInput3
    {
        position: absolute;
        left: 10px;
        top: 0;
    }     

#form100  input:focus , #form107  input:focus
    {
        background-color: transparent;    
        border: none;
        border-bottom: 1px  solid  #FFFFFF;
        box-shadow: none;
    } 
    
#form100  .iconDiv , #form107  .iconDiv
    {
        padding: 0  10px;
        max-width: 100%;
        position: relative;
    } 
/* /var/www/service.kofa.hu/web/CMG/cmg_template/css/input/iconForm.css */
.iconForm
    {
        display: block;
        padding: 20px;
    }
.iconForm  input, .iconForm  select, .iconForm  textarea
    {
        margin: 5px;
    }