/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

 
/*

    kék         #4a8ba4
    barna       #eddcc7
    narancs     #f14c15

*/

body{
    padding-top: 140px;
    color: #000000 !important;
}

.fruity .btn-primary,
.fruity .btn-primary:hover,
.fruity .btn-primary:focus,
.fruity .btn-primary:active,
.fruity .btn-primary.active,
.fruity .btn-check:active + .btn-primary,
.fruity .btn-check:checked + .btn-primary,
.fruity .btn-check:focus + .btn-primary,
.fruity .open .dropdown-toggle.btn-primary,
.fruity .btn-secondary,
.fruity .btn-secondary:hover,
.fruity .btn-secondary:focus,
.fruity .btn-secondary:active,
.fruity .btn-secondary.active {
  background-color: #f14c15;
  border: 1px solid #f14c15;
  color: #fff;
}



.fruity .btn-outline-secondary{
    border: 1px solid #f14c15;
    color: #f14c15;
}

.fruity .btn-outline-secondary:hover{
    border: 1px solid #4a8ba4 !important;
    color: #4a8ba4 !important;
}



h1, h2{
    color: #4a8ba4;
    text-transform: uppercase;
}

strong, p{
   font-size: 1.2rem;
   margin-bottom: 0.3em;
}

p > strong{
    display: table;
}


.fruity .question-number{
    color: #382c47!important;
    font-weight: bold;
    font-size: 1.2rem;
}

.fruity .question-number:after{
    content: ".";
    margin-left: -4px;
}
    
.question-text > div > p:nth-child(2) {
    padding-left: 35px;   
}

.fruity .alert-warning,
.fruity .alert-danger {
    background-color: #f14c15;
    border: 1px solid #f14c15;
    color: white;
}

.fruity .well {
    background-color: #4a8ba4;
    border: 1px solid #4a8ba4;
    color: white;
}

#navigator-container .text-end{
    width: 100%;
    text-align: center !important;
}

#navigator-container{
    margin-top: 0;
    margin-bottom: 5em;
}

.question-container {
    border-radius: 5px;
    background-color: #eddcc7 !important;
}


#form-load{
    padding: 2em;
    background-color: white;
}


a{
    color: #f14c15 !important;
}

.fruity a:focus, .fruity a:hover {
    text-decoration: underline;
}

.text-info p{
    color: black;  
}

.fruity .btn-check:active+.btn-primary, .fruity .btn-check:checked+.btn-primary, .fruity, .fruity .btn-primary.active, .fruity .btn-primary.active.active, .fruity , .fruity .btn-primary:active, .fruity .btn-primary:focus, .fruity .btn-primary:hover, .fruity .open .dropdown-toggle.btn-primary {
    background-color: white;
    /*border: 1px solid #f14c15;*/
    color: #f14c15;
}


.fruity .btn-check:active+.btn-outline-secondary:focus, .fruity .btn-check:active+.btn-primary:focus, .fruity .btn-check:active+.btn-success:focus, .fruity .btn-check:checked+.btn-outline-secondary:focus, .fruity .btn-check:checked+.btn-primary:focus, .fruity .btn-check:checked+.btn-success:focus, .fruity .btn-check:focus+.btn-outline-secondary, .fruity .btn-check:focus+.btn-primary, .fruity .btn-check:focus+.btn-success, .fruity .btn-outline-secondary.active:focus, .fruity .btn-outline-secondary:active:focus, .fruity .btn-success.active:focus, .fruity .btn-success:active:focus, .fruity .show>.btn-outline-secondary.dropdown-toggle:focus, .fruity .show>.btn-success.dropdown-toggle:focus {
    box-shadow: none;
}

.question-title-container {
    padding-bottom: 0;   
}

.answer-container {
    padding-top: 0; 
    padding-bottom: 1em;
}

.space-col {
    margin-bottom: 0;   
}


#ls-button-submit{
    padding: 10px 35px;
}

.completed-wrapper{
    padding: 1rem;
    color: white;
    background-color: #14AE5C;
    font-weight: bold;
}

.ls-answers {
    padding-bottom: 0;
}

