body {
  padding-top: 50px;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

.drag { cursor:move }

.resize {
    stroke: black;
    fill: white;
    stroke-width: 3;
    cursor: se-resize;
}

.btn-img-edit {
    padding-right:15px;
}

.input-img-edit {
    width: 100px;
}

.img-item {
    max-width: 400px;
}

.btn-xxs,
.btn-group-xxs > .btn {
  padding: 1px 5px;
  font-size: 8px;
  line-height: 1.8;
  border-radius: 3px;
}

.nav-points {
    color: #777;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    font-size: 26px;
    padding-left: 5px;
}

.btn-fzg-pos-edit {
    width: 70px;
}

.sorticon {
    margin-left: 5px;
}

.sortableHeader {
    cursor: pointer;
}

.nav-success {
    color: green;
}

.top-20 {
    margin-top: 20px;
}

.top-30 {
    margin-top: 30px;
}

.top-10 {
    margin-top: 10px;
}

.right-10 {
    margin-right: 10px;
}

.right-5 {
    margin-right: 5px;
}

.bottom-20 {
    margin-bottom: 20px;
}

.hr-space-10{
    margin-top: 10px; 
    margin-bottom: 10px; 
}

.nav-fail {
    color: red;
}

.next-button {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.position {
    fill: white;
    stroke: #333333;
    stroke-width: 5;
}

.position-hidden {
    stroke-opacity: 0;
    fill-opacity: 0;
}

.position-visible {
    stroke-opacity: 1;
    fill-opacity: 1;
}

@media(min-width:768px){
    .position:hover {
         fill: gray;
         transition: 1s; 
    }
} 

.position-green, .position-green:hover{
    fill: green;
    transition: 1s;
}

.position-red, .position-red:hover{
     fill: red;
     transition: 1s; 
}

.position-semi-transparent {
    fill-opacity: 0.5;
    stroke-width: 4;
    stroke: black;
}

.svg-container {
    display: inline-block;
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
}

.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.red{
 color:red; 
}

.green{
 color:green;   
}

.item-quest{
     margin-top: 20px;   
}

.itemcontinue{
 color: green;  
}

.btn-itemcontinue{    
 opacity: 0.7; 
}

.btn-itemcontinue:hover{    
 opacity: 0.9; 
}