.cmd-price-steep {
    padding: 0px 0px 20px 0px;
}

.cmd-price-steep .col-sm-6 {
    margin-top: 30px;
}

.update-request{
    margin: 20px 0;
}



.update-request > .block-1 > button{
    margin: 20px 0;
    font-size: 100%;
}

.update-request > .block-1>h6:hover {
    color:rgba(0,0,0,.5);
}

.update-request .block-2 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    z-index: 9999;
    padding: 150px;
    box-sizing: border-box;
}

.update-request .block-2 > div{
    width: 50%;
    left: 25%;
    background: rgb(229, 225, 214);
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 20px;
    bottom: 20px;
    box-sizing: border-box;
}

.update-request .block-2 > div > h3{
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 90%;
    padding: 20px;
    margin-top: 0;
}

.update-request .block-2>div>p {
    font-size: 90%;
    padding: 20px;
}

.update-request .block-2>div> .text-area {
   text-align: center;
   width: 90%;
   margin: auto;
}

.update-request .block-2>div textarea {
    width: 100%;
}

.update-request .block-2 > div> h3 i {
    float: right;
    cursor: pointer;
}
.update-request .block-2>div>h3 i:hover{
    color: rgb(158, 134, 75);
}

.update-request .block-2> div .row {
    padding: 30px 30px;
}

.update-request .block-2>div>.row button{
    font-size: 90%;
}

/* .ui-datepicker {
    border: 10px solid red;
    width: 200%;
    bottom: 0;
} */


/* debut du responsive */

@media screen and (min-width: 1920px) {
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1919px) and (min-width: 1366px) {  
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1365px) and (min-width: 1280px) {
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1279px) and (min-width: 1112px) {
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1111px) and (min-width: 1080px) {
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1079px) and (min-width: 1024px) {
    
}

/* ------------------------------------------ partie mobile --------------------------------------------------------- */

@media screen and (max-width: 1023px) and (min-width: 834px) {
    
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 833px) and (min-width: 800px) {
    
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 799px) and (min-width: 768px) {
    .update-request .block-2 {
        padding: 0px;
    }

    .update-request .block-2>div {
        width: 70%;
        left: 15%;
    }
}

/* --------------------------------------------------------------------------------------------- */

@media screen and (max-width: 767px) and (min-width: 736px) {
    .update-request .block-2 {
        padding: 0px;
    }

    .update-request .block-2>div {
        width: 70%;
        left: 15%;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 735px) and (min-width: 667px) {
    .update-request .block-2 {
        padding: 0px;
    }

    .update-request .block-2>div {
        width: 80%;
        left: 10%;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 666px) and (min-width: 576px) {
    .update-request .block-2 {
        padding: 0px;
    }

    .update-request .block-2>div {
        width: 90%;
        left: 5%;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 575px) and (min-width: 568px) {
    
    .update-request .block-2 {
        padding: 0px;
    }

    .update-request .block-2>div {
        width: 90%;
        left: 5%;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 567px) and (min-width: 414px) {
    .update-request .block-2 {
        padding: 0px;
    }

    .update-request .block-2>div {
        width: 90%;
        left: 5%;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 413px) and (min-width: 375px) {
    .update-request .block-2 {
        padding: 0px;
    }

    .update-request .block-2>div {
        width: 96%;
        left: 2%;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 374px) and (min-width: 320px) {
    .update-request .block-2 {
        padding: 0px;
    }

    .update-request .block-2>div {
        width: 96%;
        left: 2%;
    }
}

/* ---------------------------------------------------------------------------------------------- */

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

    .update-request .block-2 {
        padding: 0px;
    }

    .update-request .block-2>div {
        width: 100%;
        left: 0;
    }
}