.fruity .text-danger {
    color: #f14c15!important;
}


.navbar-brand{
    margin: 0;
}

h1.survey-name{
    text-align: right !important;
}

@media (max-width: 768px){
h1.survey-name{
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    text-align: right !important;
    right: 0;
    width: 65%;
}
}

@media (min-width: 768px){
    .navbar-brand{
       margin-left: -25px;
    }
    
    h1.survey-name{
        margin-right: -10px;
    }
}


a.navbar-brand{
    display: none;
}

.navbar>.container-fluid{
    display: block;
}

@media (min-width: 1200px){
    h1.survey-name{
        font-size: 1.8rem;
    }
}

@media (max-width: 1200px){
    h1 {
        font-size: 1.3rem;
    }
    .logo-container>img {
        max-height: 80px;
    }
    body{
        padding-top: 120px;
    }
}

@media (min-width: 768px) and (max-width: 992px){
    .col-md-2 {
        width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
    .col-md-2 {
        width: 25% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1400px){
    .col-md-2 {
        width: 20% !important;
    }
}

.survey-welcome{
    margin-top: 6rem;
}

.survey-welcome p{
    padding-top: 3px;
    padding-bottom: 3px;
}

.survey-welcome > .well p:last-child{
    padding-bottom: 0px;
}

#group-0{
    margin-top: 0;
}

@media (min-width: 720px) and (max-width: 992px){
    #survey-nav .container-fluid{
        max-width: 720px;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
    #survey-nav .container-fluid{
        max-width: 960px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px){
    #survey-nav .container-fluid{
        max-width: 1140px;
    }
}

@media (min-width: 1400px){
    #survey-nav .container-fluid{
        max-width: 1320px;
    }
}


.fruity .btn-primary[disabled], .fruity .btn-primary[disabled].active, .fruity .btn-primary[disabled]:active, .fruity .btn-primary[disabled]:focus, .fruity .btn-primary[disabled]:hover, .fruity .btn-success {
    background-color: #f14c15;
    border: 1px solid #f14c15;
}

/*BP-148*/

.em_num_answers, .fruity .text-info{
    color : #4a8ba4 !important;
}

.form-control:focus {
    border-color: black !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

.ls-questionhelp {
    color: black !important;
}



.form-check-input:checked {
  background-color: #f14c15 !important;
  border-color: #f14c15 !important;
}


 
.logo-container {
  font-size: 22.5px !important;
} 

.button-item .ls-icon, .ls-button-label .ls-icon {
    font-size: 1.68em !important;
}

.superset {
    font-size: 60%;
}

@media only screen and (max-device-width: 760px){

  .ls-questionhelp,
  .help-block{
    font-size:108%;
  }
}

.input-error .asterisk {
    font-size: 1.44em;
}

.logo-container {
  font-size: 22.5px;
}

html {
  font-size: 17.5px !important;
}
 
.question-container {
    border: none !important;
}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 890px !important;
    }
}

@media (min-width: 2800px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1800px !important;
    }
}

.group-description {
    margin-bottom: 20px !important;
}

.radio-item label::after {
    background: #f14c15 !important;
    background-color: #f14c15 !important;
}

.survey-welcome p {
    color:black !important;
}

p > strong {
    display:inline !important;
}

.question-text > div > p:nth-child(2){
    padding-left: 0px;
}

table {
  margin: 20px 0 40px 0 !important;
  width: 100% !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  display: table !important;
  border-color: black;
}
@media screen and (max-width: 580px) {
  .table {
    display: block !important;
  }
}

tr {
  display: table-row !important;
  background: #f6f6f6 !important;
}
thead tr {
  font-weight: 900 !important;
  color: #ffffff !important;
  background: #f14c15 !important;
}

@media screen and (max-width: 580px) {
  tr {
    padding: 8px 0 !important;
    display: block !important;
  }
}

td {
    text-align: center !important;
}

.ls-label-question span {
    display:table-cell !important;
} 

.fruity .form-control::placeholder{
   text-align: left !important; 
}

td:first-child, th:first-child{
    display:none !important;
}

