.Witing {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(/App_Themes/Image/wait.gif) no-repeat center center rgba(0, 0, 8, 0.75);
    z-index: 1001;
}

.Pointer:hover {
    cursor: pointer;
    opacity: 0.5;
}

.Num, .NumNeg {
    direction: ltr;
}


.RPanel {
    width: 73%;
    float: right;
    margin-top: 10px;
    color: #676767;
}

.LPanel {
    width: 26%;
    float: right;
    margin-right: 1%;
    margin-top: 10px;
    text-align: center;
}

    .LPanel img {
        max-width: 99.7%;
        border: 1px solid #fff;
        border-radius: 5px;
        margin-top: 10px;
    }

        .LPanel img:nth-of-type(1) {
            margin: 0;
        }

.Item {
    height: auto;
    width: 99.7%;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 4px;
    direction: rtl;
    margin-bottom: 10px;
}



    .Item ul {
        height: 50px;
        border-bottom: 1px solid #eeeeee;
        width: 97%;
        margin: 0 auto;
    }

        .Item ul li {
            line-height: 50px;
            float: right;
            width: 29%;
            font-size: 13px;
            color: #3c3c3c;
            padding-right: 25px;
            
        }

            .Item ul li h2 {
                font-weight: normal;
                font-size: 13px;
            }

            .Item ul li:nth-of-type(1) {
                background: url(/App_Themes/Image/code.png?v=7) no-repeat right center;
            }

            .Item ul li:nth-of-type(2) {
                background: url(/App_Themes/Image/apar.png?v=7) no-repeat right center;
            }

            .Item ul li:nth-of-type(3) {
                background: url(/App_Themes/Image/date.png?v=7) no-repeat right center;
            }

    .Item .Meter {
        float: right;
        margin: 20px 1.5% 25px 0;
        width: 102px;
        height: 66px;
        background: url(/App_Themes/Image/metr.png?v=7) no-repeat;
    }

    .Item span {
        display: block;
        width: 84px;
        height: 47px;
        float: right;
        text-align: center;
        font-size: 35px;
        font-weight: bold;
        color: #fff;
        text-shadow: 0 0 2px #190b00;
        line-height: 40px;
    }

    .Item p {
        float: right;
        height: 66px;
        padding-right: 10px;
        color: #4d4d4d;
        text-align: center;
        line-height: 66px;
        font-size: 18px;
        margin-top:15px;
    }

    .Item ol {
        margin-right: 1.5%;
        height: 30px;
        border-top: 1px solid #eeeeee;
        float: right;
    }

        .Item ol li {
            padding-right: 23px;
            float: right;
            font-size: 13px;
            color: #3c3c3c;
            margin-right: 30px;
        }

            .Item ol li:nth-child(1) {
                background: url(/App_Themes/Image/tabaghe.png?v=7) no-repeat right center;
                margin-right: 0;
            }

            .Item ol li:nth-child(2) {
                background: url(/App_Themes/Image/khab.png?v=7) no-repeat right center;
            }

            .Item ol li:nth-child(3) {
                background: url(/App_Themes/Image/sakht.png?v=7) no-repeat right center;
            }


            .Item ol li:nth-child(4) {
                background: url(/App_Themes/Image/asansor.png?v=7) no-repeat right center;
            }

    .Item h6, .Item h5, .Item h4, .Item h3 {
        font-size: 18px;
        float: left;
        width: auto;
        height: 40px;
        margin: -20px 0 30px 10px;
        border-radius: 6px;
        line-height: 35px;
        font-weight: normal;
        background: #fff;
        border-radius: 5px;
        text-shadow: 1px 1px 2px #fff;
        color: #573f14;
        border: 1px solid #37bbc2;
    }

    .Item h6 {
        background: url(/App_Themes/Image/rahnBG.png?v=7) no-repeat right center #fff;
        padding: 0 75px 0 10px;
    }

    .Item h5 {
        background: url(/App_Themes/Image/ejare.png?v=7) no-repeat right center #fff;
        padding: 0 75px 0 10px;
    }

    .Item h4 {
        background: url(/App_Themes/Image/forosh.png?v=7) no-repeat right center #fff;
        padding: 0 105px 0 10px;
    }

    .Item h3 {
        background: url(/App_Themes/Image/rahneKamel.png?v=7) no-repeat right center #fff;
        padding: 0 105px 0 10px;
    }

.ImageDiv {
    text-align: center;
}

.firstImg img {
    max-width: 96%;
    margin: 2%;
    max-height: 400px;
}

.Img {
    display: inline-block;
    width: 15%;
    margin: 1%;
    text-align: center;
}

    .Img img {
        max-width: 98%;
    }

        .Img img:hover {
            cursor: pointer;
            opacity: 0.8;
        }


.ConfigMelk {
    height: auto;
    width: 96.7%;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 4px;
    direction: rtl;
    margin-bottom: 10px;
    padding: 0 1.5%;
}

    .ConfigMelk li {
        width: 33.3333%;
        height: 50px;
        line-height: 50px;
        float: right;
        font-size: 14px;
        border-bottom: 1px dotted #d7d6d6;
        color: #676767;
    }

        .ConfigMelk li span {
            color: #0c0c0c;
        }


        .ConfigMelk li:last-child {
            border-bottom: 0;
        }

.DescMelk {
    height: auto;
    width: 96.7%;
    font-size: 14px;
    line-height: 70px;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 4px;
    direction: rtl;
    margin-bottom: 10px;
    padding: 0 1.5%;
}



