/*B Homa For Number In Map*/
@font-face {
    font-family: "BHoma";
    src: url("/js/G9OfflineMap/Font/NewMapFont/BHoma.eot?#") format("eot"),
    /* IE6–8 */ url("/js/G9OfflineMap/Font/NewMapFont/BHoma.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("/js/G9OfflineMap/Font/NewMapFont/BHoma.ttf") format("truetype"); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

.hidden {
    display: none;
    visibility: hidden;
}

[class^="col"] {
    float: right;
}

.MapMainBootstrapClass { /*z-index: 1001;*/
}

.MainDivMapFullScreen {
    background-color: #222;
    bottom: 0;
    height: 0;
    left: 0;
    position: fixed;
    width: 100%;
}

.MainDivMap {
    height: 100%;
    left: 0;
    margin-top: 0;
    padding: 2px;
    position: relative;
    top: 0;
    width: 100%;
}

.map {
    background-color: #eee;
    border-radius: 3.9px;
    box-shadow: 0px 0px 3px 0px #a5a5a5;
    /*box-shadow: 0 0 3.9px 1px rgb(34, 34, 34), inset 0 0 3px 0px #222222;
    box-shadow: 0 0 3.9px 1px rgb(34, 34, 34), inset 0 0 9px 0px rgba(34, 34, 34, 0.39);*/
    height: 100%;
    position: relative;
    transition: 99ms;
    width: 100%;
}

    .map:hover {
        border-radius: 3.9px;
        box-shadow: 0 0 3.9px 1px rgb(34, 34, 34), inset 0 0 3px 0px #222222;
        box-shadow: 0 0 6.9px 1px rgb(34, 34, 34), inset 0 0 13px 0px rgba(34, 34, 34, 0.39);
    }

#Map_Main_Div {
    height: 100%;
    position: relative;
    width: 100%;
}

#btn_ShowSaaCompany {
    background-color: #222;
    border-radius: 9px;
    box-shadow: 0px 0px 3px 1px #222;
    color: #eee;
    cursor: pointer;
    font-weight: bold;
    height: 40px;
    left: 30px;
    opacity: 0.8;
    position: fixed;
    top: 30px;
    width: 190px;
}

#div_Main {
    color: #222;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
}

#div_Main_Info {
    align-items: center;
    background-image: url("/js/G9OfflineMap/image/Map/BG/bg.png");
    display: flex;
    height: 1%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#div_Main_InfoInner {
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0px 0px 1px 2px #444;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 500px;
}

.div_Main_InfoInner_Body {
    position: relative;
}

.div_Main_InfoInner_TitleRow {
    background-color: #009abf;
    text-align: center;
}

.div_Main_InfoInner_TitleRow_Lable {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px;
}

.div_Main_InfoInner_BodyRow {
    border-bottom: 1px solid #222;
    border-top: 1px solid #222;
    position: relative;
}

.div_Main_InfoInner_BodyRow_Scrolled {
    max-height: 136px;
    overflow: auto;
    text-align: center;
}

    .div_Main_InfoInner_BodyRow_Scrolled div {
        padding: 0px;
    }

        .div_Main_InfoInner_BodyRow_Scrolled div div {
            border-right: 1px solid #aaa;
        }

            .div_Main_InfoInner_BodyRow_Scrolled div div:last-child {
                border-right: none;
            }

        .div_Main_InfoInner_BodyRow_Scrolled div:last-child {
            border-bottom: 1px solid #aaa;
        }

.ItemGrid {
    padding-bottom: 1px;
    padding-top: 2px;
}

    .ItemGrid div {
        padding-right: 0px;
    }

.ItemGrid_header {
    background-color: #222222;
}

.ItemGrid_header_Label {
    color: #eeeeee;
    font-size: 12px;
    font-weight: bold;
}

.ItemGrid_header div {
    border-right: 1px solid #eeeeee;
    text-align: center;
}

    .ItemGrid_header div:last-child {
        border-right: none;
    }

.ItemGrid:nth-child(even) {
    background-color: #ffffff;
}

    .ItemGrid:nth-child(even):hover {
        background-color: #dddddd;
    }

.ItemGrid:nth-child(odd) {
    background-color: #eeeeee;
}

    .ItemGrid:nth-child(odd):hover {
        background-color: #cccccc;
    }

.div_Main_InfoInner_Body_DefaultInfo_Label {
    color: #222;
    font-size: 11px;
}

.div_Main_InfoInner_Footer {
    align-items: center;
    background-color: #eeeeee;
    display: flex;
    height: 40px;
    justify-content: center;
    text-align: center;
}

.div_Main_InfoInner_Body_DefaultInfo {
    height: auto;
}

.div_Main_InfoInner_Body_TabedInfo {
    height: 241px;
    position: relative;
}

.div_Main_InfoInner_Body_TabedInfo_ASD {
    left: 0px;
    position: absolute;
    top: 0px;
}

.div_Main_InfoInner_Body_TabedInfo_ASD_TabDiv {
    background-color: #777777;
    border-bottom: 1px solid #222;
    border-left: 1px solid #222;
    border-radius: 0px 0px 36px 0px;
    border-right: 1px solid #222;
    height: 39px;
    position: relative;
    width: 169px;
}

#div_Main_InfoInner_Info_button_BtnClose {
    position: relative;
}

/*##################################### Marker Info #####################################*/

#Div_InsertIcon {
    direction: rtl;
    height: auto;
    position: relative;
    width: 439px;
}

#Div_InsertIconDiv {
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.9);
    border-radius: 6px;
    box-shadow: inset 0 0 9px 1px #222;
    direction: rtl;
    height: auto;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: right;
    width: 100%;
}

#DivInfo_label_AkharinGherat, #DivInfo_label_AkharinGherat_Sammarize {
    direction: ltr;
}


.Div_NewIconInfo_Arrow2 {
    bottom: -23.8px;
    height: 35px;
    left: calc(50% - 20px);
    position: absolute;
}

