@keyframes dropdown_popup_arrow{
    from {
        transform: rotateX(0deg);
    }

    to {
        transform: rotateX(180deg);
    }
}
@keyframes dropdown_popin_arrow{
    from {
        transform: rotateX(180deg);
    }

    to {
        transform: rotateX(0deg);
    }
}

mor-dropdown{
    display: inline-block;
    position: relative;

    mor-btn,
    mor-link{
        user-select: none;

        .mo-icon{
            font-size: @fontSize*1.875 !important;
            width: 10px;
            display: inline-block;
            vertical-align: top;
            transform-origin: center center !important;
        }
    }

    &.show{
        mor-btn,
        mor-link{
            .mo-icon{
                animation-name: dropdown_popup_arrow;
                animation-duration: 0.2s;
                animation-fill-mode: forwards;
            }
        }
    }

    &.hide{
        mor-btn,
        mor-link{
            .mo-icon{
                animation-name: dropdown_popin_arrow;
                animation-duration: 0.2s;
                animation-fill-mode: forwards;
            }
        }
    }

    // default status
    &{}
}

.mor-dropdown-popover{
    .popover-con .popover-body{
        padding: 0;
    }

    .btnlist{
        width: 100%;
        font-size: 0;
        transform-origin: top center;
        border-radius: @borderRadius;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

        mor-btn{
            white-space: nowrap;
            display: block;
            margin: 0;
            text-align: center;

            &:not(:first-child){
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }

            &:not(:last-child){
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
        }
    }
}