.checkbox-item label::after {
    background: #f14c15 !important;
    background-color: #f14c15 !important;
    margin-top: 1% !important;
}

.checkbox-item label::before {
    margin-top: 1% !important;
}

/*BP-148*/



/*PM-0725 eleje*/



#survey-nav{
    background-color: rgba(42,42,42,0.72) !important;
    height: 60px;
}

#survey-nav h1{
    color: #f14c15 !important;
    text-shadow: 1px 1px 4px black !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    font-family: 'Anton', sans-serif;
}


.dir-ltr .ls-questionhelp {
    margin-left: 2em;
}

.dir-ltr .ls-questionhelp:before {
    margin-top: 1px;
}

.fruity .text-info {
    color: #f14c15 !important;
}

.question-valid-container{
    margin-left: 0.9em;
}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1050px !important;
    }
    #survey-nav .container-fluid {
        max-width: 1050px;
    }
    
}


.modal-footer {
    margin: auto;
}




.form-check{
    padding-left: 0;
}


.ls-answers{
    padding-top:0;
}



.logo-container>img {
    padding: 20px;
}

.upload-button a, .upload-button span{
    color: white !important;
}

.upload:hover, .upload:hover span, .modal-footer button:hover,
.upload:focus, .upload:focus span, .modal-footer button:focus,
.upload:active, .upload:active span, .modal-footer button:active{
    color: #f14c15 !important;
    text-decoration: none !important;
}

.modal-footer button{
    border: 1px solid #f14c15 !important;   
}
.modal-footer button:hover{
    background-color: white !important;
}

.upload-div button,
.file-preview .btn-danger{
    color: white !important;
    background-color: #f14c15 !important;
    border: 1px solid #f14c15 !important;
}

.upload-div button.hover{
    color: #f14c15 !important;
    background-color: white !important;
}

.file-preview .btn-danger:hover span{
    color: #f14c15 !important;
}

.file-preview .btn-danger:hover{
    color: #f14c15 !important;
    background-color: white !important;
}

.uploadedfiles .btn-primary,
.uploadedfiles .btn-primary i{
    color: white !important;
}

.uploadedfiles .btn-primary:hover,
.uploadedfiles .btn-primary:hover i{
    color: #f14c15 !important;
    text-decoration: none !important;
}

.checkbox-item label::before{
    width: 25px;
    height: 25px;
    margin-top: 0 !important;
}

.checkbox-item label {
    padding-left: 10px;
}

.checkbox-item input[type="checkbox"]:checked + label::after{
    width: 25px;
    height: 25px;
    font-size: inherit;
    margin-top: 0 !important;
}

.completed-wrapper{
     background-color: #eddcc7 !important;
     color: black !important;
}

@media(min-width:769px) and (max-width:1200px){
    h1.survey-name {
        margin-top: 25px;
    }
}

@media(max-width:768px){
    h1.survey-name {
        margin-right: 25px;
    }
    .logo-container{
        margin-top: -7px;   
    }
}


.modal-dialog .modal-header button{
    font-size: 0px !important;
    background-size: 20px !important;
}

[data-number='1'] {
    text-align: left !important;
}


#outerframeContainer{
    word-wrap: none !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    -o-hyphens: none !important;
    hyphens: none !important;
}




@media (min-width: 992px){
    #question357 .col-md-2 {
        width: 50% !important;
    }
}


/*képzés választása*/
#question357 .fruity .btn-primary{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.prefix, .suffix{
    display: none;
}

#question356 .prefix, #question356 .suffix{
    display: table-cell;
}

@media (max-width: 992px){
#question363 .col-3{
    width: 60%;
}
}



.survey-welcome img{
    width: 100% !important;
    height: auto !important;
      margin-top: -100px;
}

@media (min-width: 1200px){
    .survey-welcome{
        margin-right:-10px;
    }
}

@media (min-width: 768){
    .survey-welcome .nyitokep{
        margin-right:-10px;
        margin-left:-10px;
    }
}


@media (max-width: 1200px){
.survey-welcome img{
    margin-top: -80px;
}
}