.Div_InsertIcon_Header {
    border-bottom: 1px solid #222;
    height: 30px;
    padding: 5px;
    padding-right: 9px;
    position: relative;
    text-align: center;
    width: 100%;
}

.Div_InsertIcon_Lable {
    font-size: 14px;
    font-weight: bold;
    height: auto;
    position: relative;
}

.Div_InsertIcon_Body {
    padding: 5px;
    padding-right: 9px;
    position: relative;
}

    .Div_InsertIcon_Body * {
        float: left;
    }

#Div_InsertIcon_BGBodyForShadow {
    border-radius: 6px;
    box-shadow: 0 0 20px 6px #222;
    direction: rtl;
    height: 281px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.Div_InsertIcon_Body_Info {
    margin-top: 2px;
}

    .Div_InsertIcon_Body_Info:first-child {
        margin-top: 3px;
    }

    .Div_InsertIcon_Body_Info:last-child {
        margin-bottom: 3px;
    }

.Div_InsertIcon_Body_Info_label_LatLot {
    background-color: #f2f7f5;
    border: 1px solid #c3d6ce;
    border-radius: 3px;
    font-size: 12px;
    height: auto;
    margin: 0px auto;
    padding: 1px;
    position: relative;
    text-align: center;
}

.Div_InsertIcon_Body_Info_Masraf {
    background-color: #ffa500;
    margin: 0;
    padding: 4px;
    padding-top: 7px;
    border: 1px solid;
    border-bottom: 1px solid;
    box-shadow: 0 0 9px 0px #222 inset;
    font-weight: bold;
    border-radius: 3px;
}

#DivInfo_label_FullName {
    width: 100%;
    margin-bottom: 6px;
}

#Div_InsertIcon_Body_Input {
    position: relative;
    text-align: right;
    width: 100%;
}

#Div_InsertIcon_Body_Input_Name {
    border-radius: 5px;
    position: relative;
    text-align: center;
    width: 80%;
}

#Div_InsertIcon_Body_Send {
    margin-top: 9px;
    position: relative;
    text-align: center;
    width: 100%;
}

#Div_InsertIcon_Body_Send_BTN {
    height: auto;
    position: relative;
    width: 100px;
}

#Div_InsertIcon_Body_Send_Cancel {
    position: relative;
    width: 100px;
}

    #Div_InsertIcon_Body_Send_Cancel:hover,
    #Div_InsertIcon_Body_Send_BTN:hover {
        opacity: 0.7;
    }

.Div_InsertIcon_Name_LAble {
    font-size: 12px;
    position: relative;
    top: 3px;
}

#Div_InsertIcon_Arrow {
    left: -36px;
    position: absolute;
    top: 100px;
    width: 40px;
}

/*############################# Area Info 'AreaInfo' #############################*/

#Div_AreaInfo {
    direction: rtl;
    height: auto;
    position: relative;
    width: 439px;
}

#Div_AreaInfo_MeterType {
    position: absolute;
    top: 4.69px;
    right: 9px;
    width: 119px;
    height: 27px;
    background-color: #747474;
    cursor: pointer;
    color: #eee;
    padding-right: 3.9px;
    padding-left: 3.9px;
    border-radius: 3.9px;
    box-shadow: 0 0 3px 1px #222 inset;
    z-index: 999;
    transition: 199ms;
}

    #Div_AreaInfo_MeterType:hover {
        box-shadow: 0 0 6.9px 1px #222 inset, 0 0 3.9px 0 #222;
    }

#Div_AreaInfo_MeterType_Img {
    float: right;
    position: relative;
    height: 86%;
    top: 4%;
    cursor: pointer;
}

#Div_AreaInfo_MeterType_Label {
    position: relative;
    top: 6px;
    margin-right: 4px;
    cursor: pointer;
}

#Div_AreaInfo_MeterType_Inner {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    background-color: #5a5858;
    cursor: pointer;
    color: #eee;
    padding-right: 3.9px;
    padding-left: 3.9px;
    border-radius: 3.9px;
    box-shadow: 0 0 3px 1px #222 inset;
    z-index: 999;
    transition: 199ms;
}

.Div_AreaInfo_MeterType_ForChoose {
    border-bottom: solid 1px rgba(0, 0, 0, 0.30);
    cursor: pointer;
}

    .Div_AreaInfo_MeterType_ForChoose:hover {
        background-color: #484848;
        box-shadow: 0 0 9px 1px #222 inset;
    }

.Div_AreaInfo_MeterType_Img_ForChoose {
    height: 26px;
    top: 3px;
    position: relative;
    cursor: pointer;
}

.Div_AreaInfo_MeterType_Label_ForChoose {
    position: relative;
    top: 2px;
    cursor: pointer;
}

#Div_AreaInfo_BGBodyForShadow, #Div_LocationChoosedInfo_BGBodyForShadow {
    border-radius: 6px;
    box-shadow: 0 0 19px 1px #222;
    direction: rtl;
    height: 178px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#Div_AreaInfoDiv, #Div_LocationChoosedInfoDiv {
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.9);
    border-radius: 6px;
    box-shadow: inset 0 0 9px 1px #222;
    direction: rtl;
    height: auto;
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
}

#Div_AreaInfoInfo_Arrow2, #Div_LocationChoosedInfo_BGBodyForShadow_Arrow2 {
    bottom: -23.8px;
    height: 35px;
    left: 200px;
    position: absolute;
}

#Div_AreaInfo_Header, #Div_LocationChoosedInfo_Header {
    border-bottom: 1px solid #222;
    height: 39px;
    padding: 5px;
    padding-right: 9px;
    position: relative;
    text-align: center;
    width: 100%;
}

#Div_AreaInfo_Lable, #Div_LocationChoosedInfo_Label {
    font-size: 14px;
    font-weight: bold;
    height: auto;
    position: relative;
}

