// /**
//  * Copyright Â© Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Actions -> Actions multicheck
//  _____________________________________________

//  Action multicheck is a combining of checkbox and dropdown elements

.action-multicheck-wrap {
    &:extend(.abs-clearfix all);
    display: inline-block;
    height: @control-checkbox-radio__size;
    padding-top: 1px;
    position: relative;
    width: @control-checkbox-radio__size * 2 - .1rem;
    z-index: @action-multicheck__z-index;

    &:hover {
        .admin__control-checkbox + label:before,
        .action-multicheck-toggle {
            border-color: @field-control__hover__border-color;
        }
    }

    &._active {
        .admin__control-checkbox + label:before,
        .action-multicheck-toggle {
            border-color: @action__active__border-color;
        }

        .action-menu {
            .appearing__on();
            display: block;
        }
    }

    &._disabled {
        .admin__control-checkbox {
            + label {
                &:before {
                    background-color: @control-checkbox-radio__background-color;
                }
            }
        }

        .admin__control-checkbox + label:before,
        .action-multicheck-toggle {
            border-color: @field-control__border-color;
            opacity: 1;
        }
    }

    .admin__control-checkbox,
    .admin__control-checkbox + label,
    .action-multicheck-toggle {
        float: left;
    }

    .action-multicheck-toggle {
        .action-toggle-triangle(
        @_triangle__height: @button-marker-triangle__height;
        @_triangle__width: @button-marker-triangle__width;
        );
        border-radius: 0 1px 1px 0;
        height: @control-checkbox-radio__size;
        margin-left: -1px;
        padding: 0;
        position: relative;
        transition: @smooth__border-color;
        width: @control-checkbox-radio__size;

        &:focus {
            border-color: @action__active__border-color;
        }

        &:after {
            right: .3rem;
        }

        > span {
            &:extend(.abs-visually-hidden all);
        }
    }

    .action-menu {
        left: -(@data-grid-cell__padding-horizontal + @data-grid-cell__border-width);
        margin-top: 1px;
        right: auto;
        text-align: left;
    }

    .action-menu-item {
        white-space: nowrap;
    }
}