@media (max-width: 700px){
    #question356 .ls-input-group{
        display: inline-table;
    }
    #question356 input{
        width: 80% !important;
}
}

@media (min-width: 992px){

    .tempus-dominus-widget .previous:after,
    .tempus-dominus-widget .next:after{
        font-size: 10px;
        display: contents;
    }


}

#question378 li,
#question379 li,
#question380 li,
#question381 li{
    font-size: 1.2rem;
}

#vmsg_382{
    display: none !important;
    
}
}

/*css vege */



/*08.26 eleje*/


#question401 .prefix, #question401 .suffix{
    display: table-cell;
}




@media (min-width: 1400px){
    #question401 .bootstrap-buttons-div{
        width: 25% !important;
    }
}


/* 2024. szeptemberi jelentkezés eleje */

@media (min-width: 1200px){
    #question426 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question426 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question426 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question426 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question426 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer725633X42X425{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question441 li,
#question442 li,
#question443 li,
#question444 li{
    font-size: 1.2rem;
}

/* 2024. szeptemberi jelentkezés vége */




/* 2024. októberi jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question451 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question451 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question451 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question451 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question451 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer311626X44X450{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question467 li,
#question468 li,
#question466 li,
#question469 li{
    font-size: 1.2rem;
}

/* 2024. októberi jelentkezés vége */



/* 2024. novemberi jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question476 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question476 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question476 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question476 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question476 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer579788X46X475{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question492 li,
#question493 li,
#question491 li,
#question494 li{
    font-size: 1.2rem;
}

/* 2024. novemberi jelentkezés vége */



/* 2025. januári jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question501 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question501 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question501 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question501 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question501 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer565772X48X500{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question517 li,
#question518 li,
#question516 li,
#question519 li{
    font-size: 1.2rem;
}

/* 2025. januári jelentkezés vége */


/* 2025. februári jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question526 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question526 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question526 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question526 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question526 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer777616X50X525{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question542 li,
#question543 li,
#question541 li,
#question544 li{
    font-size: 1.2rem;
}

/* 2025. februári jelentkezés vége */


/* 2025.03.17. márciusi jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question576 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question576 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question576 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question576 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question576 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer448961X54X575{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question592 li,
#question593 li,
#question591 li,
#question594 li{
    font-size: 1.2rem;
}

/* 2025.03.17. márciusi jelentkezés vége */


/* 2025.04.16. jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question601 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question601 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question601 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question601 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question601 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer393332X56X600{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question617 li,
#question618 li,
#question616 li,
#question619 li,
#question623 li,
#question624 li,
#question625 li{
    font-size: 1.2rem;
}

/* 2025.04.16. jelentkezés vége */

/* 2025.06.11. jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question657 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question657 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question657 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question657 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question657 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer422865X60X656{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question673 li,
#question674 li,
#question672 li,
#question675 li,
#question677 li,
#question678 li,
#question679 li{
    font-size: 1.2rem;
}

/* 2025.06.11. jelentkezés vége */



/* 2025.08.25. jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question725 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question725 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question725 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question725 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question725 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer749762X67X724{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question741 li,
#question742 li,
#question740 li,
#question743 li,
#question745 li,
#question746 li,
#question747 li{
    font-size: 1.2rem;
}

/* 2025.08.25. jelentkezés vége */


/* 2025.09.30. jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question753 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question753 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question753 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question753 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question753 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer272474X69X752{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question769 li,
#question770 li,
#question768 li,
#question771 li,
#question773 li,
#question774 li,
#question775 li{
    font-size: 1.2rem;
}

/* 2025.09.30. jelentkezés vége */



/* 2025.11.05. jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question781 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question781 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question781 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question781 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question781 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer359924X71X780{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question797 li,
#question798 li,
#question796 li,
#question799 li,
#question801 li,
#question802 li,
#question803 li{
    font-size: 1.2rem;
}

/* 2025.11.05. jelentkezés vége */


/* 2026.02.04. jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question809 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question809 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question809 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question809 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question809 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer346442X73X808{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question825 li,
#question826 li,
#question824 li,
#question827 li,
#question829 li,
#question830 li,
#question831 li{
    font-size: 1.2rem;
}

/* 2026.02.04. jelentkezés vége */