#Div_AreaInfo_Label_MeterCount {
    -ms-border-radius: 3.9px;
    background-color: rgb(39, 39, 39);
    border-radius: 3.9px;
    box-shadow: inset 0 0 6.9px 1.3px #000;
    color: #eee;
    font-weight: bold;
    margin: 0 3.9px 0 3.9px;
    padding: 3.3px 9.9px 3.3px 9.3px;
}

#Div_AreaInfo_Body, #Div_LocationChoosedInfo_Body {
    height: 139px;
    padding: 5px;
    padding-right: 9px;
    position: relative;
}

#Div_AreaInfo_Body_Filter {
    display: none;
    position: relative;
    text-align: center;
    width: 100%;
}

    #Div_AreaInfo_Body_Filter input {
        margin: 3.9px;
        position: relative;
        text-align: center;
    }

#Div_AreaInfo_Body_div {
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    color: #ad1717;
    font-size: 2.69vw;
    margin: 125px auto;
    position: relative;
    text-align: center;
    text-shadow: 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3);
    top: -109px;
    transition: all 0.8s ease-in-out;
    width: 100%;
}

#Div_AreaInfo_CopyBtn {
    align-items: center;
    background-color: #454545;
    background-color: rgba(34, 34, 34, 0.39);
    border-radius: 9px 0;
    bottom: 0;
    color: #eee;
    cursor: pointer;
    display: flex;
    font-size: 10px;
    height: 19px;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 69px;
}

    #Div_AreaInfo_CopyBtn:hover {
        background-color: #222222;
        background-color: rgba(34, 34, 34, 0.699);
    }

/*### END Area Info*/

/*############################# Location Choosed Info #############################*/

#Div_LocationChoosedInfo {
    direction: rtl;
    height: auto;
    position: relative;
    width: 439px;
}

#Div_LocationChoosedInfo_Label {
    top: 7px;
    position: relative;
    font-weight: bold;
}

#Div_LocationChoosedInfo_CopyBtn {
    background-color: rgba(34, 34, 34, 0.69);
    color: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    border-radius: 3.9px;
    box-shadow: 0 0 20px 3px #222 inset;
    transition: 169ms;
    cursor: pointer;
}

    #Div_LocationChoosedInfo_CopyBtn:hover {
        background-color: rgba(34, 34, 34, 0.89);
        box-shadow: 0 0 20px 6.9px #222 inset;
    }
/* END */
#Div_NewIconInfo_Arrow {
    bottom: -23.8px;
    height: 35px;
    left: 133px;
    position: absolute;
}

#Div_NewIconInfo {
    background-color: #008b8b;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 1px #222;
    direction: rtl;
    height: 73.5px;
    left: 33%;
    position: fixed;
    top: 33%;
    width: 300px;
}

#Div_NewIconInfo_Header {
    background-color: #eeeeee;
    border-radius: 6px 6px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    padding: 9px;
    position: relative;
    text-align: center;
    width: 100%;
}

#Div_NewIconInfo_Body {
    background-color: #ffffff;
    border-radius: 0px 0px 6px 6px;
    padding: 9px;
    position: relative;
    text-align: center;
    width: 100%;
}

.Div_NewIconInfo_Header_Lable {
    color: #ff4500;
    font-size: 12px;
}

#DivMapHelpMenu {
    align-items: center;
    background-image: url("/js/G9OfflineMap/image/Map/BG/bg-w.png");
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 0px 2px 0px #222222;
    display: flex;
    height: 39px;
    justify-content: center;
    padding-right: 3px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 110px;
}

.ControlMenuIcon {
    cursor: pointer;
    height: 70%;
    margin: 5px;
    opacity: 0.7;
    position: relative;
}

    .ControlMenuIcon:hover {
        opacity: 1;
    }

#ControlMenuIcon_FullScreen,
#ControlMenuIcon_Help {
    cursor: pointer;
    height: 70%;
    margin: 5px;
    opacity: 0.7;
    position: relative;
}

    #ControlMenuIcon_FullScreen,
    #ControlMenuIcon_Help:hover {
        opacity: 1;
    }

#DivMapHelp {
    background-image: url("/js/G9OfflineMap/image/Map/BG/bg-W.png");
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0px 0px 2px 0px #222222;
    height: 0px;
    padding: 9px;
    position: absolute;
    right: 0px;
    top: 39px;
    width: 269px;
}

.DivMapHelp_Color {
    height: 6px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0px;
}

.ControlMenuIcon_View {
    position: relative;
    width: 100%;
}

/* TODO: منوی ایجاد مارکر در حال حاظر حذف شد */

#ControlMenuIcon_New {
    display: none;
}

.ControlMenuIcon_New_Control {
    position: relative;
    text-align: center;
    width: 100%;
}

.ControlMenuIcon_New_Control_IMG {
    border-radius: 3px;
    cursor: not-allowed;
    margin: 0px auto;
    margin-bottom: 6px;
    margin-top: 6px;
    opacity: 0.7;
    width: 85%;
}

    .ControlMenuIcon_New_Control_IMG:last-child {
        margin-bottom: 0px;
    }

.ControlMenuIcon_Search_ControlItem {
    position: relative;
    width: 100%;
}

.ControlMenuIcon_Search_ControlItem_IMG {
    width: 50px;
}

.ControlMenuIcon_Search_ControlItem_LableTitle {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-top: 6px;
    padding: 6px;
    position: relative;
    width: 100%;
}

.ControlMenuIcon_Search_ControlItem_LableInfo {
    color: #666666;
    font-family: Tahoma;
    font-size: 10px;
    position: relative;
    width: 100%;
}

.ControlMenuIcon_Search_ControlItem_InputtextBox {
    border: none;
    border: 1px solid #bbb;
    border-radius: 2px;
    margin: 5px;
    text-align: center;
}

#ControlMenuIcon_Filter {
    display: none;
}

.ControlMenuIcon_Filter_DivFilter {
    margin: 0px auto;
    margin-bottom: 9px;
    margin-top: 9px;
    position: relative;
    width: 90%;
}

