@import "variables.css";

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

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

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

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

.btn-red:hover {
    background-color: #c82333 !important;
    text-decoration: none !important;
}

.btn-dark:hover {
    background-color: #323232 !important;
    text-decoration: none !important;
}

.btn-grey:hover {
    background-color: #cfcfcf !important;
    text-decoration: none !important;
}

.btn-basic:hover {
    background-color: var(--accordion-hover) !important;
    color: var(--button-color);
    text-decoration: none !important;
}

    .btn-basic-inactive {
        background-color: rgba(0,125,100,.4);
        box-shadow: none;
    }

    button:focus {
        outline: none !important;
    }

    .dx-button-mode-outlined {
        background-color: transparent !important;
        border-color: #ddd !important;
        color: #333 !important;
    }

    .dx-button-mode-outlined .dx-icon {
        color: #333 !important;
    }

.btn-basic#reset-btn {
    background-color: #DEDEDE !important;
}
.btn-basic#reset-btn:hover {
    background-color: #cfcfcf !important;
}