/* 2026.03.17. jelentkezés eleje */

@media (min-width: 1200px){ /*képzés választó gombok*/
    #question837 .bootstrap-buttons-div{
        width: 25% !important;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question837 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question837 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question837 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question837 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}

@media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer588959X75X836{
        width: 50%;
    }

}
/* képzés magyarázat modulok rész felsorolás betűméret állítása */
#question853 li,
#question854 li,
#question852 li,
#question854 li,
#question856 li,
#question857 li,
#question858 li{
    font-size: 1.2rem;
}

/* 2026.03.17. jelentkezés vége */


/* 2026.04.01. több képzésre jelentkezés eleje */

.kepzes-gomb{
    background-color: transparent !important;
    color: black !important;
    border: none !important;
}

.kepzes-gomb:hover{
     text-decoration: underline;
}

.modal-header .btn-close {
    margin: -.5rem -.0rem -.5rem auto !important;
}


#javatbd427552X82X919SQ001 label,
#javatbd427552X82X919SQ002 label,
#javatbd427552X82X919SQ003 label,
#javatbd427552X82X981SQ001 label,
#javatbd427552X82X981SQ002 label,
#javatbd427552X82X981SQ003 label,
#javatbd427552X82X985SQ001 label,
#javatbd427552X82X985SQ002 label{

  display:flex;
  align-items:center;
  justify-content:space-between;

}



@media (min-width: 1200px){ /*képzés választó gombok*/
    #question919 .bootstrap-buttons-div,
    #question981 .bootstrap-buttons-div,
    #question985 .bootstrap-buttons-div{
        width: 33% !important;
        padding-left: 20px;
    padding-right: 20px;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question919 .bootstrap-buttons-div .btn ,
    #question981 .bootstrap-buttons-div .btn,
    #question985 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question919 .bootstrap-buttons-div,
    #question981 .bootstrap-buttons-div,
    #question985 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question919 .row.ls-answers.answers-list.radio-list,
    #question981 .row.ls-answers.answers-list.radio-list,
    #question985 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question919 .bootstrap-buttons-div .form-check,
    #question981 .bootstrap-buttons-div .form-check,
    #question985 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}


#reszletekModal .modal-dialog {
  margin-top: 10px !important;
}



.sajat-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  color: black;
}

.sajat-modal.is-open {
  display: flex !important;
}

.sajat-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.sajat-modal-panel {
  position: relative;
  z-index: 2;
  width: min(900px, calc(100vw - 20px));
  max-height: calc(100dvh - 20px);
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.sajat-modal-header,
.sajat-modal-footer {
  padding: 12px 16px;
  background: #fff;
  flex: 0 0 auto;
}

.sajat-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

.sajat-modal-title {
  margin: 0;
  font-size: 16px;
}

.sajat-modal-close {
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 0 0 0 10px;
}

.sajat-modal-body {
  padding: 16px;
  overflow-y: scroll; /* mindig legyen scroll lehetőség */
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
  font-size: 16px;
  background: #fff;

  /* layout ne ugorjon amikor megjelenik a scrollbar */
  scrollbar-gutter: stable;

  /* Firefox láthatóság javítása */
  scrollbar-width: auto;
  scrollbar-color: rgba(0,0,0,.45) transparent;
}

.sajat-modal-body p{
     font-size: 16px !important;
}

.sajat-modal-footer {
  border-top: 1px solid #ddd;
  text-align: center;
}

body.sajat-modal-open {
  overflow: hidden !important;
}

   .sajat-modal-body h6{
       font-size: 16px !important;
       font-weight: bold !important;
   }
  
  
  #vmsg_963_num_answers{
      display: none;
  }
  
  #ls-question-text-427552X82X963 > p{
      margin-left: 20px;
  }
  
  #question963 .list-unstyled{
      margin-left: 20px;
  }
  
  #bootstrap-alert-box-modal.show{
      display: flex !important;
  }
  
  
  #group-0 .group-description .well,
  #group-0 .group-description .well p{
      background-color: #eddcc7 !important;
      color: black !important;
  }
  
  #question963 .checkbox-item{
      margin-bottom: 0 !important;
  }
  
  #question963 a:hover{
      color: black !important;
  }
  
     #question963 .control-label > .kepzes-gomb{
      color: #f14c15 !important;
   }
  
   #question963 .control-label > .kepzes-gomb:hover{
      color: black !important;
   }


