.res .side .res-fancy-toggle-button {
display: inline-block;
padding: 0;
margin: 0 auto;
width: 110px;
border-color: #9012FE;
border-radius: 3px;
height: 22px;
font-weight: 700;
line-height: 22px;
letter-spacing: 1.12px;
text-transform: uppercase;
color: #9012FE !important;
background: transparent;
box-shadow: 0 0px 0px 0px rgba(98,66,0,0.4);
transition: box-shadow 0.2s ease; }

.res .side .RESshortcutside, .res .side .RESDashboardToggle { font-size: 0; transition: box-shadow 0.2s ease; }
.res .side .RESshortcutside:after, .res .side .RESshortcutside.remove:after { content: "shortcut"; font-size: 11px; }
.res .side .RESDashboardToggle:after, .res .side .RESDashboardToggle.remove:after { content: "dashboard"; font-size: 11px; }

.res .side .RESshortcut { margin-right: 10px; }
.res .side .RESshortcutside, .res .side .RESDashboardToggle {
background: url(%%q-add%%) 8px center no-repeat;
background-size: 13px 13px; }

.res .side .RESDashboardToggle { text-indent: 10px; }
.res .side .RESshortcutside.remove, .res .side .RESDashboardToggle.remove { background: url(%%q-remove%%) 8px center no-repeat; background-size: 13px 13px; }

.res .side .RESshortcutside:hover, .res .side .RESDashboardToggle:hover,
.res .side .RESshortcutside.remove:hover, .res .side .RESDashboardToggle.remove:hover {
background-color: #fff;
border: 1px solid #fff;
box-shadow: 0 5px 11px -4px rgba(77,9,136,0.40);
transition: box-shadow 0.2s ease; }