.fx2020-label{
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 10px !important;
}

.fx2020-label:hover{
    color: #06CCF8;
    transition: color 450ms ease;
    cursor: default;
}

.preview-img{
    
    max-width:100%;
    vertical-align: middle;
    background-image: linear-gradient(45deg ,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4),
                      linear-gradient( 45deg ,#c4c4c4 25%,transparent 25%,transparent 75%,#c4c4c4 75%,#c4c4c4);
    background-position: 0 0,10px 10px;
    background-size: 20px 20px;
}

.upload_image_button{
    margin-top: 10px ;
    border: 1px dashed #b4b9be;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.6;
    padding: 9px 0;
    text-align: center;
    width: 100%;
}

.upload_image_button:hover{
    background-color: white;
}

.remove-image,
.edit-image{
    margin-top: 10px !important;
} 

.removed{
    display: none !important;
}

.show{
    display: block;
}

.image-map{
    width: 100%;
    height: 100px;
    background: url(../images/map1.png);
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: top 10px center;
    /* animation: bounce 0.7s ease infinite; */
}

.image-map:hover{
    /* animation: rotate 0.7s ease, bounce 0.7s ease infinite; */
}

@keyframes rotate{
    from { transform: rotate3d(0, 1, 0, 0deg);}
    50%  { transform: rotate3d(0, 1, 0, 180deg);}
    to   { transform: rotate3d(0, 1, 0, 360deg);}
}

@keyframes bounce{
    from { background-position: top 10px center;}
    50%  { background-position: top 15px center;}
    to   { background-position: top 10px center;}
}