:root{
    --color-black: #2C2A29;
    --color-seagreen: #01C1BD;
    --color-white: #fff;
    --border-radius-fields: 0.125em;
}
.no-margin{margin: 0 !important;}
.no-padding{padding: 0 !important;}
.seagreen {
    color: var(--color-seagreen);
}
/*New fonts*/
@font-face {
    font-family: 'Akzidenz-Grotesk Next';
    src: url('../fonts/AkzidGrtskNext-Regular.eot');
    src: url('../fonts/AkzidGrtskNext-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AkzidGrtskNext-Regular.woff2') format('woff2'),
        url('../fonts/AkzidGrtskNext-Regular.woff') format('woff'),
        url('../fonts/AkzidGrtskNext-Regular.ttf') format('truetype'),
        url('../fonts/AkzidGrtskNext-Regular.svg#AkzidGrtskNext-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.bgWhite {
    background-color: #fff!important;
}
.new-de{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: var(--color-black);
}
.new-de.bg-home{
    background: url(../img/bg-home.jpg) ;
    background-size: cover;
    background-position: top center;
    /*display: block;
    height: auto;*/
}
.new-de a{
    color: var(--color-black);
}
/*.new-de header{
    -webkit-box-shadow: 1px 0px 5px #ccc;
    -moz-box-shadow: 1px 0px 5px #ccc;
    box-shadow: 1px 0px 5px #ccc;
}*/
.new-de .navbar .container-fluid{
    padding: 0;
}
.new-de .navbar-header{
    float: none;
    font-size: 1.25rem;
    padding: 16px 1rem;
    -webkit-box-shadow: 1px 0px 5px #ccc;
    -moz-box-shadow: 1px 0px 5px #ccc;
    box-shadow: 1px 0px 5px #ccc;
    box-sizing: border-box;
}
.new-de .navbar-inverse .navbar-collapse{
    border-bottom: 1px solid #e5e5e5;
}
.new-de .navbar-inverse .navbar-brand{
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    float: none;
    justify-content: center;
    left: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
}
.new-de .centerLogo {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.new-de .logo{
    padding: 1rem 0;
    max-width: 121px;
}
.new-de .title-header{
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
}
.new-de ul.info-user {
    margin: 0;
    padding: 0;
    float: right;
}
.new-de ul.info-user .dropdown-menu{
    margin: 16px 0 0 0;
}

.new-de ul.info-user .dropdown-menu .countriesList {
    margin: 15px -4px -4px -159px;
}

.new-de ul.info-user > li > a, .new-de ul.info-user > li .divider{
    color: var(--color-black);
}
.new-de ul.language {
    margin: 0;
    padding: 0;
    float: right;
}
.new-de .nav.navbar-nav{
    display: flex;
    float: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    list-style: none;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 18px;
}
.new-de .navbar-inverse .navbar-nav > .active > a{
    background-color: transparent;
    color: var(--color-seagreen);
    font-weight: bold;
}
.new-de .navbar-inverse .navbar-nav > li{
    padding: 1rem 0;
}
.new-de .navbar-inverse .navbar-nav > li > a{
    color: var(--color-black);
}
.new-de .navbar-inverse .navbar-nav>li>a:hover, 
.new-de .navbar-inverse .navbar-nav>li>a:focus{
    color: var(--color-seagreen);
}
.new-de .navbar-inverse .navbar-nav > .active > a, 
.new-de .navbar-inverse .navbar-nav > .active > a:hover, 
.new-de .navbar-inverse .navbar-nav > .active > a:focus, 
.new-de .navbar-inverse .navbar-nav > .open > a, 
.new-de .navbar-inverse .navbar-nav > .open > a:hover, 
.new-de .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
}
.new-de .navbar-inverse .navbar-nav .dropdown-menu {
    background-color: #ffff;
    margin: 0;
    padding: 0 1rem;
}
.new-de .navbar-inverse .navbar-nav .dropdown-menu > li > a {
    color: var(--color-black);
    text-transform: initial;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a{
    background-color: transparent;
    color: var(--color-seagreen);
}
.new-de .container-login{
    background-color: var(--color-white);
    color: var(--color-black);
}
.new-de #login-content{
    box-shadow:none;
    margin: 0;
    color: var(--color-black);
}
.new-de .form-control{
    border-radius: var(--border-radius-fields);
    border-color: var(--color-black);
    padding: 8px 12px;
    color: var(--color-black);
}
.new-de .form-control:focus {
    box-shadow: inset 0 0 0 1px #2c2a29;
    -webkit-box-shadow: inset 0 0 0 1px #2c2a29;
    outline: 0;
}
.new-de label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}
.new-de .btn{
    padding: 8px 12px;
    text-transform: uppercase;
}
.new-de .btn-primary{
    background-color: var(--color-black);
    border-color: transparent;
    border-radius: var(--border-radius-fields);
}
.new-de .btn-primary:hover:not(:disabled):not(.is-disabled) {
    background-color: rgb(72, 68, 66);
    border-color: #2c2a29;
    box-shadow: inset 0 0 0 1px #fff;
}
.new-de .btn-primary[disabled], .new-de .btn-primary.disabled{
    cursor: not-allowed;
    filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
}
.new-de a:hover, .new-de a:focus {
    color: #009ca6;
    text-decoration: none;
    outline: none;
}
.new-de .container{
    margin: 0 auto;
}
.new-de .welcome h1, .new-de .welcome h2, .new-de .welcome p{
    color: white;
}
.new-de .welcome h1{
    font-size: 4rem;
    font-weight: bold;
}
.new-de .welcome p{
    font-size: 2rem;
}
.new-de .welcome {
    padding: 8rem 0 5rem 0;
}
.new-de .welcome .label-segreen {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 2rem;
    font-weight: normal;
    background-color:var(--color-seagreen);
    border-radius: 16px;
}
.new-de .media-title{
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
}
.new-de .media-list.seagreen{
    background: white;
    border-radius: 8px;
}
.new-de .media-list.seagreen .icon-section{
    padding: 2rem 2.5rem;
    border-radius: 8px 0 0 8px;
    background-color: rgb(1 193 189 / 13%);
}
.new-de .media-list.seagreen .icon-section svg{
    fill:var(--color-seagreen)
}
.new-de .media-stretch{
    display: flex;
    align-items: stretch;
}
.new-de .media-body{
    display: flex;
    align-items: left;
    flex-direction: column;
    font-size: 1.2rem;
    justify-content: center;
    padding: 0 1rem;
}
.new-de .media-body i{
    margin-right: 4px;
}
/*.new-de .media-body a{
    text-decoration: underline;
}*/
.new-de .shortcut .media-list svg{
    transition: all ease-in .2s;
}
.new-de .shortcut .media-list:hover svg{
    /* -webkit-box-shadow: 1px 2px 20px -4px var(--color-black);
    -moz-box-shadow: 1px 2px 20px -4px var(--color-black);
    box-shadow: 1px 2px 20px -4px var(--color-black); */
    width: 28px;
    height: 28px;
}
.new-de #footer{
    background: #eeeeee ;
    color: #707070;
    font-size: 1.25rem;
    height: auto;
    padding: 1.5rem;
}

