﻿.container_dropdown_menu { margin: 0 auto; outline: none; position: relative; cursor:pointer; width:auto; float:right;}
    .container_dropdown_menu .dropdown { -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; /* Styles */ background: white; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: inherit; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); font-weight: normal; list-style: none; /* Hiding */ opacity: 0; pointer-events: none; /* Size & position */ position: absolute; right: 12px; top: 55px; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in;border-radius:8px; }
        .container_dropdown_menu .dropdown:after { border-color: #fff transparent; border-style: solid; border-width: 0 6px 6px 6px; bottom: 100%; content: ""; height: 0; position: absolute; right: 15px; width: 0; }
        .container_dropdown_menu .dropdown li a { -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1); color: #8aa8bd; display: block; padding: 10px; text-decoration: none; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
        .container_dropdown_menu .dropdown li i { color: inherit; float: right; }
        .container_dropdown_menu .dropdown.left {right:0;left:0;}
            .container_dropdown_menu .dropdown.left:after {left:12px;right:0;}
            .container_dropdown_menu .dropdown li:first-of-type a { border-radius: 7px 7px 0 0;}
        .container_dropdown_menu .dropdown li:last-of-type a { border: none; border-radius: 0 0 7px 7px; }

/* Hover state */
.container_dropdown_menu .dropdown li:hover a{ background: #f3f8f8; }

/* Active state */
    .container_dropdown_menu.active .dropdown { opacity: 1; pointer-events: auto; z-index: 99999; }

/* No CSS3 support */
.no-opacity .container_dropdown_menu .dropdown,
.no-pointerevents .container_dropdown_menu .dropdown { display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto; /* If pointer-events support but no pointer-events support */ }

.no-opacity .container_dropdown_menu.active .dropdown,
.no-pointerevents .container_dropdown_menu.active .dropdown{ display: block; }