.ControlMenuIcon_Filter_DivFilter_IMG {
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px #222;
    cursor: pointer;
    position: relative;
    width: 100%;
}

    .ControlMenuIcon_Filter_DivFilter_IMG:hover {
        box-shadow: 0px 0px 4px 1px #222;
    }

.ControlMenuIcon_Filter_DivFilter_IMG_disabled {
    box-shadow: 0px 0px 0px 0px;
    opacity: 0.7;
}

    .ControlMenuIcon_Filter_DivFilter_IMG_disabled:hover {
        box-shadow: 0px 0px 0px 0px;
        opacity: 0.6;
    }

.ControlMenuIcon_Filter_DivFilter_CB {
    height: 18px;
    position: absolute;
    right: 8px;
    top: 10.9px;
    width: 18px;
}

.ControlMenuIcon_Filter_DivFilter_Label {
    color: #eee;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 35px;
    text-shadow: 0 0 3.9px #222;
    top: 10px;
}

.ControlMenuIcon_ScreenShot_DivLoad {
    align-items: center;
    display: flex;
    height: 39px;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%;
}

.ControlMenuIcon_ScreenShot_DivLoad_ProBar {
    background-color: #501884;
    border-radius: 9px;
    height: 93%;
    opacity: 0.8;
    position: absolute;
    width: 5%;
}

.ControlMenuIcon_ScreenShot_DivLoad_Lable {
    color: #eeeeee;
    font-size: 22px;
    position: relative;
    text-shadow: 0px 0px 1px 1px #222222;
    top: -4px;
}

.ControlMenuIcon_UpdateAndRefresh_Div {
    align-items: center;
    background-color: #d8c037;
    border-radius: 9px;
    display: flex;
    height: 39px;
    justify-content: center;
    margin-bottom: 6px;
    position: relative;
    width: 100%;
}

.ControlMenuIcon_UpdateAndRefresh_Div_Lable {
    color: #eee;
    font-size: 19px;
    text-shadow: 0 0 3px 0 #222;
}

.SAAMarker {
    cursor: pointer;
}

.SAAMarker_S {
    height: 12px;
    position: absolute;
    width: 12px;
}

.SAAMarker_S_IMG {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.SAAMarker_S_Alarm {
    background-color: crimson;
    border-radius: 6px;
    height: 5px;
    opacity: 0.69;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 5px;
}

.SAAMarker_M {
    height: 32px;
    position: absolute;
    width: 32px;
}

.SAAMarker_M_IMG {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.SAAMarker_M_Alarm {
    background-color: crimson;
    border-radius: 32px;
    height: 12px;
    opacity: 0.69;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 12px;
}

.SAAMarker_L {
    height: 46px;
    position: absolute;
    width: 29px;
}

.SAAMarker_L_IMG {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.SAAMarker_L_Alarm {
    background-color: crimson;
    border-radius: 3px;
    box-shadow: 0px 0px 1px 0px #222;
    height: 12px;
    position: absolute;
    right: -13px;
    top: -7px;
    width: 19px;
}

.SAAMarker_L_Alarm_Lable {
    color: #eee;
    font-family: BHoma;
    font-size: 11px;
    font-weight: bold;
    left: 0px;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 100%;
}

.SAAMarker_L_Name {
    align-items: center;
    bottom: -10px;
    display: flex;
    height: 13px;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%;
}

.SAAMarker_L_Name_Lable {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 10px;
    justify-content: center;
    position: relative;
    text-shadow: 0px 0px 1px 1px #eee;
    top: 2px;
    white-space: nowrap;
    width: 100%;
}

.SAAMarker_XL {
    height: 64px;
    position: absolute;
    width: 40px;
}

.SAAMarker_XL_IMG {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.SAAMarker_XL_Alarm {
    background-color: crimson;
    border-radius: 3px;
    box-shadow: 0px 0px 1px 0px #222;
    font-weight: bold;
    height: 15px;
    position: absolute;
    right: -15px;
    top: -7px;
    width: 23px;
}

.SAAMarker_XL_Alarm_Lable {
    color: #eee;
    font-family: BHoma;
    font-size: 13px;
    font-weight: bold;
    left: 0px;
    position: absolute;
    text-align: center;
    text-shadow: 0px 0px 35px 35px #222222;
    top: -2px;
    width: 100%;
}

.SAAMarker_XL_Name {
    align-items: center;
    bottom: -10px;
    display: flex;
    height: 13px;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%;
}

.SAAMarker_XL_Name_Lable {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 14px;
    justify-content: center;
    position: relative;
    text-shadow: 0px 0px 1px 1px #eee;
    top: 4px;
    white-space: nowrap;
    width: 100%;
}

#MarkerInfoDiv {
    background-color: #eeeeee;
    box-shadow: 0px 0px 6px 1px #193f58;
    display: none;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 300px;
}

#MarkerInfoDiv_HeaderDIV {
    align-items: center;
    background-color: #222222;
    display: flex;
    height: 39px;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%;
}

.Div_ChangeMapStyleHeaderLabel {
    color: #ccc;
    font-size: 9px;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-shadow: 0 0 3px #222;
    width: 100%;
}

#SearchPinDiv {
    background-image: url(/js/G9OfflineMap/image/Map/BG/bg-W.png);
    border-radius: 3px;
    box-shadow: 0px 0px 2px 0px #222;
    direction: rtl;
    height: auto;
    max-height: 69.9%;
    min-width: 226px;
    position: absolute;
    right: 310px;
    top: 39px;
    width: auto;
}

#SearchPin {
    height: 26px;
    width: 169px;
}

#SearchPinFilter {
    font-size: 11px;
    width: 169px;
}

#SearchPinDiv_Header {
    background-image: url(/js/G9OfflineMap/image/Map/BG/bg-W.png);
    border-bottom: #222 1px solid;
    border-radius: 6px 6px 0 0;
    font-size: 14px;
    font-weight: bold;
    padding: 6px;
    position: relative;
    text-align: center;
}

