/* Ranking popravki */
.sortholder .handle.moving{
    width: 220px !important;
    height: 145px !important;

    padding: 0 !important;
    margin: 12px 15px 34px;

    border: 0 !important;
}
.sortholder img{
    width: 220px !important;
    height: 145px !important;

    padding: 0;

    border: 1px grey solid;
}

.sortholder .frame_moving{
    width: 220px !important;
    height: 145px !important;

    padding: 10px;
}



/* DRAG */
.ranking_table .grab_row{

}
.ranking_table .grab_row .dropzone{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

    height: 210px;
    margin: 0;
    padding: 0;

    border: 0;
}
.ranking_table .grab_row .dropzone .ranking{
    width: 320px !important;
    height: 210px !important;
    overflow: visible;
    
    margin: 0 0 0 40px;
    padding: 0;

    border: 2px #777 solid;
}
.ranking_table .grab_row .dropzone .ranking > img{
    width: 320px !important;
    height: 210px !important;
    
    margin: 0;
    padding: 0;
}
.ranking_table .grab_row .dropzone .frame_ranking_hover{
    width: 320px !important;
    height: 210px !important;
    
    margin: 0 0 0 40px;
    padding: 0;
}

/* DROP */
.ranking_table .drop_row{
    margin-top: 40px;
}
.ranking_table .drop_row .dropzone{
    display: flex;
    flex-direction: row;

    z-index: 20;

    margin: 0;
    padding: 0;

    border: 0;
}
.ranking_table .drop_row .dropzone .ranking{
    z-index: 20;
    overflow: visible;

    width: 320px !important;
    height: 210px !important;

    margin: 0 0 0 40px;
    padding: 0;
}
.ranking_table .drop_row .dropzone .ranking > img{
    z-index: 20;

    width: 320px !important;
    height: 210px !important;
    
    margin: 0;
    padding: 0;
}
.ranking_table .drop_row .dropzone .frame_ranking_hover{
    width: 320px !important;
    height: 210px !important;
    
    margin: 0 0 0 40px;
    padding: 0;
}

/* DROP FRAMES */
.ranking_table .drop_row .drop_frames{
    display: flex;
    flex-direction: row;

    z-index: 10;

    position: absolute;
    width: 100%;
}
.ranking_table .drop_row .drop_frames .frame_ranking{
    width: 320px !important;
    height: 210px !important;

    margin: 0 0 0 40px;
    padding: 0;

    text-indent: 0;

    line-height: 210px;
    text-align: center;
    font-size: 55px;
    font-weight: 500;
    color: #adbfcd;
}

/* HOVER */
.ranking_table .sazu_holder2{
    position: relative !important;
    z-index: 999 !important;
    top: -480px;
    left: 200px;
}
.ranking_table .sazu_holder2 img{
    z-index: 999 !important;

    width: 500px !important;
    height: auto !important;

    border: 2px solid #777 !important;
}




/* Oznacevanje slik popravki */
.variabla.hideRadio {
    width: 220px !important;
    height: 145px !important;

    margin: 8px 10px;

    border: 3px solid white;
}

.variabla.hideRadio label img {
    width: 220px !important;
    height: 145px !important;

    border: 3px solid white;
}
.variabla.hideRadio label img:hover{
    border: 3px solid white;
}
.variabla.hideRadio.checked label img {
    opacity: 0.6;
    border: 3px solid #1e88e5;
}

.sazu_holder .sazu_large{
    display: none;
}
.sazu_holder:hover .sazu_large{
    position: relative;
    display: block;
    z-index: 999;
    top: -400px;
    left: 80px;

    width: 450px !important;
    height: auto !important;
}
.sazu_holder img.sazu_large{
    opacity: 1 !important;
    border: 3px solid #fff !important;
}




/* Ranking regij (hotspot) popravki */
.mapster_tooltip{
    width: 220px !important;
    padding: 15px !important;
    
    opacity: 1 !important;
}

.mapster_tooltip .question{
    
}
.mapster_tooltip .question .title{
    padding-bottom: 10px !important;

    font-weight: 500;
}
.mapster_tooltip .question .category label{

}
.mapster_tooltip .question .category label.disabled-item,
.mapster_tooltip .question .category label.disabled-item input[type="radio"] + span.enka-checkbox-radio{
    color: silver;
}

.mapster_tooltip .komentar{
    margin-top: 20px;
    font-weight: 500;
}
.mapster_tooltip .komentar textarea{
    width: 190px;
    margin-top: 10px !important;
}

.mapster_tooltip .close_button{
    cursor: pointer;
    
    float: right;
    margin-top: 20px;

    color: #1e88e5;
    font-weight: 500;
}
.mapster_tooltip .close_button:hover{
    color: #ffa608;
}



/* SELECT IMAGE */
#spremenljivka_871089 .variabla.hideRadio.checked label img,
#spremenljivka_11092567 .variabla.hideRadio.checked label img{
    border: 3px solid #00aa00;
}
#spremenljivka_871090 .variabla.hideRadio.checked label img,
#spremenljivka_11092568 .variabla.hideRadio.checked label img{
    border: 3px solid #ff0000;
}


/* SKRITO VPRASANJE ZA KOMENTARJE PRI HOTSPOTU */
#spremenljivka_871098,
#spremenljivka_11092579{
    height: 0px !important;
    visibility: hidden;
}




/* MOBILE POPRAVKI */
/* Mobile ranking */
.sazu_select{
    margin-top: -40%; 
    margin-right: 10px;
}

/* Ostali mobile popravki */
@media screen and (max-width: 700px){
    .sazu_holder:hover .sazu_large{
        display: none !important;
    }
}