@font-face {
    font-family: "IranSans";
    /*src: url(../../../styles/fonts/IRANSans-web.eot);*/
    /*src: url(../../../styles/fonts/IRANSans-web.eot?#iefix) format('embedded-opentype'),*/
    /*url(../../../styles/fonts/IRANSans-web.woff) format('woff'),*/
    /*url(../../../styles/fonts/IRANSans-web.woff2) format('woff2'),*/
    /*url(../../../styles/fonts/IRANSans-web.ttf) format('truetype');*/
    font-weight: normal;
    font-style: normal
}
#mapcon {height: calc(100% - 33px) !important}
#right-container {
    display:none;
}

#infovis {
    width:800px;
}

#infovis div {
    position: absolute;
    overflow: hidden;
    font-size: 9px;
    font-family: IranSans,tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
    /*
Commented by afshin in order to fix the right box border visibility
padding-right: 7px;*/
    text-align: center;
    vertical-align: middle;
}

#infovis .content {
    background-color:#333;
    border:0px solid #111;
}

#infovis .head {
    color:white;
    /*background-color:#2d2d2d;*/
    text-align: center;
    height: 25px;
    padding-bottom: 5px;
    cursor:pointer;
}

#infovis .head.in-path {
    background-color:#655;
}

#infovis .body {
    background-color:black;
}

#infovis .leaf {
    background-image: -moz-linear-gradient(center bottom, transparent, rgba(255, 255, 255, 0.3));
    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(255, 255, 255, 0.3)));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70FFFFFF, endColorstr=#00FFFFFF);
    background-color:#111;
    display:table-cell;
    border:1px solid #000;
    font-size:10px;
    vertical-align: middle;
    cursor:pointer
}
#infovis .leaf .leaf-title{ margin-top: 0;text-align: center;width: 100%;}
#infovis .leaf .leaf-title p{ margin: 2px 0 0 0 !important;color:white;text-align: center;font-size: 9px;line-height: initial;direction:rtl}
#infovis .leaf.fav{
    background-image: -moz-linear-gradient(center bottom, transparent, rgba(255, 255, 255, 0.3)),url("/Themes/afsBlue/images/favon.png") !important;
    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent) , to(rgba(255, 255, 255, 0.3))),url("/Themes/afsBlue/images/favon.png") !important;
    background-position: top center,  center 29px !important;
    background-repeat: no-repeat;
    border: 1px solid #EEEE00;
}

#infovis .over-leaf {
    border:1px solid #9FD4FF;
}

#infovis .over-content {
    background-color: #9FD4FF;
}

#infovis .over-head { /* boy i'm funny! */
    background-color:#A4D9FF;
    color:black;
}

/*TOOLTIPS*/
.tip {
    color: #000;
    width: 169px;
    background-color: #C0C0C0;
    border: 1px solid #999;
    opacity:0.9;
    filter:alpha(opacity=90);

    font-family:tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    direction: rtl;
    text-align: right;
    font-size: 13px;
    line-height: 2;
    color: #000 !important;
}

.tip.red{
    box-shadow: 1px 1px 1px 1px rgba(255, 0, 0, 0.3);
    background-color: #FFC0C0;
}

.tip.green{
    box-shadow: 1px 1px 1px 1px rgba(0, 255, 0, 0.3);
    background-color: #C0FFC0;
}

.album {
    width:100px;
    margin:3px;
}

input {
    font-size:10px;
    font-family:tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.ivsign{
    font-weight: bold;
    font-size: 1.5rem;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #999;
    position: absolute;
    bottom: 10px;
    height: 40px;
    z-index: 5000;
    left: 10px;
    direction: rtl;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    /*box-shadow: 3px 0 5px rgba(0, 0, 0, 0.6);*/
    padding: 10px;
    /*filter: alpha(opacity=100);*/
    opacity: 1;
}
.ivipan {
    background-color: #ccc;
    border: 1px solid #999;
    position: absolute;
    bottom: 10px;
    height: 24px;
    z-index: 5000;
    left: 20px;
    direction: rtl;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    box-shadow: 3px 0 5px rgba(0, 0, 0, 0.4);
    filter: alpha(opacity=70);
    opacity: 0.5;
}

.ivipan:hover {
    box-shadow: 3px 0 5px rgba(0, 0, 0, 0.6);
    filter: alpha(opacity=100);
    opacity: 1;
}

.iviewer_common {
    height: 24px;
}

.iviewer_cursor {
    cursor: -moz-grab;
    pointer: move;
}

.iviewer_drag_cursor {
    cursor: -moz-grabbing;
    pointer: move;
}

.iviewer_button {
    width: 24px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}

.iviewer_zoom_in {
    /*background: url(../images/marketmap/iviewer.zoom_in.gif);*/
    margin-left: 3px;
}

.iviewer_zoom_out {
    /*background: url(../images/marketmap/iviewer.zoom_out.gif);*/
}

.iviewer_zoom_zero {
    /*background: url(../images/marketmap/iviewer.zoom_zero.gif);*/
}

.iviewer_zoom_fit {
    /*background: url(../images/marketmap/iviewer.zoom_fit.gif);*/
    display: none;
}

.iviewer_zoom_status {
    float: left;
    font: 11px tahoma;
    font-weight: 700;
    vertical-align: middle;
    color: #000;
    padding-top: 5px;
    height: 18px;
    text-align: center;
    width: 60px;
}