/* Add here all your CSS customizations */
@media (max-width: 767px) {
    .promoimg {
        width: 100%;
        height: auto;
    }
}
.selectedpromotion {
    border: 15px inset orange;
}      
.no-sort {
    pointer-events: none !important;
    cursor: default !important;
}
.row_position {
    cursor: -webkit-grab;
    cursor: grab;
}
.affix {
    width: 100%;
    top: 0px;
    position: fixed;
    overflow: visible !important;
    padding: 28px 0px 0px 0px;
    z-index: 9998;
    margin: 0 auto;
}
.Highlighted a {
    background-color: grey !important;
    background-image: none !important;
    color: white !important;
    font-weight: bold !important;
}
.switch.disabled {
    pointer-events: none;
    opacity: 0.3;
}
.post-info-table tr {
    border-top: 1px solid #c4c4c4;
}

    .post-info-table tr:last-child {
        border-bottom: 1px solid #c4c4c4;
    }

.post-info-table td {
    padding: 21px 15px;
}

    .post-info-table td:first-child {
        min-width: 110px;
        padding-left: 0;
        font-weight: 600;
        letter-spacing: .03em;
        white-space: nowrap;
    }

    .post-info-table td:last-child {
        min-width: 300px;
    }
.list-marked {
    text-align: left;
    color: #000000;
}

    .list-marked > li {
        text-indent: -25px;
        padding-left: 25px;
    }

        .list-marked > li::before {
            position: relative;
            display: inline-block;
            left: 25px;
            top: -1px;
            min-width: 25px;
            content: '\f222';
            font: 400 15px/24px 'Material Design Icons';
            color: #75c15b;
        }

        .list-marked > li.li-alternate::before {
            content: '\f69a';
            color: #ffa133;
        }

    .list-marked a {
        color: inherit;
    }

    .list-marked > li + li {
        margin-top: 10px;
    }

* + .list-marked {
    margin-top: 15px;
}

p + .list-marked {
    margin-top: 10px;
}
