#mywidgetframe {
    width: 360px;
    min-height: 200px;
    left: -320px;
    position: fixed;
    top: 200px;
    z-index: 99999;
    transition: all 1s;
}

#opener i {
    color: #ffffff;
}

#opener {
    width: 40px;
    height: 40px;
    border-radius: 0 50% 50% 0;
    float: right;
    line-height: 40px;
    text-align: center;

    background-color: #ff5722;
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 10px -2px rgba(110, 80, 80, 0.45);
    box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.45);
}

#mywidget {
    width: 320px;
    min-height: 200px;
    float: left;
    padding: 10px;
    color: black;
    background-color: white;
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.45);
}

.openwidgetframe {
    left: 0px!important;
}