.topleft {
    position:fixed;
    left:0;
    top:20px;
    width: auto;
}
.middleleft {
    position:fixed;
    left:0;
    top:35%;
    width: auto;
}
.bottomleft {
    position: fixed;
    left: 10px;
    bottom: 10px;

    width: auto;

    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);

    transform: scale(0.80);
    transform-origin: bottom left;

    z-index: 9999;
}
.topright {
    position:fixed;
    right:0;
    top:20px;
    width: auto;
}
.middleright {
    position:fixed;
    right:0;
    top:35%;
    width: auto;
}
.bottomright {
    position:fixed;
    right:0;
    bottom:40px;
    width: auto;
}

#widget_block {
    text-align:center;
    padding:0px;
    z-index:9999;
}

.close_widget_block {
    text-align:right;
    position:relative;
    cursor:pointer;
}

.rotate {
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.widget_footer {
    float: left;
}