#SearchPinDiv_Body {
    max-height: 69%;
    overflow: auto;
    position: relative;
    width: 100%;
}

    #SearchPinDiv_Body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #f5f5f5;
    }

    #SearchPinDiv_Body::-webkit-scrollbar {
        background-color: #f5f5f5;
        width: 10px;
    }

    #SearchPinDiv_Body::-webkit-scrollbar-thumb {
        background-color: #000000;
        border: 2px solid #555555;
    }

#SearchPinDiv_Resault {
    background-image: url(/js/G9OfflineMap/image/Map/BG/bg-W.png);
    border-radius: 3px;
    box-shadow: 0 0 2px 0 #222;
    direction: rtl;
    display: none;
    font-size: 12px;
    height: auto;
    min-width: 369px;
    overflow: hidden;
    position: absolute;
    right: 101%;
    text-align: right;
    top: 0px;
    width: auto;
}

#SearchPinDiv_Resault_Header {
    background-image: url(/js/G9OfflineMap/image/Map/BG/bg-W.png);
    border-bottom: #222 1px solid;
    border-radius: 6px 6px 0 0;
    font-size: 14px;
    font-weight: bold;
    padding: 6px;
    position: relative;
    text-align: center;
}

#SearchPinDiv_Resault_Body {
    position: relative;
    width: 100%;
}

.SearchPinDiv_Resault_Body_Items {
    border-bottom: 1px #989898 solid;
    padding: 3px;
    text-shadow: 0 0 1px #222;
}

.SearchPinDiv_Resault_Body_Items_FoundFont {
    color: #ff0000;
    font-weight: bold;
}

.SearchPinDiv_FindItems {
    border-bottom: 1px #989898 solid;
    cursor: pointer;
    display: none;
    font-size: 12px;
    padding: 6.9px 6.9px 0.9px 6.9px;
    padding-right: 46.9px;
    position: relative;
    text-align: right;
    text-shadow: 0 0 1px #222;
    width: auto;
}

    .SearchPinDiv_FindItems:hover {
        background-image: url("/js/G9OfflineMap/image/Map/BG/bg-W.png");
    }

.SearchPinDiv_NotFindItems {
    cursor: pointer;
    font-size: 12px;
    padding: 9px;
    position: relative;
    text-align: right;
    text-align: center;
    width: auto;
}

.SearchPinDiv_FindItems_Lable {
    cursor: pointer;
}

.SearchPinDiv_HintItems_S,
.SearchPinDiv_HintItems_C,
.SearchPinDiv_HintItems_O {
    background-color: rgba(2, 117, 216, 0.69);
    border-bottom: 1px #989898 solid;
    cursor: pointer;
    display: none;
    font-size: 12px;
    padding: 6.9px 6.9px 0.9px 6.9px;
    position: relative;
    text-align: right;
    text-shadow: 0 0 1px #222;
    transition: 199ms;
    width: auto;
}

.SearchPinDiv_HintItems_C {
    background-color: rgba(92, 184, 92, 0.69);
    padding-right: 16.9px;
}

.SearchPinDiv_HintItems_O {
    background-color: rgba(240, 173, 78, 0.69);
    padding-right: 26.9px;
}

.SearchPinDiv_HintItems_S:hover {
    background-color: rgba(2, 117, 216, 0.99);
}

.SearchPinDiv_HintItems_C:hover {
    background-color: rgba(92, 184, 92, 0.99);
}

.SearchPinDiv_HintItems_O:hover {
    background-color: rgba(240, 173, 78, 0.99);
}

.SearchPinDiv_HintItems_C .SearchPinDiv_HintItems_Icon,
.SearchPinDiv_HintItems_O .SearchPinDiv_HintItems_Icon {
    background-color: transparent;
}

.SearchPinDiv_HintItems_Icon {
    background-color: rgba(34, 34, 34, 0.39);
    border-radius: 3.9px;
    cursor: pointer;
    height: 29px;
    padding: 1.69px;
    position: relative;
    right: 0px;
    top: -3px;
}

.SearchPinDiv_HintItems_Lable {
    color: #fff;
    cursor: pointer;
    margin: 0 6px;
    position: relative;
    text-shadow: 0 0 3.9px #222, -1px -1px 1.39px #222;
    top: -2.3px;
}

#SearchPinFilterDiv {
    align-items: center;
    background-color: rgba(33, 79, 137, 0.27);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
}

#SearchPinFilterDiv_Inner {
    background-color: #501884;
    background-color: rgba(33, 79, 137, 0.92);
    border-radius: 6px;
    box-shadow: 0 0 9px 3px #222;
    direction: rtl;
    height: auto;
    padding: 9px;
    position: relative;
    width: 60%;
}

#FilterHeader {
    background: #334863;
    border-radius: 0 0 9px 9px;
    box-shadow: 0px 1px 3px 0px #7d7d7d;
    color: #eee;
    color: #eeeeee;
    font-size: 16px;
    margin: 0;
    margin-bottom: 6px;
    padding: 6px;
    position: relative;
    text-align: center;
    top: -9px;
    width: 169px;
}

.SearchPinFilterItemDiv {
    border-radius: 3px;
    border-right: 3px solid #a0a0a0;
    float: right;
    margin-bottom: 6px;
    text-align: right;
}

.SearchPinFilterItemDiv_CB {
    position: relative;
    top: 3px;
}

.SearchPinFilterItemDiv_LB {
    color: #eeeeee;
    font-size: 12px;
    font-size: 12px;
    margin-right: 3px;
    position: relative;
}

.SearchFilterBTN {
    align-items: center;
    display: flex;
    display: inline-block;
    justify-content: center;
    margin: 6px 6px 6px 0;
    text-align: center;
    width: 199px;
}

.tooltip {
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font: 10pt sans-serif;
    opacity: 0.7;
    padding: 3px;
    position: relative;
    white-space: nowrap;
}

