@import "variables";
@import "mixins";

$disabled-color: #c5c5c5;

#actions {
    color: white;
    background-color: $actions-background-color;
    min-height: $actions-height;

    md-icon {
        $icon-size: 20px;

        color: white;
        height: $icon-size;
        width: $icon-size;
        font-size: $icon-size;
    }

    span {
        line-height: 35px;
        font-size: 13px;
    }

    .actions-container {
        @include transition(all linear 200ms);
        opacity: 1;

        &.ng-hide-add, &.ng-hide-remove {
            display: flex !important;
        }

        &.ng-hide {
            opacity: 0;
        }

        .action[disabled] {
            color: $disabled-color;

            md-icon {
                color: $disabled-color;
            }
        }
    }
}