.linkhover a:hover{
	color: black !important;
}

@media (max-width: 767px) {
	.sajat-modal {
		padding: 6px;
	}

	.sajat-modal-panel {
		width: calc(100vw - 12px);
		max-height: calc(100dvh - 12px);
		border-radius: 6px;
	}

	.sajat-modal-body {
		padding: 12px;
		font-size: 15px;
	}

	.sajat-modal-body img {
		float: none !important;
		display: block;
		margin: 0 auto 12px auto !important;
		max-width: 100% !important;
		height: auto !important;
	}

	.cimtores{
		display: inline !important;
	}

	.survey-name{
		width: 57% !important;
	}
}

/* 2026.04.01. több képzésre jelentkezés vége */

.input-error{
    box-shadow: none !important;
}






/* 2026.04.24. több képzésre jelentkezés eleje */
/* sok kód az előző kérdőívből van, nincs minden itt újra */


#javatbd522975X84X1013SQ001 label,
#javatbd522975X84X1013SQ002 label,
#javatbd522975X84X1013SQ003 label,
#javatbd522975X84X1023SQ001 label,
#javatbd522975X84X1023SQ002 label,
#javatbd522975X84X1023SQ003 label,
#javatbd522975X84X1017SQ001 label,
#javatbd522975X84X1017SQ002 label{

  display:flex;
  align-items:center;
  justify-content:space-between;

}



@media (min-width: 1200px){ /*képzés választó gombok*/
    #question1013 .bootstrap-buttons-div,
    #question1023 .bootstrap-buttons-div,
    #question1017 .bootstrap-buttons-div{
        width: 33% !important;
        padding-left: 20px;
		padding-right: 20px;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question1013 .bootstrap-buttons-div .btn ,
    #question1023 .bootstrap-buttons-div .btn,
    #question1017 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question1013 .bootstrap-buttons-div,
    #question1023 .bootstrap-buttons-div,
    #question1017 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question1013 .row.ls-answers.answers-list.radio-list,
    #question1023 .row.ls-answers.answers-list.radio-list,
    #question1017 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question1013 .bootstrap-buttons-div .form-check,
    #question1023 .bootstrap-buttons-div .form-check,
    #question1017 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}


  
  #vmsg_1020_num_answers{
      display: none;
  }
  
  #ls-question-text-522975X84X1020 > p{
      margin-left: 20px;
  }
  
  #question1020 .list-unstyled{
      margin-left: 20px;
  }
  
  
  #question1020 .checkbox-item{
      margin-bottom: 0 !important;
  }
  
  #question1020 a:hover{
      color: black !important;
  }
  
  #question1020 .control-label > .kepzes-gomb{
      color: #f14c15 !important;
   }
  
   #question1020 .control-label > .kepzes-gomb:hover{
      color: black !important;
   }

/* 2026.04.24. több képzésre jelentkezés vége */



/* 2026.04.29. hosszú űrlap + több képzésre jelentkezés eleje */
/* sok kód az előző kérdőívből van, nincs minden itt újra */


#javatbd927249X85X1061SQ001 label,
#javatbd927249X85X1061SQ002 label,
#javatbd927249X85X1061SQ003 label,
#javatbd927249X85X1065SQ001 label,
#javatbd927249X85X1065SQ002 label,
#javatbd927249X85X1065SQ003 label,
#javatbd927249X85X1069SQ001 label,
#javatbd927249X85X1069SQ002 label{

  display:flex;
  align-items:center;
  justify-content:space-between;

}