#Div_SAA_Info {
    background-image: url("/js/G9OfflineMap/image/Map/BG/bg.png");
    border: 1px #eee solid;
    border-radius: 39px 0 0 0px;
    bottom: 99px;
    box-shadow: 0 0 9px 1px #222;
    cursor: pointer;
    height: 29px;
    margin: 0px;
    padding: 9px;
    position: absolute;
    right: 0px;
    width: auto;
}

#Div_Map_Info {
    background-image: url("/js/G9OfflineMap/image/Map/BG/bg.png");
    border: 1px #eee solid;
    border-radius: 3px 0 0 3px;
    bottom: 37px;
    box-shadow: 0 0 9px 1px #222;
    cursor: pointer;
    height: 29px;
    margin: 0px;
    padding: 9px;
    position: absolute;
    right: 0px;
    width: auto;
}

.Div_SAA_Info_Items {
    align-items: center;
    display: flex;
    float: right;
    height: 100%;
    position: relative;
    width: auto;
}

.Div_SAA_Info_Items_Lable {
    color: #eeeeee;
    font-size: 10px;
    margin-right: 6px;
}

.Div_SAA_Info_Breaker {
    background-color: #eee;
    float: right;
    height: 16px;
    margin: 9px;
    position: relative;
    top: -12px;
    width: 2px;
}

#Div_SAA_Info_Lable {
    color: #eeeeee;
    font-size: 10px;
    margin-right: 6px;
}

#Div_SAA_Info_Img {
    height: 100%;
    margin-right: 9px;
}

#btn_ShowSaaCompany:hover {
    opacity: 1;
}

#Div_ChangeMapStyle {
    align-items: center;
    background-color: rgba(34, 34, 34, 0.6);
    border: 1px solid #222;
    border-radius: 6px;
    bottom: 10px;
    display: flex;
    height: 50px;
    left: 10px;
    position: absolute;
    width: auto;
    /*left: 360px; bottom: 40px;*/
}

    #Div_ChangeMapStyle:hover {
    }

.Div_ChangeMapStyleHeader {
    background-color: rgba(34, 34, 34, 0.6);
    border-radius: 6px 6px 0px 0px;
    height: 20px;
    left: 10%;
    position: absolute;
    top: -20px;
    width: 80%;
}

.Div_ChangeMapStyleItem {
    float: right;
    height: 50%;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

.Div_ChangeMapStyleItem_IMG {
    -ms-opacity: 0.6;
    border: 1px solid #222;
    border-radius: 3px;
    cursor: pointer;
    height: 100%;
    opacity: 0.6;
    position: relative;
    /*border-width: 2px; border-color: #f39c12;*/
}

    .Div_ChangeMapStyleItem_IMG:hover {
        -ms-opacity: 1;
        opacity: 1;
    }

#Div_MapLoading {
    background-color: rgba(25, 63, 88, 0.7);
    border-radius: 6px;
    display: flex;
    height: 25%;
    justify-content: center;
    left: 40%;
    padding: 6px;
    position: absolute;
    top: 37.5%;
    width: 20%;
}

#SVG_Loader {
    display: inline-block;
    margin: 20px;
    position: relative;
    top: -20px;
    width: 80%;
}

#Label_Loader {
    bottom: 0;
    color: #eee;
    font-family: sans-serif;
    font-size: 2em;
    position: absolute;
}

#Div_IconFocus {
    position: relative;
    width: 30px;
}

.Circle_Focus {
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: example;
    background-color: red;
    height: 100px;
    position: relative;
    width: 100px;
}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes example {
    0% {
        stroke: #222222;
    }

    25% {
        stroke: #214f89;
    }

    50% {
        stroke: #eeeeee;
    }

    75% {
        stroke: #652921;
    }

    100% {
        stroke: #222222;
    }
}

/* Standard syntax */

@keyframes example {
    0% {
        stroke: #222222;
    }

    25% {
        stroke: #214f89;
    }

    50% {
        stroke: #eeeeee;
    }

    75% {
        stroke: #652921;
    }

    100% {
        stroke: #222222;
    }
}

/* ############################################### استایل های مرتبط با اجزای داخلی نقشه ############################################### */

.ol-mycontrol {
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
    bottom: 9px;
    left: 9px;
    right: auto;
    top: auto;
}

    .ol-custom-overviewmap:not(.ol-collapsed) {
        border: 1px solid black;
    }

    .ol-custom-overviewmap .ol-overviewmap-map {
        border: none;
        width: 300px;
    }

    .ol-custom-overviewmap .ol-overviewmap-box {
        border-color: rgba(255, 27, 27, 0.7);
        border-style: dotted solid;
        border-width: 3px;
    }

.ol-overviewmap:not(.ol-collapsed) {
    background: rgba(176, 173, 139, 0.6);
}

.ol-custom-overviewmap:not(.ol-collapsed) button {
    bottom: 9px;
    left: 9px;
    right: auto;
    top: auto;
}

.ol-rotate {
    bottom: auto;
    height: 48px;
    left: 45px;
    right: auto;
    top: 9px;
    width: 48px;
}

.ol-touch .rotate-north {
    bottom: auto;
    height: 48px;
    left: 40px;
    right: auto;
    top: 6px;
    width: 48px;
}

.ol-rotate-reset {
    height: 96% !important;
    position: relative;
    width: 96% !important;
}

.ol-scale-line {
    background-color: rgba(0, 64, 101, 0.54);
    direction: ltr;
    font-weight: bold;
    right: 0px;
    width: 250px;
}

.ol-compass {
    font-size: 1.9em;
    font-weight: 900;
}

