.web_dialog1, .web_dialog2 {
    display: none;
    position: absolute;
    min-width: 150px;
    min-height: 150px;
    box-shadow: 0px 0px 8px #565656;
    background-color: white;
    border-radius: 5px;
    left: 20%;
    top: 50px;
    background-color: #ffffff;
    padding: 0px;
    z-index: 108;
    text-align: center;
}

.dialog-box, .dialog-box1 {
    /* css3 drop shadow */
    box-shadow: 0px 0px 8px #000000;
    border-radius: 5px;
    background: white; /* styling of the dialog box, i have a fixed dimension for this demo */
    position: absolute;
    z-index: 108; /* hide it by default */
    display: none;
    padding: 20px;
    width: 820px;
    border: 3px solid rgba(76, 72, 72, 0.5);
}

    .dialog-box1 > ul {
        background-color: #e3e3e3;
        float: right;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .dialog-box1 li {
        list-style: none;
    }





    .dialog-box img, .dialog-box1 img {
        text-align: center;
        max-width: 750px;
    }

.window {
    OVERFLOW: hidden;
    WIDTH: 900px;
    POSITION: relative;
    height: 360px;
    top: 0px;
    right: 0px;
}

.web_dialog, .web_dialog_message {
    display: none;
    position: fixed;
    min-height: 140px;
    width: 450px;
    top: 100px;
    background-color: white;
    border: 1px solid #C0C0C0;
    box-shadow: 10px 10px 10px #999999;
    border-radius: 6px;
    z-index: 109;
}

.web_dialog_message {
    z-index: 110;
}

.overlay, .overlay1 {
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0.8;
    z-index: 105;
    background-color: black;
    display: none;
}

.dialog-content {
    /* style the content */
    text-align: right;
    padding: 10px;
    margin: 13px;
    color: #666;
}

.dialog-box > div, .dialog-box1 > div {
    text-align: center;
}

    .dialog-box > div.autoslide {
        max-height: 530px;
        overflow-y: auto;
        overflow-x: hidden;
    }
/* extra styling */
.dialog-box .dialog-content p, .dialog-box1 .dialog-content p {
    font-weight: 700;
    margin: 0;
}

.dialog-box .dialog-content ul, .dialog-box1 .dialog-content ul, .dialog-content1 ul {
    margin: 10px 0 10px 20px;
    padding: 0;
    height: 50px;
}

.btnMessageClose, .icon-close {
}
/*#buy-cont-master {*/
.popup, #popup1, #popup2, #popup3, #popup4 {
    background-color: white;
    padding: 5px;
    box-shadow: 0px 0px 8px #565656;
    background-color: white;
    border-radius: 5px;
    position: absolute;
    z-index: 102;
    display: none; /*top: 100px;
            left: 25%;*/
    min-width: 280px;
    min-height: 230px;
    max-width: 1050px;
    position: fixed;
    margin: auto auto;
    left: .5%;
    right: .5%;
}

.dialog-box li, .dialog-box1 li {
    padding: 5px;
    float: right
}

li.next {
    cursor: pointer;
    background: url('/images/nextS.png') no-repeat;
    width: 32px;
    height: 32px;
}

li.previous {
    cursor: pointer;
    background: url('/images/prevS.png') no-repeat;
    width: 32px;
    height: 32px;
}

.dialog-box1 li.play, .dialog-box1 li.slide {
    cursor: pointer;
    background: url('/images/play.png') no-repeat;
    width: 32px;
    height: 32px;
}

.dialog-box li:nth-child(4), .dialog-box li:nth-child(5), .dialog-box li:nth-child(6) {
    float: left
}

.dialog-box1 li:nth-child(4), .dialog-box1 li:nth-child(5), .dialog-box1 li:nth-child(6) {
    float: left
}

li.pause {
    cursor: pointer;
    background: url('/images/pause.png') no-repeat;
    width: 32px;
    height: 32px;
}

