.etabs {
    position:absolute;
    right:20px;
    z-index: 10000;
}

.etabs .tab {
    margin:5px;
    background:#042c49 !important;
    border:none !important;
    border-color:none;
    height:50px;
    width:150px;
    text-align:center !important;
    padding:0 !important;
    color:#FFF !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
}

.etabs .tab a {
    color:#FFF !important;
    text-decoration:none;
    width:60px;
    height:60px;
    display:inline !important;
    line-height:50px !important;
    font-size:2em !important;
    text-shadow: 0 2px 0px rgba(0,0,0,0.3);
}

.etabs .tab.active {
    background:#ffaf39 !important;
    top:0 !important;
}

.tab-container .panel-container {
    padding:0;
    height:636px;
    border:none;
    background:none;
}

.text {
    width:320px;
    height:420px;
    text-align:justify;
    font-size:1.4em;
    overflow-y:scroll;
    font-weight: normal;
    font-family: "cabin";
    padding:5px;
}

.text:first-child {
    position:absolute;
    top:180px;
    left:345px;
}

.text:nth-child(2) {
    position:absolute;
    top:180px;
    right:345px;
}

input[type="checkbox"] {
    width:40px;
    height:40px;
    position:absolute;
}

input[type="checkbox"]:first-child {
    top:383px;
    left:50px;
}

input[type="checkbox"]:nth-child(2) {
    top:470px;
    left:50px;
}

input[type="checkbox"]:last-child {
    top:560px;
    left:50px;
}

#drags {
    position:absolute;
    top:373px;
    left:30px;
    z-index:10;
}

#drags > span {
    background:#844f00;
    border:solid 2px #271e00;
    color:#FFF;
    width:35px;
    height:35px;
    display:block;
    font-size:1.5em;
    border-radius:5px;
    box-sizing:border-box;
    margin-bottom:10px;
}

#drags > span:hover {
    cursor: pointer;
}

#drops {
    position:absolute;
    top:373px;
    left:80px;
}

#drops > div {
    background:#FFF;
    border:dashed 2px #271e00;
    color:#FFF;
    width:35px;
    height:35px;
    display:block;
    font-size:1.5em;
    border-radius:5px;
    box-sizing:border-box;
    position:relative;
}

#drops > div:nth-child(2) {
    top:45px;
}
#drops > div:nth-child(3) {
    top:100px;
}
#drops > div:nth-child(4) {
    top:147px;
}
#drops > div:nth-child(5) {
    top:175px;
}

#drops > div.dropped {
    background:#844f00;
    border:solid 2px #271e00;
    color:#FFF;
    width:35px;
    height:35px;
    display:block;
    font-size:1.5em;
    border-radius:5px;
    box-sizing:border-box;
}