.mss-highlights-container {
    margin-bottom: 5px;
}

.mss-highlight-item {
    /*padding-left:0px;
    padding-right:0px;*/
    padding-bottom: 15px;
    padding-top: 15px;
}

.mss-highlight-panel {
    /*margin-left: auto;
    margin-right: auto;*/
    min-height: 300px;
    font-family: Arial;
    font-size: 16px;
    opacity: 1;
    overflow: hidden;
    /*margin-bottom: 10px;*/
    cursor: pointer;
    transition: box-shadow .3s;
    margin: auto;
}

.mss-highlight-item:first-child .mss-highlight-panel {
    
    
}

.mss-highlight-panel .title {
    text-align: center;
    vertical-align: middle;
    line-height: 21px;
    color: #fff;
    padding: 5px 0;
    background-color: #9E0063;
}

.mss-highlight-panel .description {
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
    padding: 10px;
}

.mss-editor-buttons {
    width: 100%;
    overflow: hidden;
    border: 1px solid #dee1e3;
    background-color: #FFE5EB;
}

.mss-highlight-editor-left {
    border-right: 1px solid #dee1e3;
}

.mss-editor-buttons .dx-button {
    float: right;
    padding-right: 5px;
}

.mss-highlight-panel {
    max-width: 160px;
}

@media (min-width:962px) {
    .mss-highlight-panel {
        max-width: 162px;
    }
}

@media (min-width:1200px) {
    .mss-highlight-panel {
        max-width: 170px;
    }
}


.mss-highlight-panel .image {
    text-align: center;
}

.mss-highlight-panel img {
    opacity: 1;
    width: 100%;
}

/*.mss-highlight-panel:hover .title, .mss-highlight-panel:hover img, .mss-highlight-panel:hover .description {
        opacity: 0.7;
    }*/
.mss-highlight-panel:hover {
    box-shadow: 0 0 15px rgb(33, 33, 33);
}