#Div_G9MapSearch {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.Div_G9MapSearch_MainDiv {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari 3-8 */
    background-color: rgba(34, 34, 34, 0.59);
    border-radius: 999px;
    height: 50px;
    opacity: 0.1;
    position: relative;
    transform: rotate(360deg);
    width: 50px;
    /*background-image: url("/js/G9OfflineMap/image/Map/HELP/ControlBG.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

#Div_G9MapSearch_MainDiv_BGDiv1 {
    left: 50%;
    position: absolute;
}

#Div_G9MapSearch_MainDiv_BGDiv2 {
    left: -50%;
    position: relative;
}

.Div_G9MapSearch_MainDiv_BGIMG {
    margin-top: 20%;
    opacity: 0;
    /*position: absolute;
    top: 0;
    left: 0;*/
    width: 100%;
}

#Div_G9MapSearch_MainDiv_BTNClose {
    -webkit-transition: width 0.3s;
    align-items: center;
    background-color: brown;
    border: 2px solid #691515;
    border-radius: 9px 0 0 9px;
    color: #eeeeee;
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    position: absolute;
    right: -169px;
    top: 169px;
    transition: width 0.3s;
    width: 169px;
}

#Div_G9MapSearch_MainDiv_BTNBack {
    -webkit-transition: width 0.1s;
    align-items: center;
    background-color: #1b4f86;
    border: 2px solid #08203a;
    border-radius: 9px 0 0 9px;
    color: #eeeeee;
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    position: absolute;
    right: -169px;
    top: 209px;
    transition: width 0.1s;
    width: 169px;
}

    #Div_G9MapSearch_MainDiv_BTNClose:hover,
    #Div_G9MapSearch_MainDiv_BTNBack:hover {
        border-width: 3px;
        width: 179px;
    }

.Div_G9MapSearch_MainDiv_IMGItemForHelp {
    background-color: #9c1226;
    background-color: rgba(156, 18, 38, 0.95);
    border: 1px rgb(138, 35, 35) dashed;
    cursor: pointer;
    margin-bottom: 39px;
    margin-top: 39px;
    opacity: 0;
    position: absolute;
}

#G9Map_Help_G9Control {
    /*height: 39px;
    width: 269px;*/
    right: 39px;
    top: 39px;
}

#G9Map_Help_MapInfromation {
    bottom: 71px;
    right: 0;
}

#G9Map_Help_MapStyle {
    bottom: 40px;
    left: 360px;
}

#G9Map_Help_MiniMap {
    bottom: 9px;
    left: 9px;
}

#G9Map_Help_Zarib {
    bottom: 8px;
    left: 360px;
}

#G9Map_Help_ZoomAndRotate {
    left: 7px;
    top: 8px;
}

#Div_G9MapSearch_MainDiv_BGDiv_Title {
    align-items: center;
    background: #1f1f8c;
    background: rgba(31, 31, 140, 0.12);
    border-radius: 0 39px 0 39px;
    box-shadow: 0 0 3px 3px #232323;
    color: #eee;
    display: flex;
    font-size: 49px;
    height: 139px;
    justify-content: center;
    left: 0;
    margin-bottom: 39px;
    margin-top: 39px;
    opacity: 0;
    overflow: visible !important;
    position: absolute;
    text-align: center;
    top: 46%;
    width: 100%;
}

#Div_G9MapSearch_MainDiv_BGDiv_Title_Lable {
}

#Div_G9MapSearch_MainDiv_BGDiv_Title_SubDiv {
    background-color: #1f1f8c;
    background-color: rgba(31, 31, 140, 0.12);
    border-radius: 39px 0 0 39px;
    box-shadow: 0 0 3px 3px #232323;
    height: 0;
    max-height: 469px;
    opacity: 0;
    position: absolute;
    top: 103%;
    width: 100%;
}

/*  ############################################    Draw Items    ############################################    */

#DrawShapes {
    align-items: center;
    background-color: rgba(22, 22, 22, 0.69);
    border: 3px solid rgba(238, 238, 238, 0.59);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 45px;
    position: absolute;
    top: 63.9px;
    transition: 169ms;
    width: 48px;
    z-index: 99;
}

    #DrawShapes:hover {
        background-color: rgba(22, 22, 22, 1);
        border: 3px solid rgba(238, 238, 238, 1);
    }

.DrawShapes_icon {
    margin: 0 auto;
    position: relative;
    width: 79%;
}

.DrawShapesItems {
    align-items: center;
    background-color: rgba(22, 22, 22, 0.69);
    border: 3px solid rgba(238, 238, 238, 0.59);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 40px;
    margin-bottom: 6.9px;
    margin-left: 9.9px;
    position: relative;
    top: 60px;
    transition: 169ms;
    width: 48px;
}

    .DrawShapesItems:hover {
        background-color: rgba(22, 22, 22, 1);
        border: 3px solid rgba(238, 238, 238, 1);
    }

#DrawShapes_Div {
    left: 3.9px;
    position: absolute;
    top: -150%;
    width: auto;
}

.CustomKey {
    background-color: #f91e08;
    border: 1px solid #eee;
    color: #eee;
    font-family: monospace;
    font-size: 12px;
    padding: 0px 2px;
    position: absolute;
    right: -9.9px;
    top: -6.9px;
    z-index: 9;
    padding: 0 3.6px;
}

/*  ############################################    Parent Items    ############################################    */

#EnableParrent,
#EnableParrentDisable {
    align-items: center;
    background-color: rgba(5, 158, 0, 0.69);
    border: 3px solid rgba(238, 238, 238, 0.59);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 45px;
    position: absolute;
    top: 117.9px;
    transition: 169ms;
    width: 48px;
}

    #EnableParrent:hover {
        background-color: rgba(5, 158, 0, 0.26);
    }

#EnableParrentDisable {
    background-color: rgba(22, 22, 22, 0.69);
}

/*  ############################################ line Parent and Child Items ############################################    */

#EnableLine,
#EnableLineDisable,
#EnableLineAlways {
    align-items: center;
    background-color: rgba(5, 158, 0, 0.69);
    border: 3px solid rgba(238, 238, 238, 0.59);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 45px;
    position: absolute;
    top: 173.9px;
    transition: 169ms;
    width: 48px;
}

    #EnableLine:hover {
        background-color: rgba(5, 158, 0, 0.26);
    }

