@import "variables.css";

.btn-basic {
    background-color: var(--button-background-color);
    border-radius: var(--border-radius) !important;
    padding: var(--button-padding) !important;
    color: var(--button-color);
    border: none;
    /* line-height: 25px !important;*/
    text-transform: uppercase;
    font: var(--button-font);
    box-shadow: var(--button-shadow);
    /*min-height: 38px;*/
    cursor: pointer;
}

    .btn-basic:disabled,
    .btn-basic[disabled] {
        background-color: #bfbfbf !important;
        color: #6b6b6b !important; 
        cursor: not-allowed !important; 
        box-shadow: none !important; 
    }

        .btn-basic:disabled:hover,
        .btn-basic[disabled]:hover {
            background-color: #bfbfbf !important;
            color: #6b6b6b !important;
        }



.btn-basic-secondary {
    background-color: #5c5c5c !important;
    border-radius: var(--border-radius) !important;
    padding: var(--button-padding) !important;
    color: var(--button-color);
    border: none;
    /* line-height: 25px !important;*/
    text-transform: uppercase;
    font: var(--button-font);
    box-shadow: var(--button-shadow);
    /*min-height: 38px;*/
    cursor: pointer;
}


.btn-basic:hover {
    background-color: var(--button-background-color-hover);
    color: #ffffff !important;
}

.btn-basic-inactive {
    background-color: #F3F3F3 !important;
    border-radius: var(--border-radius) !important;
    padding: var(--button-padding) !important;
    color: #b0b0b0;
    border: 1px solid #DBDCDF;
    line-height: 25px !important;
    text-transform: uppercase;
    font: var(--button-font);
    box-shadow: none;
    min-height: 38px;
    cursor: default;
}

.dxbDisabled:hover {
    background-color: #F3F3F3 !important;
    color: var(--gridview-btn-color-disabled) !important;
    box-shadow: none;
}

button:focus {
    outline: none !important;
}

.btnremove:hover {
    color: red;
    cursor: pointer;
}

.btn-green {
    background-color: #d2d800 !important;
    color: #25292a;
}

.btn-green:hover {
    background-color: #cad002 !important;
    color: #25292a;
    border-radius: var(--border-radius) !important;
    padding: var(--button-padding) !important;
    color: var(--button-color);
    border: none;
    /* line-height: 25px !important;*/
    text-transform: uppercase;
    font: var(--button-font);
    box-shadow: var(--button-shadow);
    /*min-height: 38px;*/
    cursor: pointer;
}