/* Select2 */
.select2 {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 36px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

.no-left-margin .section-container,
.no-left-margin .footer-container {
    margin-left: 0px !important;
}

.bg-gray-dark {
    background-color: #333 !important;
    color: #fff !important;
}

.topnavbar {
    background-color: #333;
    background-image: linear-gradient(to right, #333 0%, #333 100%);
}

.topnavbar .navbar-header .brand-logo>img,
.topnavbar .navbar-header .brand-logo-collapsed>img {
    margin: 0 auto;
    max-height: 35px;
}

.topnavbar .navbar-nav>.nav-item>.nav-link:hover,
.topnavbar .navbar-nav>.nav-item>.nav-link:focus,
.topnavbar .navbar-nav>.nav-item.show>.nav-link:hover,
.topnavbar .navbar-nav>.nav-item.show>.nav-link:focus {
    color: #ef9d00;
}

.sidebar-nav>li>a:focus,
.sidebar-nav>li>a:hover,
.sidebar-nav>li>.nav-item:focus,
.sidebar-nav>li>.nav-item:hover {
    color: #ef6900;
}

.sidebar-nav>li.active>.nav-item>em,
.sidebar-nav>li.active>a>em,
.sidebar-nav>li.open>.nav-item>em,
.sidebar-nav>li.open>a>em {
    color: #ef9d00;
}

.sidebar-nav>li.active,
.sidebar-nav>li.active>a,
.sidebar-nav>li.active>.nav-item,
.sidebar-nav>li.active .sidebar-nav,
.sidebar-nav>li.open,
.sidebar-nav>li.open>a,
.sidebar-nav>li.open>.nav-item,
.sidebar-nav>li.open .sidebar-nav {
    background: linear-gradient(to right, #333, #666);
    color: #ef9d00;
}

.sidebar-nav>li.active {
    border-left-color: #ef9d00;
}

.card-footer {
    background-color: #f8f8ff;
}

.btn-filter {
    /* margin-top: 31px; */
    align-self: end;
    margin-bottom: 1rem;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #ef9d00;
    border-color: #ef9d00;
}

#filter select {
    min-width: 50px !important;
}

.tabla-impuestos {
    width: 300px;
    float: right;
}

/* PRODUCTOS */
.sin-stock {
    display: none;
}

.table-striped tbody tr.sin-stock:nth-of-type(2n+1) {
    background-color: #fceabc;
}

.table-striped tbody tr.sin-stock {
    background-color: #fcf1d5;
}

@media (max-width: 767.98px) {
    .btn-filter {
        margin-top: 10px;
    }
}

/* Pedido proveedor */

.pp-status-1,
.pp-status-1:hover {
    background-color: #888888;
    border-color: #888888;
}

.pp-status-2,
.pp-status-2:hover {
    background-color: #ff902b;
    border-color: #ff902b;
}

.pp-status-3,
.pp-status-3:hover {
    background-color: #27c24c;
    border-color: #27c24c;
}

.pp-status-4,
.pp-status-4:hover {
    background-color: #f05050;
    border-color: #f05050;
}

.pp-status:hover {
    opacity: .9;
}

.pp-status-color-1,
.pp-status-color-1>i,
.pp-status-color-1:hover,
.pp-status-color-1>i:hover {
    background-color: #888888;
    border-color: #888888;
}

.pp-status-color-2,
.pp-status-color-2>i,
.pp-status-color-2:hover,
.pp-status-color-2>i:hover {
    background-color: #ff902b;
    border-color: #ff902b;
}

.pp-status-color-3,
.pp-status-color-3>i,
.pp-status-color-3:hover,
.pp-status-color-3>i:hover {
    background-color: #27c24c;
    border-color: #27c24c;
}

.pp-status-color-4,
.pp-status-color-4>i,
.pp-status-color-4:hover,
.pp-status-color-4>i:hover {
    background-color: #f05050;
    border-color: #f05050;
}

/* Fabricación */

.f-status-10,
.f-status-10:hover {
    background-color: #888888;
    border-color: #888888;
}

.f-status-20,
.f-status-20:hover {
    background-color: #ff902b;
    border-color: #ff902b;
}

.f-status-30,
.f-status-30:hover {
    background-color: #27c24c;
    border-color: #27c24c;
}

.f-status-40,
.f-status-40:hover {
    background-color: #cf1515;
    border-color: #cf1515;
}

.f-status:hover {
    opacity: .9;
}

.f-status-color-10,
.f-status-color-10>i,
.f-status-color-10:hover,
.f-status-color-10>i:hover {
    background-color: #888888;
    border-color: #888888;
}

.f-status-color-20,
.f-status-color-20>i,
.f-status-color-20:hover,
.f-status-color-20>i:hover {
    color: #27c24c;
    color: #27c24c;
}


/* Components */

.alert-success a {
    color: #fff;
    text-decoration: underline;
}

.card.border {
    border: 1px solid red !important;
}


/* Loading */

.loading {
    background: rgba(255, 255, 255, .5);
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.loading img {
    left: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

body.show-loading {
    overflow: hidden;
}

body.show-loading .loading {
    display: flex;
}


/* Dropzone */

.dropzone {
    border-style: dashed;
}

.dropzone .dz-default.dz-message {
    font-size: 1.2rem;
}