@charset "UTF-8";
html, body {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-callout: none
}

.hidden {
    display: none !important
}

/*.gameTitle {*/
/*    font-size: 2em;*/
/*    font-family: 'Lora', serif !important;*/
/*    color: #29675f;*/
/*}*/

*, .active, :active, :focus {
    outline: 0
}


#naloga {
    width: 1100px;
    height: 715px;
}

.dropzonesContainer {
    position: absolute;
    width: 1000px;
    top: 40px;
}

.dropzone {
    width: 300px;
    height: 200px;
    font-size: 2em;
    font-family: 'Lora', serif !important;
    color: #29675f;
    padding-top: 40px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    border: 15px solid #fff;
    background: #efece5;
    position: absolute;
    border-radius: 10px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.dropzone:last-of-type {
    background: #eae3d7;
}

.drop1 {
    left: 170px;
    top: 80px
}

.drop2 {
    right: 170px;
    top: 80px
}

.drag1, .drag2, .drag3, .drag4, .drag5 {
    top: 20px
}

.draggableElements {
    position: absolute;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    height: 325px;
}

.draggable {
    position: absolute;
    width: 150px;
    height: 100px;
    cursor: move;
    display: table;
    vertical-align: middle
}

.drag1 {
    left: 85px;
    background: #fff;
}

.drag2 {
    left: 255px;
    background: #fff;
}

.drag3 {
    left: 425px;
    background: #fff;
}

.drag4 {
    left: 595px;
    background: #fff;
}

.drag5 {
    left: 765px;
    background: #fff;
}

.drag10, .drag6, .drag7, .drag8, .drag9 {
    top: 140px
}

.drag6 {
    left: 85px;
    background: #fff;
}

.drag7 {
    left: 255px;
    background: #fff;
}

.drag8 {
    left: 425px;
    background: #fff;
}

.drag9 {
    left: 595px;
    background: #fff;
}

.drag10 {
    left: 765px;
    background: #fff;
}

.draggable .responseImage {
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 9999999999;
    left: 116px;
    top: 165px
}

.drop-active.drop-target {
    box-shadow: none;
    background: #f8f4f1 !important
}

.sticky {
    border-color: #09c !important
}

.solution {
    display: none;
    top: 290px;
    width: 1000px
}