/*this is a class to style the design table*/

/* Edit View */
.LinksDesignTable
{
}
.MessageSuccees
{
    color: Green;
    font-weight: bold;
}
.MessageFailure
{
    color: Red;
    font-weight: bold;
}

/* Module View */

.link_module
{
}

.linklist
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: -1;
}

.linkitem
{
    list-style: none;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
#pp_position
{
    position: relative;
}
ul.linklist.Horizontal
{
}

li.linkitem.Horizontal
{
    display: inline-block;
    line-height: 2;
    float: right;
    margin: 0 0 0 15px;
}

.item_desc
{
    line-height: 1.3;
    margin: 0 20px 0 0;
    white-space: normal;
}

/*popup*/

.popup
{
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    z-index: 999;
}
#ppwrap
{
    width: 202px;
    background: url(img/top.gif) no-repeat top;
    padding: 17px 0 0 0;
}
#ppbottom
{
    width: 202px;
    background: url(img/bottom.gif) no-repeat;
    height: 5px;
}
#ppbody
{
    width: 182px;
    padding: 10px;
    min-height: 30px;
    background: url(img/body.gif) repeat-y #F8F8F8;
    color: #666;
    font-size: 11px;
    font-family: Arial;
}
#ppbody span
{
    white-space: pre-line;
}

.FooterLinks li {
    color: #fff!important;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    width: 100%;
}

.FooterLinks li:before {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 10px;
    border-radius: var(--b-radius-10);
    background: var(--accent-color);
}

.FooterLinks {
    position: relative;
    overflow-y: scroll;
    max-height: 90px;
    padding-left: 30px;
}

.FooterLinks::-webkit-scrollbar {
    width: 10px;
}

.FooterLinks::-webkit-scrollbar-track {
    border-left: 3px solid #1d1d1b;
    border-right: 3px solid #1d1d1b;
}

.FooterLinks::-webkit-scrollbar-thumb {
    border-left: 3px solid var(--accent-color);
    border-right: 3px solid var(--accent-color);
    background: var(--accent-color);
    width: 3px;
    border-radius: var(--b-radius-10);
}

.FooterLinks::-webkit-scrollbar-track {
    background-color: rgb(167 167 167 / 26%);
    border-radius: var(--b-radius-10);
}

.FooterLinks li:after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.102' height='12.043' viewBox='0 0 7.102 12.043'%3E%3Cpath fill='%23fff' id='arrow-ios-downward-fill' d='M13.51,20.6a.783.783,0,0,1-.55-.233l-5.152-5.07a1.146,1.146,0,0,1-.112-1.43.773.773,0,0,1,1.211-.132l4.6,4.543,4.6-4.381a.771.771,0,0,1,.632-.221.833.833,0,0,1,.579.373,1.137,1.137,0,0,1,.214.771,1.071,1.071,0,0,1-.334.709l-5.152,4.9A.763.763,0,0,1,13.51,20.6Z' transform='translate(20.6 -7.498) rotate(90)'/%3E%3C/svg%3E%0A");
    width: 12px;
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
}