/* Main class */
.custom-questions {
    width:100%;
    text-align:center;
    max-width: 1224px;
    margin: auto;    
    color:black;
    margin-top:20px;
    line-height: 40px;
    height: calc(100vh - 25vh);
    position: relative;
}


.question-wrapp {
    height:100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.question-wrapp::after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    z-index:10;
  }

 
.question-q,
.question-a,
.question-t,
.question-n {
    z-index:500;
}

.question-q {
    margin:15px;
    padding:0px;
    font-size: 32px;
    width: calc(100% - 100px);
    font-weight: 350;
}
.question-a {
    padding:15px;
    font-size:30px;
    width:calc(100% - 40px);
}
.question-p {
    width:calc(100% - 40px);
    margin:auto;
}

.question-t {
    width:calc(100% - 40px);
    font-size: large;
}



/* Button start & see resault*/
.question-start,
.result-url,
.question-tnext {
    padding: 15px;
    margin: 15px;
    font-size:25px;
}

.result-link {
    margin-top:40px!important;
}

/* Button answer */
.question-btn-a,
.question-start,
.result-url,
.question-tnext,
.btn_prev,
.btn_next {
    color: white !important;
    background-color: #e82e2c !important;
    fill: #e82e2c!important;  
    font-weight:600;
}

.question-btn-a:hover {
    opacity: 0.8;
    color: white !important;
    background-color: #f07171 !important;
    fill:#f07171 !important;    
}

.question-selected {
    color: white !important;
    background-color: #f07171 !important;
    fill:#f07171 !important;   
}


.question-q .btn_prev,
.question-q .btn_next {
    position:absolute;
    height:100px;
    padding: 5px;
    margin: 0px;
    font-size:15px;
    z-index:600!important;
    overflow: hidden;
    clear: both;
}
.question-q .btn_prev {
    left:0;
    top:40%;
}
.question-q .btn_next {
    right:0;
    top:40%;
}

.ui-loader {
    display: none !important;
}

.question-n {
    position:absolute;
    bottom:20px;
    left:20px;
    width: calc(100% - 40px);
    padding: 20px;
    margin: 0px;
    font-size:15px;
    line-height:20px;
    z-index:400!important;
    overflow: hidden;
}


/*
 * Mobile class custom-mobile
 */

 .custom-mobile .question-wrapp::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 0.65);
    z-index:10;
  }

.custom-mobile .question-q,
.custom-mobile .question-a,
.custom-mobile .question-t  {
    width:calc(100% - 10px);
}

.custom-mobile .question-p  {
    width:100%;
}

.custom-mobile .question-q .btn_prev,
.custom-mobile .question-q .btn_next {
    position:absolute;
    height:50px;
    padding: 5px;
    margin: 0px;
    font-size:15px;
    z-index:600!important;
    overflow: hidden;
    clear: both;
}

.custom-mobile .question-q .btn_prev {
    left:0;
    top:5%;
}
.custom-mobile .question-q .btn_next {
    right:0;
    top:5%;
}

body .ui-widget-header {
    border-color: #0b4463;
    background-color: #0b4463;
    color: #ffffff;
}

.ui-progressbar { 
    border-color: #4db1e0!important;
    background-color: #4db1e0!important;
}

.question-t .question-logo {
    width:160px;
}

.question-t .question-logo.header-logo {
    width:280px;
}

.start-navodila {
    margin:20px 0px;
    font-size: 25px;
}

.tema-sklop {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:32px;
    font-weight:350;
    flex-wrap: wrap;
}



.tema-sklop img {
    width:60px;
}

.logo-lg img {
    width:100px;
}
.tema-sklop .tema-naziv {
    margin-left:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:32px;
    font-weight:350;
    flex-wrap: wrap;    
}
.tema-sklop .tema-naziv .ib-bold {
    margin-left:10px; 
}

.tema-navodila {
    font-size:25px;
    font-weight:350;   
}

.ib-bold {
    font-weight:540;
}

.ib-bold.result-izobrazba {
    font-weight:790;
}

@media (max-width:640px) {
    .custom-questions {
        line-height: 30px;
    }    
    .question-q {
        font-size:25px;
        font-weight: 350;
    }
    .question-t {
        font-size: 15px;
    }    
    .question-btn-a.t-Button--large {
        padding: 0.9rem 1.3rem;
        line-height: 1.6rem;
    }    
    .question-t .question-logo.header-logo {
        width:240px;
    }    
    .logo-lg img {
        width:100px;
    }    
}
/*# sourceMappingURL=vprasalnik.css.map */