#cg_rotate_image{
    margin: 30px 20px 7px 0;
    background-color: white;
}


#cg_rotate_save_changes{
    margin-top: 30px;
}

#cg_rotate_save_changes input{
    width: 300px;
    cursor: pointer;
}

#cg_rotate_do_not_save_changes input{
    margin-top: 10px;
    width: 400px;
    cursor:pointer;
    background:linear-gradient(0deg, #f1f1f1 50%, #f1f1f1 50%);
    border: 1px solid grey;
}

#cgRotateSource{
    width: 40px;
    cursor: pointer;
}
#cgRotateSource img{
    width: 100%;
}

#cgImgSourceContainer{
    width: 400px;
}

#cgImgSourceContainer #cgImgSource{
    height: 100%;
    width: 100%;
}

#cgRotateThumb{
    width: 40px;
    cursor: pointer;
}
#cgRotateThumb img{
    width: 100%;
}

#cgImgThumbContainer{
    width: 400px;
}

#cgImgThumbContainer #cgImgSource{
    height: 100%;
    width: 100%;
}

.cg90degree,.cg180degree,.cg270degree{
    transform-origin: top left;
    /* IE 10+, Firefox, etc. */
    -webkit-transform-origin: top left;
    /* Chrome */
    -ms-transform-origin: top left;
    /* IE 9 */
}

.cg90degree{
    transform: rotate(90deg) translateY(-100%);
    -webkit-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
}

.cg180degree {
    transform: rotate(180deg) translate(-100%, -100%);
    -webkit-transform: rotate(180deg) translate(-100%, -100%);
    -ms-transform: rotate(180deg) translateX(-100%);
}

.cg270degree {
    transform: rotate(270deg) translateX(-100%);
    -webkit-transform: rotate(270deg) translateX(-100%);
    -ms-transform: rotate(270deg) translateX(-100%);
}