.Facilities {
    height: auto;
    width: 96.7%;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 4px;
    direction: rtl;
    margin-bottom: 30px;
    padding: 0 1.5%;
}

    .Facilities li {
        padding-right: 20px;
        height: 70px;
        line-height: 70px;
        float: right;
        font-size: 14px;
        color: #3c3c3c;
        margin-left: 7%;
    }


.Parking {
    background: url(/App_Themes/Image/parking.png?v=7) no-repeat right center;
}


.Asansor {
    background: url(/App_Themes/Image/Asansor.png?v=7) no-repeat right center;
}


.IifonTasviri {
    background: url(/App_Themes/Image/IifonTasviri.png?v=7) no-repeat right center;
}


.Teras {
    background: url(/App_Themes/Image/Teras.png?v=7) no-repeat right center;
}


.Anbari {
    background: url(/App_Themes/Image/Anbari.png?v=7) no-repeat right center;
}


.DarBarghi {
    background: url(/App_Themes/Image/DarBarghi.png?v=7) no-repeat right center;
}


.ServiseFarangi {
    background: url(/App_Themes/Image/ServiseFarangi.png?v=7) no-repeat right center;
}

.HozoreMalek {
    background: url(/App_Themes/Image/HozoreMalek.png?v=7) no-repeat right center;
}


.Tik {
    background: url(/App_Themes/Image/Tik.png) no-repeat right center;
}


.Malek {
    display: none;
    width: 99.7%;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 4px;
    padding: 20px 0;
    text-align: center;
    margin-bottom: 10px;
}

    .Malek h6 {
        font-size: 15px;
        color: #3c3c3c;
    }

    .Malek span {
        font-size: 20px;
        color: #ee8008;
    }


.sotialPanel {
    width: 99.7%;
    border: 1px solid #e2e2e2;
    background: #fff;
    border-radius: 4px;
    padding: 5px 0 0 0;
    text-align: center;
    margin-bottom: 10px;
}

    .sotialPanel p {
        font-size: 14px;
        color: #755418;
    }

    .sotialPanel img {
        max-width: 150px;
    }

    .sotialPanel h6 a {
        font-size: 15px;
        direction: rtl;
        padding: 5px 0 5px 30px;
        font-family: Calibri;
    }

    .sotialPanel .instaColor {
        background: url(/App_Themes/Image/instaColor.png) no-repeat left center;
    }

    .sotialPanel .telegramColor {
        background: url(/App_Themes/Image/telegramColor.png) no-repeat left center;
    }


.advertiseDiv {
    width: 99.7%;
    border: 1px solid #e2e2e2;
    background: #fff;
    border-radius: 4px;
    padding: 5px 0 0 0;
    text-align: center;
    margin-bottom: 10px;
}

    .advertiseDiv img {
        max-width: 97%;
    }
.Moshaverin {
    width: 99.7%;
    border: 1px solid #e2e2e2;
    background: #fff;
    border-radius: 4px;
    padding: 5px 0 10px 0;
    text-align: center;
    margin-bottom: 10px;
}

    .Moshaverin dl {
        width: 97%;
        margin: 0 auto;
    }



    .Moshaverin dd {
        margin: auto;
        padding: 20px 0 10px 0;
        border-bottom: 1px dashed #e9e9e9;
    }

        .Moshaverin dd:last-child {
            border-bottom: 0;
        }

    .Moshaverin p {
        font-size: 13px;
        color: #4d4d4d;
        text-align: center;
        padding: 0 20px 10px 20px;
    }

    .Moshaverin h6 {
        color: #755418;
        font-size: 14px;
        font-weight: normal;
    }

    .Moshaverin a {
        color: #755418;
        font-size: 15px;
    }

    .Moshaverin .telegram {
        color: blue !important;
        direction: ltr !important;
        font-size: 20px;
    }
.Crm {
    color: #18ad40 !important;
}

    .Crm span {
        color: #f69003 !important;
    }

.myButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
    background-color: #d0451b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 0;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
    margin-bottom: 5px;
    width: 200px;
}

    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
        background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
        background-color: #bc3315;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }


.myButton1 {
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 0;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
    margin-bottom: 5px;
    width: 200px;
}

    .myButton1:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        background-color: #0061a7;
    }

    .myButton1:active {
        position: relative;
        top: 1px;
    }

.myButton2 {
    -moz-box-shadow: inset 0px 1px 0px 0px #3dc21b;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3dc21b;
    box-shadow: inset 0px 1px 0px 0px #3dc21b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
    background: -moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background: -webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background: -o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background: -ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
    background-color: #44c767;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
    margin-bottom: 5px;
    width: 200px;
}

    .myButton2:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
        background: -moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
        background: -webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
        background: -o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
        background: -ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
        background: linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
        background-color: #5cbf2a;
    }

    .myButton2:active {
        position: relative;
        top: 1px;
    }

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


@media only screen and (max-width:840px) {
    .RPanel {
        width: 100%;
    }

    .LPanel {
        width: 100%;
        margin-right: 0;
    }
}



@media only screen and (max-width:640px) {
    .Item ul li {
        width: 26%;
    }

    .Item .Meter {
        float: none;
        margin: 30px auto 0 auto;
    }

    .Item p {
        float: none;
        height: auto;
        padding: 2%;
        line-height: 40px;
        width: 96%;
    }

    .Item h6, .Item h5, .Item h4, .Item h3 {
        float: none;
        width: 65%;
        margin: 0 auto 10px auto;
    }

    .ConfigMelk li {
        width: 50%;
    }

    .Img {
        width: 30%;
    }
}

@media only screen and (max-width:475px) {
    .Item ul {
        height: 110px;
    }

        .Item ul li {
            width: 60%;
        }
}



@media only screen and (max-width:400px) {
    .ConfigMelk li {
        width: 100%;
        text-align: center;
    }
}