.overflow {
    width: 99.9%;
    float: right;
    max-height: 580px;
    overflow-y: auto;
    padding-top: 5px;
}


.popup {
    top: 50px;
}

div[id^=popup] img {
    cursor: pointer;
}

#layer {
    background: rgba(85, 80, 80, 0.68);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 1;
    display: none;
}

.message_top_red {
    border: none;
    background-color: #ececec;
    float: right;
    width: 100%;
}

    .message_top_red i {
        color: black;
        float: left;
    }

.simpleBox a {
    padding: 0;
    color: white;
    transform: rotate(180deg);
    font-size: 0.8em;
    text-align: center;
    float: none;
}

    .simpleBox a:hover {
        color: white;
    }

.info {
    background: url('/images/messageBox/icon-question.gif') no-repeat;
    background-position: right 10px top;
}

.success {
    background: url('/images/messageBox/select.png') no-repeat;
    background-position: right 10px top;
}

.warning {
    background: url('/images/messageBox/icon-warning.gif') no-repeat;
    background-position: right 10px top;
}

.errorMessage {
    background: url('/images/messageBox/icon-error.gif') no-repeat;
    background-position: right 10px top;
}

#navigation2 li {
    width: 100%;
}

#navigation2 {
    overflow-y: auto;
    width: 270px;
    height: 150px;
    border: 1px solid gray;
    padding-right: 8px;
    display: none;
    position: absolute;
    top: 364px;
    background-color: White;
}

.web_dialog_message1, .message_top_red {
    position: fixed;
    min-height: 30px;
    height: auto;
    width: 100%;
    top: 0;
    z-index: 109;
    box-sizing: border-box;
}

.simpleerror, .message_top_red {
    background-color: #f87575;
    border: 3px solid #fe9090;
    opacity: 0.95;
}

.message_top_red {
    border: unset;
    padding: 0;
    padding-top: 5px;
    position: fixed;
    right: -10px;
    top: 450px;
    width: 250px;
    -webkit-border-radius: 20px 20px 0px 0px;
    border-radius: 0px 0px 20px 20px;
    background-color: #90d602b3;
    opacity: 1;
    filter: alpha(opacity=90);
    z-index: 9999;
    cursor: pointer;
    padding-top: 0;
    transform: rotate(90deg);
    transform-origin: right top 0;
    color: white;
    text-align: center;
    transition: .5s ease-out;
    text-shadow: 2px 2px 2px #333333;
    height: 55px;
}

    .message_top_red:hover {
        background-color: #90d602;
        box-shadow: 1px 1px 10px 1px #00000047;
    }

    .message_top_red img {
        float: left;
        padding: 0 1%;
    }

.btnMessageClose {
    float: left;
    color: white;
    margin-top: 10px;
}

/*.btnClosePopup{

    float:left
}
html:lang(fa) .btnClosePopup {
    float: right
}*/


.simplesuccess {
    background-color: #51c469;
    border: 3px solid #94f8aa;
    opacity: 0.95;
}


.simplewaiting {
    background-color: black;
    opacity: 0.9;
}

.simpleBox {
    text-align: center;
    font-size: 1.2em;
    color: white;
    padding: 5px;
}

.simple-Button {
    float: left;
}

.web_dialog_message1 img {
    padding: 10px;
}

form[id^=form] .drag, .drag {
    width: 100%;
    height: 40px;
    float: right;
    margin-top: 1px;
    margin-bottom: 3px;
    background-color: #efefef;
}

    .drag img, .drag i.icon-close {
        padding-bottom: 5px;
        float: left;
    }
    


html:lang(fa) .drag img {
    float: left;
}

html:lang(en) .drag img {
    float: left;
}


    @media only screen and (max-width: 620px) {
        .web_dialog, .web_dialog_message {
            width: 280px;
        }

        .overflow {
            max-height: 450px;
        }
    }