a[data-menupopup-id]{min-width:18px;min-height:18px;}
a[data-menupopup-id].active{display:inline-block;}
.top-menuPopup-trigger{position:relative;}
.top-menuPopup-trigger.active{}
.top-menuPopup-wrapper{position:absolute;z-index:10;}
.top-menuPopup{box-shadow:0 2px 10px rgba(0,0,0,0.2);border-radius:2px;border:1px solid #CCC;background:#fff;min-width:240px;position:absolute;animation:fadeIn .2s;-webkit-animation:fadeIn .2s;}
.top-menuPopup-wrapper.p1 .top-menuPopup{bottom:100%;}
.top-menuPopup-wrapper.p2 .top-menuPopup{left:100%;}
.top-menuPopup-wrapper.p3 .top-menuPopup{top:100%;}
.top-menuPopup-wrapper.p4 .top-menuPopup{right:100%;}
.top-menuPopup-wrapper.p2 .top-menuPopup,
.top-menuPopup-wrapper.p4 .top-menuPopup{margin-top:-10px;}
.top-menuPopup-wrapper.p1.with_notch .top-menuPopup{margin-bottom:13px;}
.top-menuPopup-wrapper.p2.with_notch .top-menuPopup{margin-left:13px;}
.top-menuPopup-wrapper.p3.with_notch .top-menuPopup{margin-top:13px;}
.top-menuPopup-wrapper.p4.with_notch .top-menuPopup{margin-right:13px;}
.top-menuPopup-wrapper .notch{border:7px solid transparent;position:absolute;}
.top-menuPopup-wrapper.p1 .notch{border-bottom:0;border-top:7px solid white;margin:0 0 7px -7px;bottom:100%;left:50%}
.top-menuPopup-wrapper.p2 .notch{border-left:0;border-right:7px solid white;margin:0 0 -7px 7px;bottom:50%;left:100%;}
.top-menuPopup-wrapper.p3 .notch{border-top:0;border-bottom:7px solid white;margin:7px 0 0 -7px;top:100%;left:50%;}
.top-menuPopup-wrapper.p4 .notch{border-right:0;border-left:7px solid white;margin:0 7px -7px 0;bottom:50%;right:100%;}
.top-menuPopup-wrapper.p1.with_footer .notch:not(.notch-border){border-top-color:#f5f5f5;}
.top-menuPopup-wrapper.p1 .notch-border{border-top-color:#CCC;margin-bottom:6px;}
.top-menuPopup-wrapper.p2 .notch-border{border-right-color:#CCC;margin-left:6px;}
.top-menuPopup-wrapper.p3 .notch-border{border-bottom-color:#CCC;margin-top:6px;}
.top-menuPopup-wrapper.p4 .notch-border{border-left-color:#CCC;margin-right:6px;}
.top-menuPopup .content{padding:10px 20px;margin:0;line-height:normal !important;list-style:none;}
.top-menuPopup ul.content{padding:0;}
.top-menuPopup ul.content a{border-top:1px solid #ECF0F1;background:#FFF;padding:5px 10px;color:#34495e !important;text-decoration:none;display:block;transition:background-color 0.14s ease-in-out;}
.top-menuPopup ul.content li:first-child a{border-top-right-radius:2px;border-top-left-radius:2px;border-top:none;}
.top-menuPopup ul.content li:last-child a{border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.top-menuPopup ul.content li:hover > a,
.top-menuPopup ul.content a:hover{background:#ECF0F1;}
.top-menuPopup ul.content a.active{background:#ECF0F1;}
.top-menuPopup .footer{border-top:1px solid #ccc;background:#f5f5f5;padding:10px 20px;text-align:right;white-space:nowrap;}
.top-menuPopup .footer a[class*=btn-]{margin-right:15px;}
.top-menuPopup .footer a[class*=btn-]:last-child{margin-right:0;}