@use "mixins" as *;
// общий стил для кнопки без заливки
// кнопки с обводкой
// кнопка для выпадающего меню

.btn-default{
    @include default_button-full;
    background: var(--DEFAULT);
    color: var(--WHITE);
}
.btn-primary{ 
    @include default_button-full;
    background: var(--PRIMARY);
    color: var(--WHITE);
}
.btn-success{
    @include default_button-full;
    background: var(--SUCCESS);
    color: var(--WHITE);
}
.btn-info{
    @include default_button-full;
    background: var(--INFO);
    color: var(--WHITE);
}
.btn-warning{
    @include default_button-full;
    background: var(--WARNING);
    color: var(--WHITE);
}
.btn-danger{
    @include default_button-full;
    background: var(--DANGER);
    color: var(--WHITE);
}

.btn-success:active,
.btn-success:focus,
.btn-info:focus,
.btn-info:active,
.btn-warning:focus,
.btn-warning:active
.btn-danger:active,
.btn-danger:focus{
    outline: none;
    border: none;
}
.btn-default:disabled,
.btn-primary:disabled,
.btn-success:disabled,
.btn-info:disabled,
.btn-warning:disabled,
.btn-danger:disabled{
    cursor: auto;
    background: var(--GRAY);
    opacity: .5;
    color: var(--MIDLE-GRAY);
}
// общий стиль без background
.light-btn-default{
    @include default_button-light;
    border: 2px solid var(--DEFAULT);
    color:  var(--DARK-GREY);
    img{
        width: 100%;
        height: 100%
    }
}
.light-btn-primary{
    @include default_button-light;
    border: 2px solid var(--PRIMARY);
    color: var(--PRIMARY);  
}
.light-btn-success{
    @include default_button-light;
    border: 2px solid var(--SUCCESS);
    color: var(--SUCCESS);
}
.light-btn-info{
    @include default_button-light;
    border: 2px solid var(--INFO);
    color: var(--INFO);
}
.light-btn-warning{
    @include default_button-light;
    border: 2px solid var(--WARNING);
    color: var(--WARNING);
}
.light-btn-danger{
    @include default_button-light;
    border: 2px solid var(--DANGER);
    color: var(--DANGER);
}

.light-btn-default:active,
.light-btn-default:focus,
.light-btn-primary:focus,
.light-btn-primary:active,
.light-btn-success:active,
.light-btn-success:focus,
.light-btn-info:focus,
.light-btn-info:active,
.light-btn-warning:focus,
.light-btn-warning:active
.light-btn-danger:active,
.light-btn-danger:focus{
    outline: none
}

.light-btn-default:disabled,
.light-btn-primary:disabled,
.light-btn-success:disabled,
.light-btn-info:disabled,
.light-btn-warning:disabled,
.light-btn-danger:disabled{
    cursor: auto;
    background: var(--WHITE);
    border: 2px solid var(--GRAY);;
    color: var(--GRAY);
    opacity: .5;
}

// progress-bar
.sln-progress-bar{
    width: 99%;
    position: absolute;
    left: 0px;
    bottom: 0;  
}
// action delete
.sln-bg-none{
    border: none;
    background: transparent;
    padding: 0;
}