.mobile_popup_info {
    /* position: absolute; */
    /* top: 10px; */
    /* right: 40px; */
    direction: rtl;
    font-size: 9px;
    padding: 5px;
    border-radius: 7px;
    width: 70%;
    display: block;
    color: #edff00;
    text-align: center;
    font-weight: 600;
    /* border: 1px dashed #edff00; */
    margin: 0 auto;
    margin-top: 10px;
    background-color: #cc0606;
}

.mobile_popup_price {
    position: absolute;
    top: 45px;
    right: 40px;
    direction: rtl;
    font-size: 10px;
    padding: 5px;
    border-radius: 7px;
    display: none;
}

s, strike, del {
    text-decoration: none;
}

.hall-container {
    /*width: 100%;*/
    /* margin: 0 auto; */
    clear: both;
    /*border: 1px solid red;*/
    height: auto;
    height: auto;
    display: inline-block;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.hall {
    /*border: 1px solid blue;*/
    position: relative;
    margin: 0 auto;
    /*margin-top: 20px;*/
    /*display: inline-block;*/
    width: 100%;
    line-height: normal;
}

    .hall .hallblock, .hallblock {
        /*border: 1px solid black;*/
        /*border:1px solid blue;*/
        direction: ltr;
        /*border:1px solid red;*/
        font-family: Arial;
        /*width: fit-content;
        width: max-content;*/
    }

        .hall .hallblock .blockrow, .hallblock .blockrow {
            /*text-align: center;*/
            direction: rtl;
            /*white-space: pre-wrap;*/
            /*margin-right:auto;*/
            text-align: right;
            font-size: 1px;
            /*background-color: gray;
    border-top: 1px solid red;*/
            margin: 0px;
            padding: 0px;
        }

.havenumber:before {
    content: attr(rn);
    color: #000;
    display: inline-block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    text-align: center;
    /*margin-left: 3px;*/
    border-radius: 7px;
}

.havenumber_curve:before {
    position: relative;
}

.hall-info {
    position: absolute;
    right: 20px;
    top: 10px;
}

div[type="balkon"] {
    background: rgba(164, 165, 164, 0.5); /* Old browsers */
    padding: 5px;
}

    div[type="balkon"]:before {
        content: 'بالکن';
        background-color: #1c76a0;
        color: #fff;
        padding: 5px;
        position: relative;
        top: -10px;
        font-family: Iranyekan;
        border-radius: 7px;
    }
    div[type2="balkon1"]:before {
        content: 'بالکن یک';
        background-color: #1c76a0;
        color: #fff;
        padding: 5px;
        position: relative;
        top: -10px;
        font-family: Iranyekan;
        border-radius: 7px;
    }
    div[type2="balkon2"]:before {
        content: 'بالکن دو';
        background-color: #1c76a0;
        color: #fff;
        padding: 5px;
        position: relative;
        top: -10px;
        font-family: Iranyekan;
        border-radius: 7px;
    }

.hall-info s {
    /*border: 1px solid green;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
    background: #b4ddb4; /* Old browsers */
    background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding: 5px;
    /*-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);*/
}

.hall-info span {
    /*border: 1px solid green;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
    border-right: 5px solid #008a00; /* Old browsers */
    display: inline-block;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding-left: 5px;
    padding-right: 5px;
    /*-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);*/
}

.hall .hallblock .blockrow s, .hallblock .blockrow s {
    background: #0b970b; /* Old browsers */
    border-radius: 3px;
    /*width: 22px;*/
    display: inline-block;
    color: #fff;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    padding: 0px;
    margin: .1em;
    position: relative;
    /*-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);*/
}

    .hall .hallblock .blockrow s.hidechair, .hallblock .blockrow s.hidechair {
        background: none;
        border: none;
    }

    .hall .hallblock .blockrow s.selected, .hallblock .blockrow s.selected, .hall-info s.selected {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25a9dd+0,064389+100 */
        background: #25a9dd; /* Old browsers */
        /*background: -moz-linear-gradient(top, #25a9dd 0%, #064389 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #25a9dd 0%,#064389 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #25a9dd 0%,#064389 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25a9dd', endColorstr='#064389',GradientType=0 ); /* IE6-9 */
        */
    }

.hall-info span.selected {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25a9dd+0,064389+100 */
    border-right: 5px solid #25a9dd; /* Old browsers */
}

.hall .hallblock .blockrow s.specialactive, .hallblock .blockrow s.specialactive, .hall-info s.specialactive {
    background: #bf04c6; /* Old browsers */
}

.hall .hallblock .blockrow s.reserved, .hallblock .blockrow s.reserved, .hall-info s.reserved {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
    background: #ffb76b; /* Old browsers */
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
    color: #fff;
    /*background-image:none;*/
}

.hall-info span.reserved {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
    border-right: 5px solid #ff7c00; /* Old browsers */
    /*background-image:none;*/
}

.hall .hallblock .blockrow s.sold, .hallblock .blockrow s.sold, .hall-info s.sold {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd6a6a+0,af1315+51,c94040+100 */
    background: #dd6a6a; /* Old browsers */
    background: -moz-linear-gradient(top, #dd6a6a 0%, #af1315 51%, #c94040 100%);
    background: -webkit-linear-gradient(top, #dd6a6a 0%,#af1315 51%,#c94040 100%);
    background: linear-gradient(to bottom, #dd6a6a 0%,#af1315 51%,#c94040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd6a6a', endColorstr='#c94040',GradientType=0 );
    color: #fff;
    /*background-image:none;*/
}

.hall-info span.sold {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd6a6a+0,af1315+51,c94040+100 */
    border-right: 5px solid #af1315; /* Old browsers */
    /*background-image:none;*/
}

.hall-info span.disabled2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd6a6a+0,af1315+51,c94040+100 */
    border-right: 5px solid #212020; /* Old browsers */
    /*background-image:none;*/
}

.hall .hallblock .blockrow s.disabled, .hallblock .blockrow s.disabled, .hall-info s.disabled, .hall-info span.disabled {
    background-color: #7e7e7e;
    color: #fff;
    background-image: none;
}

.hall .hallblock .blockrow s.disabled2, .hallblock .blockrow s.disabled2, .hall-info s.disabled2, .hall-info span.disabled2 {
    background-color: #212020;
    color: #fff;
    background-image: none;
}

.hall .hallblock .blockrow s.pending, .hallblock .blockrow s.pending, .hall-info s.pending {
    background-color: #b3f1ef;
    color: #b3f1ef;
    background-image: url(hall_loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.hall .hallblock .block-info {
    z-index: 1000;
    position: absolute;
    right: 0px;
    top: 43%;
    font-family: Conv_BYekan;
    display: table;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7cfdf+0,23538a+100;Blue+3d+%238 */
    background: #a7cfdf; /* Old browsers */
    background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
}

.hall-popup-shadow {
    -webkit-box-shadow: 0px 0px 71px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 71px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 71px 0px rgba(0,0,0,0.75);
}

.hall-overlay, .hall-popup-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(4, 4, 4, 0.58);
    position: absolute;
    z-index: 1;
    display: none;
}

    .hall-popup-overlay:before {
        /*font-family: FontAwesome;
    content: "\f00d";
    position: absolute;*/
        /* background-color: red; */
        /*right: 10px;
    top: 5px;
    color: #fff;
    font-size: 25px;*/
    }

.number-container {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    /*background-color: red;*/
    z-index: 2500;
    line-height: 30px;
    text-align: center;
}

.blocknumber {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    display: none;
    background-color: rgb(2, 25, 60);
    position: relative;
    z-index: 2500;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    font-family: sans-serif;
}

.blocknumber-right {
    right: -25px !important;
    left: unset !important;
    position: absolute !important;
    transform: rotate(90deg);
    background-color: transparent;
    color: #005998;
    font-size: 20px;
    font-family: arial;
    font-weight: bold;
}

.hallblock .blockrow:last-child {
    margin-bottom: 0px !important;
}

.hallblock-rightnumber {
    border-right: 5px solid #005998;
}

.haveselected {
    position: absolute;
    z-index: 2501;
    top: -5px;
    right: -5px;
    background-color: #00589a;
    color: #fff;
    display: none;
    font-size: 9px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 5px;
    text-align: center;
}

.ipopup {
    width: 18px;
    height: 18px;
    color: black;
    /* z-index: 2600; */
    font-size: 10px;
    margin-right: -15px;
    margin-left: 5px;
    background-color: rgba(255, 255, 255, 0.69);
    text-align: center;
    line-height: 18px;
    border-radius: 3px;
    position: absolute;
}

.ipopupvisible {
    display: inline-block !important;
}

.hall-navbar-scroll {
    position: fixed;
    z-index: 3000;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    width: 100%;
    top: 0px;
}

@media (max-width: 610px) {

    .ipopup {
        display: none !important;
        position: static;
    }

    .ipopupvisible {
        display: inline-block !important;
        position: absolute;
    }

    .haveselected {
        display: inline-block;
    }

    .hall-overlay {
        /*display: block;*/
    }

    /*.number-container {
        display: block;
    }*/
    .blocknumber {
        display: inline-block;
        position: absolute;
        left: 50%;
        margin-left: -15px;
    }

    .hall .hallblock .blockrow, .hallblock .blockrow {
        opacity: 0.6;
    }

    .blocknumber-right {
        right: -20px !important;
        left: unset !important;
        position: absolute !important;
        transform: rotate(90deg);
        background-color: transparent;
        color: #005998;
        font-size: 15px;
    }

    .hallblock-rightnumber {
        border-right: 3px solid #005998;
    }
}

@media (max-width: 768px) {
    .ipopup {
        width: 9px;
        font-size: 6px;
        margin-right: 0px;
        margin-left: 0px;
        height: 9px;
        line-height: 9px;
    }

    .btn-group-lg > .btn, .btn-lg {
        font-size: 14px;
        margin-top: 5px;
    }

    /*.hallblock {
        left: 0px !important;
        top: 50px !important;
    }*/
}

#hall_loading {
    color: #fff;
    font-size: 16px;
    background-color: #0e0e0e;
    padding: 10px;
    border-radius: 9px;
    direction: rtl;
    display: inline-block;
}

.progress {
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
    height: auto;
    direction: rtl;
    background-color: transparent;
    box-shadow: none;
}

    .progress span {
        font-weight: 600;
        padding: 5px;
        /* margin-top: 14px; */
        float: left;
        width: 100%;
        font-size: 14px;
    }

.progress-bar-success {
    background-color: #030303;
}

.mobile_popup_block {
    /* position: absolute; */
    /* top: 10px; */
    /* right: 40px; */
    direction: rtl;
    font-size: 9px;
    padding: 5px;
    border-radius: 7px;
    width: 70%;
    display: block;
    color: #edff00;
    text-align: center;
    font-weight: 600;
    /* border: 1px dashed #edff00; */
    margin: 0 auto;
    margin-top: 10px;
    background-color: #da6908;
}

.hall-popup-overlay .fa-window-close {
    position: absolute;
    display: inline-block;
    background-color: #fff;
    color: #960303;
    font-size: 28px;
    right: 10px;
    top: 10px;
    cursor: pointer;
    border-radius: 5px;
    padding-left: 1px;
    padding-right: 1px;
}