#ardtdw-sitewidget {
position: fixed;
top: calc(50% - 200px);
width: 100%;
max-width: 300px;
z-index: 999
}
.ardtdw-sitewidget.ardtdw-left {
left: 0
}
.ardtdw-sitewidget.ardtdw-right {
right: 0
}
#ardtdw-sitewidget p, #ardtdw-sitewidget ul {
margin: 0;
padding: 0
}
#ardtdw-sitewidget .ardtdw-sitewidget-head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
background: #2980b9;
border: 1px solid #2980b9;
color: #fff;
font-size: 20px;
text-transform: uppercase;
line-height: 1em;
font-family: Verdana, Geneva, sans-serif;
font-weight: 700;
position: relative;
border-radius: 2px 0 0 0
}
#ardtdw-sitewidget .ardtdw-head-icons {
display: flex;
gap: 10px;
}
#ardtdw-sitewidget .ardtdw-sitewidget-head a { font-size: 20px;
color: #fff;
text-decoration: none !important;
padding: 3px 5px 5px;
background: rgba(255, 255, 255, .1);
border-radius: 2px
}
#ardtdw-sitewidget .ardtdw-sitewidget-head a:hover {
text-decoration: none !important;
background: rgba(255, 255, 255, .2)
}
#ardtdw-sitewidget .ardtdw-sitewidget-list {
border: 1px solid #f3f3f3;
max-height: 400px;
overflow-y: auto;
border-radius: 0 0 0 2px;
background: #fff
}
#ardtdw-sitewidget .ardtdw-sitewidget-list li {
padding: 10px 20px;
margin: 0;
list-style: none
}
#ardtdw-sitewidget .ardtdw-sitewidget-list li:nth-child(even) {
background: #e6e6e6
}