/*------------------------------------------------------------*/
body{background-color: var(--body-bg-color)!important; color:var(--body-text-color)!important;}
label{color:var(--back-button);}
.table th, .table td {border-top: 1px solid var(--hr-color);}
.table thead th {border-bottom: 2px solid var(--hr-color);}

.LocationTitle{background-color:var(--location-title); color:#fff;}
.MenuHeader{background-color:var(--header-footer)!important;}
.TableName{color:var(--footer-button);}

#mydialog{background-color:#fff;border:1px solid var(--info-button);}
.mydialog_header{color:#fff; background-color:var(--info-button);}

@media (max-width: 992px) {
    #main_menu.navbar-collapse.show  {background-color: #fff; color:#202529;}
    #categories.collapse.show  { background-color: #fff; color:#202529;}
}

#menu_categories.collapse.show  {background-color: #fff;color:#202529;}
#groups .selectedGroup{color: var(--selected_cat)!important;}
#groups div:hover{color:#17a2b8;}
.modal-body{color:#202529!important;}

i.text-danger{color:var(--footer-cart-active)!important;}
.bg-inactive{color: var(--text-muted);}

.btn{background-color:white!important; border-color: white !important;}
.btn-info {
    color: #fff;
    background-color:var(--info-button)!important;
    border-color:var(--info-button)!important;
}
.btn-info:hover {
    color: #fff;
    background-color:var(--info-button)!important;
    border-color:var(--info-button)!important;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem var(--info-button)!important;
}

.bg-dark {background-color: var(--header-footer) !important;}
.btn-dark {
    color: var(--footer-button)!important;
    background-color: var(--header-footer)!important;
    border-color: var(--header-footer)!important;
}
.btn-dark:hover {
    color: var(--footer-button)!important;
    background-color: var(--header-footer)!important;
    border-color: var(--header-footer)!important;
}
.btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem var(--header-footer)!important;
}

.btn-success {
    color: #fff;
    background-color:var(--success-button)!important;
    border-color: var(--success-button)!important;
}

.btn-success:hover {
    color: #fff;
    background-color:var(--success-button)!important;
    border-color: var(--success-button)!important;
}
.btn-success:focus, .btn-dark.success {
    box-shadow: 0 0 0 0.2rem var(--success-button)!important;
}

.btn-secondary {
    color: #fff;
    background-color: var(--back-button)!important;
    border-color: var(--back-button)!important;
}

.btn-secondary:hover {
    color: #fff;
    background-color: var(--back-button)!important;
    border-color: var(--back-button)!important;
}
.btn-secondary:focus, .btn-dark.secondary {
    box-shadow: 0 0 0 0.2rem var(--back-button)!important;
}

.btn-warning {
    color: #fff;
    background-color: var(--order-button)!important;
    border-color: var(--order-button)!important;
}
.btn-warning:hover {
    color: #fff;
    background-color: var(--order-button)!important;
    border-color: var(--order-button)!important;
}
.btn-warning:focus, .btn-dark.warning {
    box-shadow: 0 0 0 0.2rem var(--order-button)!important;
}

.bg-secondary{ background-color:var(--back-button)!important;}
.text-muted{color:var(--text-muted)!important;}

.table-light, .table-light > th, .table-light > td {
    background-color: var(--body-bg-color);
}

.modal-header{
    background-color:var(--info-button);
    color:#fff;
}
.text-info{color:var(--order-button)!important}