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

#opener i {
    color: white;
}

#opener {
    width: 40px;
    height: 180px;
    float: right;
    line-height: 40px;
    text-align: center;
    background-color: #000;
    border-radius: 0 8px 8px 0;
    -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);
}

#opener p {
    transform: rotate(-90deg);
    width: 130px;
    position: relative;
    left: -46px;
    color: white;
    top: 40px;
    /*letter-spacing: 2px;
    font-weight: 900;*/
}

#mywidgetframe #mywidget {
    width: 320px;
    min-height: 200px;
    float: left;
    padding: 10px;
    background-color: rgb(255 255 255 / 100%);
    -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;
}

#mywidget li,
#mywidget>li,
#mywidget>li>ul>li {
    list-style: none;
}

.children {
    padding-left: 15px
} 

#mywidget>li>ul>li>a,
#mywidget>li>a {
    font-weight: bolder;
}