@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {
    .img-responsive {
        width: 100%;
        height: 100%;
        /*max-height:100%;*/
    }

}
#mssHomePageSliderHomeModule{

    padding-bottom:20px;
}
.sliderContainer {
    padding: 0;
    width: 100%;
}

.courbes {
    position: absolute;
    z-index: 999;
    pointer-events:none;
    bottom: 0;
}

.dx-gallery-indicator {
    z-index: 999;
    padding-top: 10px;
    height: 13px;
}

.dx-gallery-nav-button-prev {
    z-index: 999;
}

.dx-gallery-nav-button-next {
    z-index: 999;
}

.dx-gallery .dx-gallery-nav-button-prev:before, .dx-gallery .dx-gallery-nav-button-next:before {
    color: #9E0063;
}

.sliderTitle {
    z-index: 999;
    font-size: 28px;
    padding: 15px 20px;
    display:table;
}

.sliderSubTitle {
    z-index: 999;
    background-color: white;
    font-size: 20px;
    padding: 10px 20px;
    color: #9E0063;
}

.sliderTxtContainer {
    width: 100%;
    position: absolute;
    top: 3%;
}

.top {
    top: 5%;
}

.bottom {
    top: 50%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.left-s {
    float: right;
}

.right-s {
    float: left;
}
.sliderTxtContainer .right > * {
    margin-left: auto;
}


.fuschia-blanc {
    background-color: #9E0063;
    color: white;
}

.blanc-fuschia {
    background-color: white;
    color: #9E0063;
}

.parme-blanc {
    background-color: #987AB2;
    color: white;
}

.blanc-parme {
    background-color: white;
    color: #987AB2;
}
.gris-bleu {
    background-color: #f3f4f4;
    color: #72b1db;
}
.bleu-gris {
    background-color: #72b1db;
    color: #f3f4f4;
}

.blanc-bleu {
    background-color: #FFFFFF;
    color: #72b1db;
}

.bleu-blanc {
    background-color: #72b1db;
    color: #FFFFFF;
}

.rouge-blanc {
    background-color: #ff0000;
    color: #fff;
}

/*.mss-admin-panel .mss-button-edit-admin {
    float: right;
}
.mss-admin-panel .dx-button-content {
    padding:2px;
}

.mss-admin-panel {
    border: 1px solid #dee1e3;
    background-color: #FFE5EB;
    height: 26px;
}*/



.mss-group-title span {
    font-size: 20px;
}

.mss-group-title {
    padding-bottom: 5px;
    border-bottom: 1px solid lightgray;
}

.mss-group-row {
    padding-top: 15px;
}

.mss-group {
    padding-bottom: 30px;
}

.mss-group-slider {
    float: left;
    overflow: hidden;
    border: 1px solid #dee1e3;
    padding: 1px;
    margin-bottom: 5px;
    background-color: #FFE5EB;
    width:100%;
}
    .mss-group-slider .title-group {
        margin-bottom: 5px;
        border-bottom: 1px solid #AC1F64;
        overflow: hidden;
    }

.title-group .dx-button {
    float: right;
    margin: 10px;
}

    .mss-group-slider .title {
        color: #333;
        padding: 2px;
        padding-left: 5px;
        margin-top: 5px;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        height: 35px;
        float: left;
    }

.mss-group-slider .content {
    font-family: Arial;
    border-radius: 5px;
    color: #666;
    cursor: default;
    float: left;
    background-color: white;
    width:100%;
    padding-top: 5px;
}

    .mss-group-slider .content img{
        width: 100%;
        display:block;
    }

.mss-group-slider .mss-element-label {
    float: left;
    width:40%;
}

.mss-group-slider .mss-element-ctrl {
    float: left;
    width: 60%;
}

    .mss-group-slider .mss-element {
        overflow: hidden;
        padding-bottom: 5px;
    }

    .mss-group-slider .dx-checkbox {
        text-align: center;
    }

.img-slider{
    width:100%;
    cursor:pointer;
}

#fileuploader-foreground-img .dx-fileuploader-files-container {
    padding: 0;
}
#sliderGrid .dx-field-item-label {
    margin: auto;
}


@media only screen and (max-width: 1199px) {
    .dx-gallery-indicator {
        position: inherit;
    }

    .courbes {
        bottom: 13px;
    }

    .sliderTitle {
        z-index: 999;
        font-size: 28px;
        padding: 10px 20px;
    }

    .sliderSubTitle {
        z-index: 999;
        font-size: 14px;
        padding: 10px 20px;
    }

    .sliderTxtContainer {
       position:relative;
    }
}

@media only screen and (max-width: 767px) {

    .sliderTitle {
        z-index: 999;
        font-size: small;
        padding: 5px 20px;
    }

    .sliderSubTitle {
        z-index: 999;
        font-size: 12px;
        padding: 2px 20px;
    }
}