#EnableLineDisable {
    background-color: rgba(22, 22, 22, 0.69);
}

#EnableLineAlways {
    background-color: rgba(0, 59, 159, 0.69);
}

    #EnableLineAlways:hover {
        background-color: rgba(0, 59, 159, 0.29);
    }

/*  ############################################ Alarm Fade Items ############################################    */

#EnableAlarmFade,
#EnableAlarmFadeDisable {
    align-items: center;
    background-color: rgba(5, 158, 0, 0.69);
    border: 3px solid rgba(238, 238, 238, 0.59);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 45px;
    position: absolute;
    top: 229.9px;
    transition: 169ms;
    width: 48px;
}

    #EnableAlarmFade:hover {
        background-color: rgba(5, 158, 0, 0.26);
    }

#EnableAlarmFadeDisable {
    background-color: rgba(22, 22, 22, 0.69);
}
/*  ############################################ Small Information Items ############################################    */

#EnableSmallInformation,
#EnableSmallInformationDisable {
    align-items: center;
    background-color: rgba(5, 158, 0, 0.69);
    border: 3px solid rgba(238, 238, 238, 0.59);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 116.9px;
    position: absolute;
    top: 9px;
    transition: 169ms;
    width: 48px;
}

    #EnableSmallInformation:hover {
        background-color: rgba(5, 158, 0, 0.26);
    }

#EnableSmallInformationDisable {
    background-color: rgba(22, 22, 22, 0.69);
}


/*  ############################################ Location Items ############################################    */

#LocationChoose, #LocationChooseDisable {
    align-items: center;
    background-color: rgba(5, 158, 0, 0.69);
    border: 3px solid rgba(238, 238, 238, 0.59);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 116.9px;
    position: absolute;
    top: 63.9px;
    transition: 169ms;
    width: 48px;
}

    #LocationChoose:hover {
        background-color: rgba(5, 158, 0, 0.26);
    }

#LocationChooseDisable {
    background-color: rgba(22, 22, 22, 0.69);
}

/*  ############################################ Distance Calculate Items ############################################    */

#DistanceCalculate, #DistanceCalculateDisable {
    align-items: center;
    background-color: rgba(5, 158, 0, 0.69);
    border: 3px solid rgba(238, 238, 238, 0.59);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 116.9px;
    position: absolute;
    top: 117.9px;
    transition: 169ms;
    width: 48px;
}

    #DistanceCalculate:hover {
        background-color: rgba(5, 158, 0, 0.26);
    }

#DistanceCalculateDisable {
    background-color: rgba(22, 22, 22, 0.69);
}

/*  ############################################    Marker Hint    ############################################    */
#MarkerHint {
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.69);
    border-radius: 3px;
    box-shadow: 0 0 6.9px 0 #222;
    height: auto;
    left: 9px;
    position: absolute;
    top: 286.9px;
    width: 169px;
}

.MarkerHint_Row {
    border-bottom: 1px solid #222222;
    border-bottom: 1px solid rgba(34, 34, 34, 0.39);
    padding: 3px;
    cursor: pointer;
    transition: 199ms;
}

    .MarkerHint_Row:hover {
        box-shadow: 0 0 9px 1px #222222;
        box-shadow: 0 0 9px 1px rgba(34, 34, 34, 0.69);
    }

.MarkerHint_Row_Ignore {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #222222;
    background-color: rgba(78, 2, 2, 0.69);
    opacity: 0;
}

    .MarkerHint_Row_Ignore img {
        height: 86%;
    }

.MarkerHint_Icon_Div {
    background: #222222;
    background: rgba(34, 34, 34, 0.788);
    margin-top: 2.9px;
    padding: 6.9px;
}

.MarkerHint_Icon_Div_Icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.MarkerHint_Icon_Div_Icon_Img {
    height: 19px;
    margin: 0;
    padding: 0;
}

.MarkerHint_Icon_Div_Icon_Img_OutOfRange {
    background-color: #fc0202;
    position: relative;
    height: 13px;
    width: 13px;
    border-radius: 99px;
    top: 3px;
}

.MarkerHint_Icon {
    width: 100%;
}

#MarkerHint_Icon_Div_Marja {
    background-color: #f7f302;
    border: 1px solid #000;
    box-shadow: 0 0 1px 1px #000 inset;
}

#MarkerHint_Icon_Div_MarjaVaFarzand {
    background-color: #0072ff;
    border: 1px solid #000;
    box-shadow: 0 0 1px 1px #000 inset;
}

#MarkerHint_Icon_Div_Motasel {
    background-color: #00a500;
    border: 1px solid #000;
    box-shadow: 0 0 1px 1px #000 inset;
}

#MarkerHint_Icon_Div_NimeMotasel {
    background-color: #ff8a00;
    border: 1px solid #000;
    box-shadow: 0 0 1px 1px #000 inset;
}

#MarkerHint_Icon_Div_GheyrMotasel {
    background-color: #e41e44;
    border: 1px solid #000;
    box-shadow: 0 0 1px 1px #000 inset;
}

#MarkerHint_Icon_Div_Farzand {
    background-color: #222;
}

.MarkerHint_Text_Div {
    color: #222;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    text-shadow: 0 0 3.9px #eee;
}

.ImgClosePanel {
    position: absolute;
    height: 23px;
    width: 25px;
    left: 3.9px;
    top: 3.9px;
    z-index: 99999;
    background-color: rgba(34, 34, 34, 0.69);
    border-radius: 3.9px;
    box-shadow: 0 0 2px 0 #222;
    transition: 169ms;
    cursor: pointer;
}

    .ImgClosePanel:hover {
        background-color: #222222;
        box-shadow: 0 0 3.9px 0 #222;
    }

.ol-zoomslider {
    height: 223.9px;
}

.MesureAreaStyle {
    background-color: #ceff0a;
    padding: 3px;
    border-radius: 6px;
    box-shadow: 0 0 3px 1px #222;
    font-weight: bold;
}