/*Menú dropdown*/
.new-de .dropdown-menu{
    padding: 8px;
}
.new-de .dropdown-menu>li>a {
    padding: 4px;
}
.new-de .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: var(--color-seagreen);
    background-color: transparent;
    text-decoration: none;
}

/*Mobile*/
.new-de .navbar-toggle{
    border-width: 0;
    border-radius: 0;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    padding: 4px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
}
.new-de .navbar-inverse .navbar-toggle .icon-bar{
    background-color: var(--color-black);
}

@media only all and (max-width: 767px) {
    .new-de .info-user .dropdown-toggle .user-name{
        visibility: hidden;
    }
    .new-de .info-user .dropdown-toggle i{
        font-size: 1.8rem;
    }
    .new-de .nav.navbar-nav{
        flex-direction: column;
    }
    .new-de .navbar-inverse .navbar-nav > li {
        padding: 0.5rem 0;
        border-bottom: 1px  solid #eeeeee;
    }
    .new-de .navbar-inverse .navbar-nav > li i{
        float: right;
    }
    .new-de .navbar-inverse .navbar-brand{
        justify-content: center;
        margin-left: 13%;
        top: 3px;
        width: 75%;
    }
    .new-de.login .navbar-inverse .navbar-brand{
        margin-left: 16px;
    }
    .new-de .title-header{
        display: none;
    }
    .new-de .container-login{
        padding-top: 0.5rem;
    }
    .new-de .welcome{
        padding: 0 0 1rem 0;
        text-align: center;
    }
    .new-de .welcome h1{
        font-size: 3rem;
    }
    .new-de .welcome p{
        font-size: 1.8rem;
    }
    .new-de .shortcut-list {
        background: #01c1bd;
    }
  }
  
