﻿.header-section {float: right;margin-top:10px;}
.header-section li {line-height: 30px;font-size: 1.7em;}
.header-section li a {color: #333333;}
.header-section::after {clear: both;display: block;content: '';}
.notification-menu {list-style: none; padding:30px 0;padding-left: 20px; background: url('../icons/user.png') no-repeat left 33px;}
.notification-menu li {display: inline-block;float: left;position: relative;}
.notification-menu .dropdown-toggle {padding: 12px 13px;border-color: #fff;background: #fff;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;border: none;}
.notification-menu .dropdown-toggle:hover,
.notification-menu .dropdown-toggle:focus,.notification-menu 
.dropdown-toggle:active,.notification-menu .dropdown-toggle.active,
.notification-menu .open .dropdown-toggle.dropdown-toggle {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.notification-menu .dropdown-menu {border: 1px solid #d9d9d7;background-color:white;width:108px;min-width:108px;padding: 5px;-moz-border-radius: 2px 0 2px 2px; -webkit-border-radius: 2px 0 2px 2px; border-radius: 2px 0 2px 2px;-moz-box-shadow: none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d7,direction=120,strength=3); /*ie*/-moz-box-shadow: 0 2px 3px #d9d9d7; /*firefox*/-webkit-box-shadow: 0 2px 3px #d9d9d7; /*safari或chrome*/box-shadow: 0 2px 3px #d9d9d7; /*opera或ie9*/}
.notification-menu .dropdown-menu:after {border-bottom: 6px solid #d9d9d7; border-left: 6px solid transparent; border-right: 6px solid transparent;content: "";display: inline-block; right: 10px;position: absolute;top: -6px;}
.notification-menu .dropdown-menu li {display:table-cell;vertical-align:middle;letter-spacing:5px;}
.notification-menu .dropdown-menu li a {vertical-align:middle;padding:2px 15px;color: #9c9c9c;font-size: 14px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-moz-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.notification-menu .dropdown-menu li a .fa {vertical-align:middle;width:15px;height:15px;line-height:30px;height:30px; margin-right:15px;display:inline-block;}
.notification-menu .dropdown-menu li a .fa-set {background: url('../icons/set_n.png') no-repeat center; }
.notification-menu .dropdown-menu li a .fa-out {background: url('../icons/exit_n.png') no-repeat center;}
.notification-menu .dropdown-menu li a:hover { background: #0cc3b3;color: #fff;}
.notification-menu .dropdown-menu li a:hover .fa-set {background: url('../icons/set_p.png') no-repeat center;}
.notification-menu .dropdown-menu li a:hover .fa-out {background: url('../icons/exit_p.png') no-repeat center;}
.notification-menu .dropdown-menu li a .fa-bars { color:#04C4B4;}
.notification-menu .dropdown-menu li a:hover .fa-bars {color: #fff;}