@media (min-width: 1200px){ /*képzés választó gombok*/
    #question1061 .bootstrap-buttons-div,
    #question1065 .bootstrap-buttons-div,
    #question1069 .bootstrap-buttons-div{
        width: 33% !important;
        padding-left: 20px;
		padding-right: 20px;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question1061 .bootstrap-buttons-div .btn ,
    #question1065 .bootstrap-buttons-div .btn,
    #question1069 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question1061 .bootstrap-buttons-div,
    #question1065 .bootstrap-buttons-div,
    #question1069 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question1061 .row.ls-answers.answers-list.radio-list,
    #question1065 .row.ls-answers.answers-list.radio-list,
    #question1069 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question1061 .bootstrap-buttons-div .form-check,
    #question1065 .bootstrap-buttons-div .form-check,
    #question1069 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}


  
  #vmsg_1058_num_answers{
      display: none;
  }
  
  #ls-question-text-927249X85X1058 > p{
      margin-left: 20px;
  }
  
  #question1058 .list-unstyled{
      margin-left: 20px;
  }
  
  
  #question1058 .checkbox-item{
      margin-bottom: 0 !important;
  }
  
  #question1058 a:hover{
      color: black !important;
  }
  
  #question1058 .control-label > .kepzes-gomb{
      color: #f14c15 !important;
   }
  
   #question1058 .control-label > .kepzes-gomb:hover{
      color: black !important;
   }
   
   @media(max-width: 768px){
    /* telefonszám mező mobilon ne legyen túl hosszú */
    #answer927249X85X1032{
        width: 50%;
    }
}

/* 2026.04.29. hosszú űrlap + több képzésre jelentkezés vége */




/* 2026.05.21. több képzésre jelentkezés eleje */
/* sok kód az előző kérdőívből van, nincs minden itt újra */


#javatbd443373X91X1107SQ001 label,
#javatbd443373X91X1107SQ002 label,
#javatbd443373X91X1107SQ003 label,
#javatbd443373X91X1117SQ001 label,
#javatbd443373X91X1117SQ002 label,
#javatbd443373X91X1117SQ003 label,
#javatbd443373X91X1111SQ001 label,
#javatbd443373X91X1111SQ002 label{

  display:flex;
  align-items:center;
  justify-content:space-between;

}



@media (min-width: 1200px){ /*képzés választó gombok*/
    #question1107 .bootstrap-buttons-div,
    #question1117 .bootstrap-buttons-div,
    #question1111 .bootstrap-buttons-div{
        width: 33% !important;
        padding-left: 20px;
		padding-right: 20px;
    }
}

/* képzés választás gombjai azonos magasak legyenek */
@media (min-width: 991px){
    #question1107 .bootstrap-buttons-div .btn ,
    #question1117 .bootstrap-buttons-div .btn,
    #question1111 .bootstrap-buttons-div .btn {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }
    
    #question1107 .bootstrap-buttons-div,
    #question1117 .bootstrap-buttons-div,
    #question1111 .bootstrap-buttons-div {
        display: flex;
        align-items: stretch;
    }
    
    #question1107 .row.ls-answers.answers-list.radio-list,
    #question1117 .row.ls-answers.answers-list.radio-list,
    #question1111 .row.ls-answers.answers-list.radio-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #question1107 .bootstrap-buttons-div .form-check,
    #question1117 .bootstrap-buttons-div .form-check,
    #question1111 .bootstrap-buttons-div .form-check {
        height: 100%;
        display: flex;
        align-items: stretch;
        width: 100%;
    }
}


  
  #vmsg_1114_num_answers{
      display: none;
  }
  
  #ls-question-text-443373X91X1114 > p{
      margin-left: 20px;
  }
  
  #question1114 .list-unstyled{
      margin-left: 20px;
  }
  
  
  #question1114 .checkbox-item{
      margin-bottom: 0 !important;
  }
  
  #question1114 a:hover{
      color: black !important;
  }
  
  #question1114 .control-label > .kepzes-gomb{
      color: #f14c15 !important;
   }
  
   #question1114 .control-label > .kepzes-gomb:hover{
      color: black !important;
   }
   
   #question1114 .tip-was-hidden:before{
       display: none !important;
   }

/* 2026.05.21. több képzésre jelentkezés vége */