@media (min-width: 1200px){
    .new-de .container {
        max-width: 992px;
    }
}

@media (min-width: 992px){ 
  .paddingTop-content {
   padding-top: 30px;
  }
}

@media (min-width: 1200px){ 
  .paddingTop-content {
   padding-top: 30px;
  }
}

.hidden-toggle-menu button {
	visibility: hidden;
}

.d-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-container {
    display: flex;
    justify-content: center;
    margin-left: 10px;
}

.table-responsive {
    position: relative;
    overflow-y: auto;
}

.table-dataPrices{
    padding: 3px;
}

.table-fixed-header {
    position: relative;
}

.table-fixed-header tbody>tr>th,
.table-fixed-header tbody>tr>td {
    padding: 2px;
}

.table-fixed-header thead {
    position: sticky;
    top: 0;
    background-color: rgb(0, 0, 0);
    z-index: 1;
}

.selected-items-container {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

.selected-item {
    display: inline-block;
    background-color: #e7f3e7;
    border: 1px solid #9bcb8d;
    border-radius: 4px;
    padding: 0px 5px;
    margin-right: 5px;
}

.selected-item button {
    border: none;
    background: none;
    color: red;
    cursor: pointer;
    font-size: 15;
}

.selected-item button:hover {
    color: darkred;
}

.highlight-row {
    background-color: #a2a2a2;
}

.col-select {
    width: 10%;
}

.col-customer-class {
    width: 10%;
}

.col-description {
    width: 80%;
}

.btn-showing {
    background-color: #84E67F !important;
}
  
.btn-hiding {
    background-color: #ff6a6a !important;
}
  

.actionsQty-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.actionsQty-container input {
    text-align: center;
    width: 50px;
    margin: 0 5px;
}

.actionsQty-container button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0 5px;
    font-size: 10px;
}

.actionsPurchases-container button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0 5px;
    font-size: 18px;
}

.table-pending {
    background-color: #fa959e !important;
}

.table-received {
    background-color: #a9f6bb !important;
}

.table-rejected {
    background-color: #bdbcbc !important;
}

.totals-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-right: 30%;
}

.totals-table {
    width: 40%;
}

.input-group {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.btn-control {
    border: none;
    background: none;
    padding: 5px;
    cursor: pointer;
    font-size: 18px;
}

.btn-control:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.button-group {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.button-group button {
    display: block;
    width: 100%;
    max-width: 200px;
}

.highlight {
    background-color: #dff0d8 !important;
    transition: background-color 0.5s ease;
}

.breadcrumb-container {
  background-color: #f5f5f5;
}

.breadcrumb-ol-container {
    padding: 0;
}

.breadcrumb-item {
  display: inline;
}

.breadcrumb-item a {
  text-decoration: none;
  color: #007bff;
}

.standard-table th {
    white-space: nowrap;
}

.standard-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.standard-table tbody tr:nth-child(even) {
    background-color: #d3d0d0;
}

.standard-table tbody tr:hover {
    background-color: #d3d0d0 !important;
}

.table-filterProduct-responsive {
    /* min-width: 500px; */
    /* max-width: 800px; */
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#tablaProductosEncontrados thead {
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

#tablaProductosEncontrados th {
    padding: 8px;
    text-align: center;
}

#tablaProductosEncontrados th,
#tablaProductosEncontrados td {
    padding: 2px 6px;
    white-space: nowrap;
}

.position-relative {
    position: relative;
}

.scroll-arrow {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    font-weight: bold;
    color: #555;
    background: rgba(255, 255, 255, 0.8);
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 20;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.up-arrow {
    top: 24px;
}

.down-arrow {
    bottom: -10px;
}

/* menu */

.new-de ul.info-user .dropdown-menu-left{
    margin: -20px 15px 10px -175px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 175px;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus-within > .dropdown-menu {
    display: block;
}

.dropdown-menu-left {
    min-width: 175px;
    text-align: left;
}