/*@media (min-width: 1200px)
{
    .container-fluid
    {
        max-width: 98% !important;
    }
}*/

body {
    background: #f0f2f7;
}

/*.form-control:focus {
    border-color: #71B6F9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}*/

.navbar-custom {
    background: #80282E !important;
}

    .navbar-custom .topnav-menu .nav-link {
        color: #fff !important;
    }

        .navbar-custom .topnav-menu .nav-link:hover {
            color: #ccc !important;
        }


a.footerLink {
    color: #80282E !important;
}

.btn:hover {
    color: #fff !important;
}

.btn-light:hover {
    color: #323a46 !important;
}

.form-error {
    border: 1px solid #ec3237 !important;
}

h4 {
    color: #80282E !important;
}

    h4.page-title {
        color: #323a46 !important;
    }

.form-error-message {
    color: #ec3237;
    font-size: 11px;
    display: block;
    padding: 0;
    margin: 0;
}

.table tbody td {
    vertical-align: middle !important;
}

table.dataTable thead {
    color: #343a40;
    background-color: #DEE2E6;
    border-color: #424c5c;
}

.dataTable tbody td:nth-child(3),
.dataTable tbody td:nth-child(4),
.dataTable tbody td:nth-child(5) {
    white-space: normal !important;
    word-wrap: break-word !important;
}

.table-bordered td, .table-bordered th {
    border-color: #dee2e6;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #F9F9F9;
}

table.dataTableAlterno thead {
    color: #fff;
    background-color: #10c469;
    border-color: #424c5c;
}

.table-gray thead {
    background-color: #DEE2E6 !important;
    border-color: #424c5c;
    color: #343a40;
}

.table-gray {
    width: 100% !important;
}

    .table-gray thead th {
        text-align: right !important;
    }

        .table-gray thead th.no-right {
            text-align: left !important;
        }

    .table-gray tfoot td.right {
        text-align: right !important;
    }

.tablitaPrecios tbody td {
    vertical-align: top !important;
}

.compritaFont {
    color: #80282E !important;
}

.tablitaPrecios tbody td:nth-child(1) {
    max-width: 10% !important;
    width: 10% !important;
    white-space: normal !important;
}

    .tablitaPrecios tbody td:nth-child(2) {
        max-width: 30% !important;
        width: 30% !important;
        white-space: normal !important;
    }

    .tablitaPrecios tbody td:nth-child(3) {
        max-width: 20% !important;
        width: 20% !important;
        white-space: normal !important;
    }

    .tablitaPrecios tbody td:nth-child(4),
    .tablitaPrecios tbody td:nth-child(5) {
        max-width: 20% !important;
        width: 20% !important;
        white-space: normal !important;
    }

.h-100-row {
    margin-bottom: 24px !important;
}

.fondo-pleaseWait {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    filter: alpha(opacity=20); /*Needed for IE*/
    -moz-opacity: 0.2; /*Older mozilla broswers like NN*/
    -khtml-opacity: 0.2; /*Old versions of Safari and "KHTML" browser engines*/
    opacity: 0.2; /*FF, Safari, and Opera*/
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    z-index: 9999;
}

.updateProgress {
    font-size: 30px;
    line-height: 30px;
    color: #FF5C00;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    bottom: 45%;
    left: 0;
}

.spinner-border, .spinner-grow {
    width: 6rem;
    height: 6rem;
}

.capitalizedText {
    text-transform: capitalize;
}



.cancelado {
    color: red;
}

.cortado {
    font-weight: bold;
}

.nav-tabs .nav-link {
    background: #f0f0f0 !important;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom-width: 0 !important;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background: #fff !important;
        font-weight: bold;
    }

.no-display {
    display: none !important;
}

#topnav .has-submenu.active > a {
    color: #80282E;
}

#topnav .has-submenu.active .submenu li.active > a {
    color: #80282E;
}

.navigation-menu > li > a:hover, .navigation-menu > li > a:focus, .navigation-menu > li > a:active {
    color: #80282E;
}

.navigation-menu > li:hover a {
    color: #80282E;
}

.navigation-menu > li > ul > li.has-submenu:active > a, .navigation-menu > li > ul > li.has-submenu:hover > a {
    color: #80282E;
}

.navigation-menu > li .submenu li a:hover {
    color: #80282E;
}

.page-item.active .page-link {
    background: #9c9c9c;
    border-color: #9c9c9c;
}

/*table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    background-color: #10c469 !important;
}*/


/*AutoComplete flyout */
.completionList {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(236, 50, 55, 0.25);
    margin: 0 0 0 1px !important;
    height: 100px;
    overflow: auto;
    background-color: #fcfcfc;
    font-family: "Open Sans", sans-serif;
    font-size: 0.85rem;
    padding: 0;
    font-weight: 300;
}

.listItem {
    color: #262626;
    padding: 0 5px;
    
}

.itemHighlighted {
    background-color: #80282E;
    border: 1px solid #80282E;
    color: #fff;
    padding: 0 5px;
}
/*end autocomplete*/

.displayBlock {
    display: block !important;
    width: 100%;
}

@media (min-width: 1200px) {
    .container-fluid {
        max-width: 99%;
    }
}

@media (max-width: 767.98px) {
    .footer .float-right {
        margin: 0 auto auto !important;
        float: none !important;
    }
}

@media (min-width: 1350px) and (max-width: 1366px) {
    .tblProductos tbody td:nth-child(1) {
        max-width: 120px !important;
        width: 120px !important;
        white-space: normal !important;
    }

    .tblProductos tbody td:nth-child(2) {
        max-width: 515px !important;
        width: 515px !important;
        white-space: normal !important;
    }
}

@media (max-width: 500px) {
    .logo .logo-lg-text-light {
        font-size: 19px !important;
    }
}