.MenuTop {
    background-color: #e7eaed;
    color: #434343;
    border-top: solid 1px #c6cfdd;
    border-bottom: solid 1px #c6cfdd;
}

.Main-Menu {
    width: 100%;
    padding: 0 !important;

}

.Sub-Menu {
    float: right;
    height: 45px !important;
    cursor: pointer;
    vertical-align: central;
    padding: 10px 20px 0 20px !important;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    font-family: Yekan;
}

.Sub-Menu2 {
    float: right;
    height: 50px !important;
    cursor: pointer;
    vertical-align: central;
    padding: 10px 10px 0 10px !important;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    font-family: Yekan;
}

.Sub-Menu span {
    padding: 0 0 0 0 !important;
    text-wrap: none !important;
    margin: 0 0 0 0 !important;
    text-align: right !important;
}

.Sub-Itm00 {
    position: absolute;
    cursor: default;
    top: 50px;
    right: 2px;
    width: 100%;
    padding: 10px;
    float: right;
    background-color: white;
    color: white !important;
    visibility: hidden;
    display: none;
    /*opacity: 1;*/
    -webkit-transition: opacity .5s; /* For Safari 3.1 to 6.0 */
    transition: visibility .1s,opacity .5s;
    box-shadow: 0 1px 1px #393939;
}



.Sub-Itm {
    position: absolute;
    cursor: default;
    top: 45px;
    right: 2px;
   /* width: calc(100%);*/
    padding: 10px;
    float: right;
    background-color: white;
    color: white !important;
    visibility: hidden;
    border: 1px solid #d6dde6;
    opacity: 0;
    -webkit-transition: opacity .5s; /* For Safari 3.1 to 6.0 */
    transition: visibility .1s,opacity .5s;
    box-shadow: 0 1px 1px #393939;
    z-index: 100;
}


    /*efect menu item*/
    .Sub-Itm li {
        background-color: transparent;
        -webkit-transition: background-color .5s; /* For Safari 3.1 to 6.0 */
        transition: background-color .4s;
    }

        .Sub-Itm li:hover {
            cursor: pointer;
            color: #8b4513;
            text-shadow: 0 0 0.5px red;
        }
/*efect menu item end*/

.Itm-Content {
    cursor: default;
    position: absolute;
    width: 100%;
    right: 0;
    padding: 10px;
    float: right;
    background-color: #8b4513;
    color: white !important;
}

.Sub-Menu:hover {
    background-color: white;
    color: black;
}

.Sub-Menu a:active {
    color: black !important;
}

.Sub-Menu a:hover {
    background-color: white;
    color: black !important;
}

.Sub-Menu:hover .Sub-Itm {
    /*display: block;*/
    visibility: visible;
    cursor: pointer;
    opacity: 1;
    color: red;
    display: block;
}

.flt-rtl {
    float: right;
    margin-right: 20px;
}

/*#Sub-Itm11 {
                        opacity: 0;
                        transition: visibility 0s, opacity 0.5s linear;
                    }*/

/*#Sub-Itm11:hover .Itm-Content {
                            display: block;
                            visibility: visible;
                            opacity: 1;
                        }*/

#Sub-Itm11:hover .Itm-Content, #Sub-Itm12:hover .Itm-Content, #Sub-Itm13:hover .Itm-Content, #Sub-Itm14:hover .Itm-Content, #Sub-Itm21:hover .Itm-Content, #Sub-Itm22:hover .Itm-Content, #Sub-Itm23:hover .Itm-Content, #Sub-Itm24:hover .Itm-Content, #Sub-Itm31:hover .Itm-Content, #Sub-Itm32:hover .Itm-Content, #Sub-Itm33:hover .Itm-Content, #Sub-Itm34:hover .Itm-Content, #Sub-Itm41:hover .Itm-Content, #Sub-Itm42:hover .Itm-Content, #Sub-Itm43:hover .Itm-Content, #Sub-Itm44:hover .Itm-Content {
    opacity: 1;
    display: block;
    visibility: visible;
}
/*
                      main  background #727272
                      menu background #003ba8
                hilight itm rgba(255, 204, 0,1)
                        */
.box {
    width: 5px;
    float: right;
    height: 100%;
    background-color: transparent;
}

.dropdown-content {
    color: #a5d122;
    text-align: center;
    direction: rtl;
    text-wrap: normal;
    font-weight: bold;
}

    .dropdown-content div ul span :after {
        content: '<hr>';
    }

    .dropdown-content a {
        color: black;
        font-weight: normal !important;
    }

        .dropdown-content a:hover {
            color: rgb(209, 16, 3) !important;
            text-decoration: none;
        }

    .dropdown-content li:hover {
        color: rgb(255, 16, 0) !important;
    }

    .dropdown-content li {
        color: black;
        text-align: right;
        list-style-type: none;
        line-height: 240%;

        font-size: small;
    }
    .dropdown-content li a:hover {
      margin-right:5px;
    }
.separator {
    margin: 0 10px 0 10px;
}

.r {
    text-align: right;
    padding: 0;
}

.search-form .btn {
    position: absolute;
    left: 0;
    top: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    z-index: 51;
}

.search-form .loader {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 68px;
}

.search::after {
    width: 15px;
}

.popover.bottom > .arrow:after {
    content: none;
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #c4c4c4;
    border-bottom-color: rgb(210, 210, 210);
}


.top-menu {
    background-color: #a5d122;
}

.ThemeColor {
    background-color: #a5d122;
}