﻿@media only screen and (max-width: 576px) {
    .wsmenucontainer {
        padding-bottom: 117px;
        overflow-x: hidden;
    }
}
.order-title {
    font-weight: bolder !important;
    padding: 15px;
    color: #fec20e;
    line-height: 1.5em;
}
 

.MarginCution {
    position: absolute;
    border: 1px solid #1d1c1c;
    text-align: center;
    /*z-index:11;*/
}

.MarginCut {
    position: absolute;
    border: 1px solid red;
    text-align: center;
    /*z-index:11;*/
}

/*.modal-width {*/
/*max-width: max-content !important;*/
/*max-width: 1096px !important;
                max-height: 700px;
                overflow: hidden;
            }*/

.modal-width .modal-content {
    background: aliceblue;
}

.SpanMarginCut {
    color: red;
    font-size: 9px;
    position: absolute;
}

.SpanMarginCution {
    color: black;
    font-size: 9px;
    position: absolute;
}

.imgcover {
    position: relative;
    opacity: .4;
}

.imgcoverRooForce {
    position: relative;
    opacity: .4;
}

.imgcoverRoo {
    position: relative;
    opacity: .4;
}


.SpanMarginCut {
    color: red;
    font-size: 9px;
    position: absolute;
}

.SpanMarginCution {
    color: black;
    font-size: 9px;
    position: absolute;
}

.imgcover {
    position: relative;
    opacity: .5;
}

.imgcoverRooForce {
    position: relative;
    opacity: .5;
}

.imgcoverRoo {
    position: relative;
    opacity: .5;
}

.imgadtmontazhRooForce, .imgadtmontazhPoshtForce, .imgadtmontazhRoo, .imgadtmontazhPosht {
    position: relative;
    opacity: .5;
}

.modaladtmontazh {
    text-align: right;
}

#modalRoobody,
#ModalPoshtbody {
    /*border: 1px solid #ccc;*/
    margin: 20px;
    padding: 0px;
    o
}

.img-containerPosht {
    background-size: cover;
    position: absolute;
    /*opacity: 0.7;*/
    /*        background-color: #3e2929c9;
    */
}

.imgcropPosht {
    position: absolute;
    /*        z-index: 3;
        */
}

.img-containerRoo {
    background-size: cover;
    position: absolute;
    /*        opacity: 0.7;
         background-color: #3e2929c9;*/
}

.imgtemplate {
    position: absolute;
    z-index: 7;
    opacity: .6;
}

.MarginCut {
    position: absolute;
    border: 1px solid red;
    text-align: center;
    z-index: 5;
    top: 0
}

.MarginCution {
    position: absolute;
    border: 1px solid #1d1c1c;
    text-align: center;
    z-index: 5;
    top: 0
}

/*    .img-containerRoo {
                background-size: cover;
                position: absolute;
                opacity: 0.7;
                background-color: #3e2929c9;
            }
        */
.imgcropRoo {
    position: absolute;
    z-index: 3;
}

.imgmodal {
    width: 100%;
}

.imgcropRoo {
    top: 0;
    right: 0;
}

.img-containerRoo {
    background-size: cover;
    position: absolute;
    /*        opacity: 0.7;
            background-color: #3e2929c9;*/
}

/*    .imgcropRoo {
                position: absolute;
                z-index: 3;
            }*/

.imgmodal {
    width: 100%;
}

/*    .imgcropRoo {
                top: 0;
                right: 0;
            }*/
#RooBody, #PoshtBody {
    position: relative;
    display: flex;
    min-width: 400px;
    overflow-x: auto;
}

#RooPosidion,
#PoshtPosidion #ParentPoshtCover #ParentRooCover {
    position: relative;
}

#PoshtBody {
    /*display:flex;*/
}

 
