@import "variables.css";

.tooltip {
    z-index: 99999 !important;
}

.tooltip-inner {
    min-width: 80px;
    max-width: 300px !important;
    text-align: left !important;
}

/*@media screen and (max-width: 740px) {
    .tooltip {
        display: none !important;
    }
}*/

.modal-content {
    /*PopUp*/
    background-color: var(--popup-background-color) !important;
}

.form-control {
    /*Inputs*/
    border: 1px solid var(--devextreme-inputs-border-color) !important;
    color: var(--basic-font-color) !important;
    background-color: var(--popup-background-color) !important;
}

.modal-header {
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
}

.modal-footer {
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
}

.table thead th {
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
    color: var(--basic-font-color) !important;
}

.table th, .table td {
    border-bottom: 1px solid var(--devextreme-inputs-border-color) !important;
    color: var(--basic-font-color) !important;
}

.table th, .table td {
    border-top: 1px solid var(--devextreme-inputs-border-color) !important;
}

.btn-danger {
    color: #fff !important;
}

.modal-title {
    font-size: 16px;
    text-transform: uppercase;
}