.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.ui-autocomplete {
    z-index: 5000;
    background: white;
    max-width: 766px;
}
/*
.form-select 
{
    padding: 0.5rem 1rem !important;
}*/

.form-label 
{
    margin-bottom: 0.1rem !important;
    font-weight: bold !important;
}

.input-group-text {
    background-color: #fff !important;
    border-color: #ced4da !important;
}

.input-group-text.bg-secondary-light {
        background-color: #dfe0e3 !important;
    }

.form-select:focus {
    background-color: rgba(243, 248, 250, 0.55) !important;
    border-color: rgba(0, 132, 255, 0.5) !important;
    box-shadow: 0px 0px 6px 1px rgba(0, 132, 255, 0.1) !important;
}


.tandoNav {
    background: #611232;
    color: #ffffff;
    box-shadow: 2px 2px 15px rgba(188, 189, 197, 0.1) !important;
    border-color: #dee2e6 !important;
}

    .tandoNav .metisMenu > li.active > .nav-thumbnail {
        background-color: #ffa600;
        background: linear-gradient(-90deg, #ffa600, #e89804);
        background: -webkit-linear-gradient(-90deg, #ffa600, #e89804);
    }

.page-header.page-portal.page-header-tando {
    background-color: #611232;
}

.page-header.whiteHeader.page-header.page-header-tando .sidenav-btn .navbar-toggler-icon {
    background-color: #611232;
}

    .page-header.whiteHeader.page-header.page-header-tando .sidenav-btn .navbar-toggler-icon:before, .page-header.whiteHeader.page-header.page-header-tando .sidenav-btn .navbar-toggler-icon:after {
        background-color: #611232;
    }

.page-aside .app-logo 
{
    background-color: #420c22 !important; 
}



.dropdown-menu 
{
    top: 100%;
}

.bg-tando 
{
    color: #fff;
    background-color: #611232;
}

.bg-tando-gris-1 {
    background-color: #34383d;
}

.bg-tando-gris-2 {
    background-color: #f5f5f5;
}

.border-tando-gris-1 {
    border-color: #34383d;
}



.border-tando {
    border-color: #611232 !important;
}

.btn.btn-tando {
    color: #fff;
    background-color: #611232;
    border-color: #6112323b;
}

    .btn.btn-tando:hover, .btn.btn-tando:focus:not(.disabled):not([disabled]), .btn.btn-tando.focus:not(.disabled):not([disabled]),
    .btn.btn-tando:active:not(.disabled):not([disabled]), .btn.btn-tando.active:not(.disabled):not([disabled]) {
        background-color: #580929;
        box-shadow: none;
        border-color: #6112323b;
        color: #fff;
    }

.avatar200 
{
    width: 200px !important;
    height: 200px !important;
    font-size: 60px !important;
}

.align-self-lg-center {
    align-self: center !important;
}

.nav-pills {
    border: 1px solid #ddd6d9 !important;
    border-radius: 0.25rem;
}

    .nav-pills > .nav-item {
        border-radius: 0.25rem;
    }

        .nav-pills > .nav-item:last-child > .nav-link.active {
            border-radius: 0 0.25rem 0.25rem 0;
        }

        .nav-pills > .nav-item:first-child > .nav-link.active {
            border-radius: 0.25rem 0 0 0.25rem;
        }


    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        background-color: #611232 !important;
        color: #fbfbfb !important;
    }

    .nav-pills .nav-link {
        color: #611232 !important;
    }


.table.p-0 tr > th, .table.p-0 tr > td 
{
    padding: 0 !important;
}

.customUi-checkbox.checkboxUi-primary label .label-checkbox {
    border-color: #2e88db !important;
}

.customUi-radio.radioUi-primary label .label-radio {
    border-color: #2e88db !important;
}

.resize-none {
    resize: none
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    /*background-color: #e9ecef;*/
    border-radius: 0.3rem;
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.img-product 
{
    width: 100%;
    height: auto;
    max-height: 130px;
}

.form-color
{
    height: 37px;
    padding: 8px;
}

table.dataTable.table-sm tbody th, table.dataTable.table-sm tbody td {
    padding: 0.25rem 0.25rem;
}
table .th-sm {
    max-width: 60px;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}