﻿.lynx-menu li{display: inline-block;margin: 0;padding: 0;float: right;position: relative;}
.lynx-menu > li > a{padding: 5px 15px 7px;margin: 0px 0 0px 0px;color: #fff;text-decoration: none;display: inline-block;border-radius: 3px;}
.lynx-menu > li:hover > a,.lynx-menu > li.active > a,.lynx-menu > li.dropdown-open > a{background: #555;color: #fff;border-bottom: 1px solid #e67e22}
.lynx-menu > li.right > a{margin-right: 0px;}
.lynx-menu > li.right{float: left;}
.lynx-menu ul li ul{top: 0;right: 170px;}
/** **/
.lynx-menu ul{top: 32px;right: 0px;border-top-right-radius: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.lynx-menu ul, .lynx-menu ul li ul{list-style: none;margin: 0;padding: 0;display: none;position: absolute;z-index: 999;width: 170px;background: #555;}
.lynx-menu ul li{clear:both;width:100%;font-size: 11px; color:#fff; font-family:'IRANSansWeb_Medium';}
.lynx-menu ul li a{width:100%;padding:8px 20px 8px;display:inline-block;float:right;clear:both;text-decoration: none;color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; text-align:right;}
.lynx-menu ul li:hover > a{background: #333;}
.lynx-menu ul li:first-child:hover > a{border-bottom: 1px solid #e67e22}
.lynx-menu ul li:last-child:hover > a{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-bottom: 1px solid #e67e22}
.lynx-menu ul > li .indicator{top: 7px;right: 150px;}
/** فونت به اضافه جلوی منوی بازشو**/
.lynx-menu > li .indicator{position: absolute;left: 6px;font-size: 12px;}
.lynx-menu > li.showhide{display: none;height: 35px;cursor: pointer;color: #999;background: #555;border-radius: 4px;}

@media only screen and (max-width: 950px){
.lynx-menu{padding: 10px 0;background: #555;}
.lynx-menu > li:not(.showhide){margin-top: 5px;}
.lynx-menu > li{padding-left: 10px;padding-right: 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; float:right; text-align:right; }
.lynx-menu li{display: block;width: 100%;}
.lynx-menu li a{display: block;width: 100%;margin: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.lynx-menu ul, .lynx-menu ul li ul{width: 100%;position: static;}
.lynx-menu > li > ul{margin-top: 0px;}
.lynx-menu > li > ul > li:last-child{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding-bottom: 15px;}
.lynx-menu ul li, .lynx-menu ul li ul li{background: #555;}
.grey ul li, .grey ul li ul li{background: #95a5a6;}
.blue ul li, .blue ul li ul li{background: #3498db;}
.green ul li, .green ul li ul li{background: #2ecc71;}
.red ul li, .red ul li ul li{background: #e74c3c;}
.orange ul li, .orange ul li ul li{background: #e67e22;}
.yellow ul li, .yellow ul li ul li{background: #febf01;}
.purple ul li, .purple ul li ul li{background: #9b59b6;}
.lynx-menu > li .indicator{top:6px;right: 13px;}
.lynx-menu ul > li .indicator{right: 20px;line-height: 24px;}
.lynx-menu > li > ul > li > a{padding-right: 40px;}
.lynx-menu > li > ul > li > ul > li > a{padding-right: 60px;}
.lynx-menu > li > ul > li > ul > li > ul > li > a{padding-right: 80px;}}


.lynx-menu > li.showhide span.icon{margin: 10px 0 0 20px;float: right;}
.lynx-menu > li.showhide .icon em{margin-bottom: 3px;display: block;width: 20px;height: 2px;background: #fff;}
/** فونت**/
.lynx-menu{width: 100%;padding: 0;margin: 0;position: relative;float: right;list-style: none;font-family:'IRANSansWeb_Medium';font-size: 12px;}
.lynx-menu a{-o-transition: background .3s linear;-webkit-transition: background .3s linear;-moz-transition: background .3s linear;transition: background .3s linear;outline: none;}
.green ul, .green ul li ul{background: #555;}
.green > li:hover > a, .green > li.active > a, .green > li.dropdown-open > a{background: #3b3b3b;color: #febf01;}
.green ul li:hover > a{background: #3b3b3b;border-bottom: 1px solid #e67e22;color: #fff;}
