.mr-5 {
    margin-right: 5px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.header{
    margin-bottom: 0px;
}

.active-1-primary{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 1px solid #ebebeb !important;
    border-color: #33cabb !important;

}

.active-2-primary{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 2px solid #ebebeb !important;
    border-color: #33cabb !important;

}

.active-3-primary{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 3px solid #ebebeb !important;
    border-color: #33cabb !important;

}

.active-4-primary{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 4px solid #ebebeb !important;
    border-color: #33cabb !important;

}

.active-1-info{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 1px solid #ebebeb !important;
    border-color: #48b0f7 !important;

}

.active-2-info{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 2px solid #ebebeb !important;
    border-color: #48b0f7 !important;

}

.active-3-info{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 3px solid #ebebeb !important;
    border-color: #48b0f7 !important;

}

.active-4-info{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 4px solid #ebebeb !important;
    border-color: #48b0f7 !important;

}

.active-1-warning{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 1px solid #ebebeb !important;
    border-color: #faa64b !important;

}

.active-2-warning{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 2px solid #ebebeb !important;
    border-color: #faa64b !important;

}

.active-3-warning{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 3px solid #ebebeb !important;
    border-color: #faa64b !important;

}

.active-4-warning{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 4px solid #ebebeb !important;
    border-color: #faa64b !important;

}

.active-1-danger{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 1px solid #ebebeb !important;
    border-color: #f96868 !important;

}

.active-2-danger{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 2px solid #ebebeb !important;
    border-color: #f96868 !important;

}

.active-3-danger{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 3px solid #ebebeb !important;
    border-color: #f96868 !important;

}

.active-4-danger{

    color: #4d5259;
    background-color: #f5f6f7;
    text-decoration: none;
    border-left: 4px solid #ebebeb !important;
    border-color: #f96868 !important;

}

.dropify-render img{
    border-radius: .25rem!important;
}

.card-loading.reveal {
    opacity: 1;
    z-index: 999999;
}

@font-face {
    font-family: 'erudus';
    src: url("../../fonts/erudus.eot?c2k7nf");
    src: url("../../fonts/erudus.eot?c2k7nf#iefix") format("embedded-opentype"), url("../../fonts/erudus.ttf?c2k7nf") format("truetype"), url("../../fonts/erudus.woff?c2k7nf") format("woff"), url("../../fonts/erudus.svg?c2k7nf#erudus") format("svg");
    font-weight: normal;
    font-style: normal; }

.erudus-amber {
    color: #f0ad4e; }

.erudus-red {
    color: #d9534f; }

.erudus-green {
    color: #5cb85c; }

.eicon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'erudus' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 46px;
    color: #d3d3d3;
    display: inline-block;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 3px;
}
.eicon.eicon-small {
    font-size: 28px; }

.eicon-small .eicon {
    font-size: 28px; }

.allergen-level-may .eicon {
    color: #f0ad4e; }

.allergen-level-yes .eicon {
    color: #d9534f; }

.suitable-level-yes .eicon {
    color: #5cb85c; }

.eicon-list {
    list-style: none;
    padding: 0;
    text-align: left;
    position: relative; }
.eicon-list li {
    position: relative;
    display: inline-block;
    zoom: 1;
    text-align: center;
    width: 46px;
    font-size: 10px;
    color: #d3d3d3;
    margin-bottom: 12px;
    vertical-align: top;
    margin-right: 3px;
}
.eicon-list li.allergen-level-may {
    color: #f0ad4e; }
.eicon-list li.allergen-level-yes {
    color: #d9534f; }
.eicon-list li.suitable-level-yes {
    color: #5cb85c; }
.eicon-list.eicon-small li {
    width: 28px;
    margin-right: 6px;
    font-size: 6px; }

.eicon-halal:before {
    content: "\e900"; }

.eicon-kosher:before {
    content: "\e901"; }

.eicon-vegan:before {
    content: "\e902"; }

.eicon-crustaceans:before {
    content: "\e903"; }

.eicon-gluten:before {
    content: "\e904"; }

.eicon-vegetarian:before {
    content: "\e905"; }

.eicon-celery:before {
    content: "\e906"; }

.eicon-lupin:before {
    content: "\e907"; }

.eicon-sesame:before {
    content: "\e908"; }

.eicon-so2:before {
    content: "\e909"; }

.eicon-fish:before {
    content: "\e90a"; }

.eicon-molluscs:before {
    content: "\e90b"; }

.eicon-mustard:before {
    content: "\e90c"; }

.eicon-eggs:before {
    content: "\e90d"; }

.eicon-milk:before {
    content: "\e90e"; }

.eicon-nuts:before {
    content: "\e90f"; }

.eicon-peanuts:before {
    content: "\e910"; }

.eicon-cereal:before {
    content: "\e911"; }

.eicon-circle-kosher:before {
    content: "\e912"; }

.eicon-soya:before {
    content: "\e913"; }

.eicon-circle-halal:before {
    content: "\e914"; }

.eicon-circle-vegan:before {
    content: "\e915"; }

.eicon-circle-vegetarian:before {
    content: "\e916"; }

.eicon-circle-celery:before {
    content: "\e917"; }

.eicon-circle-crustaceans:before {
    content: "\e918"; }

.eicon-circle-gluten:before {
    content: "\e919"; }

.eicon-circle-so2:before {
    content: "\e91a"; }

.eicon-circle-lupin:before {
    content: "\e91b"; }

.eicon-circle-mustard:before {
    content: "\e91c"; }

.eicon-circle-sesame:before {
    content: "\e91d"; }

.eicon-circle-eggs:before {
    content: "\e91e"; }

.eicon-circle-fish:before {
    content: "\e91f"; }

.eicon-circle-molluscs:before {
    content: "\e920"; }

.eicon-circle-cereal:before {
    content: "\e921"; }

.eicon-circle-milk:before {
    content: "\e922"; }

.eicon-circle-nuts:before {
    content: "\e923"; }

.eicon-circle-peanuts:before {
    content: "\e924"; }

.eicon-circle-soya:before {
    content: "\e925"; }

.custom-checkbox .custom-control-label:empty::after {
    top: 0px;
}

.nav-process-iconic .nav-link::before {
    background-color: #efefef;
}

.nav-process-iconic .nav-link {
    background-color: #efefef;
}
ul.botonesPmIngredientes {
    list-style-type: none;
}
input#botonNuevoVinculo{
    margin-top:5%
}
.generarMasterProd{
    width:225px !important;
}
.botonModificarStock{
    width:245px !important;
}
.botonCrearStock{
    width:230px !important;
}
.js--suggested-product-card{
    width:30rem ;
}
.js--quantity_suggested_product{
    width:55px;
}
.js--card{
    margin-bottom: 0px;
    margin-left:-45px;
}
.js--select_product{
    margin-left:15px;
}
.checkboxTitle{
    font-size: 15px;
}
.widthCardBody{
    width: 60% ;
}
.cardFooter{
    line-height: 14.5px;
    font-size: 13px;
}
.bigScreen{
    display:none !important;
}
.buttonStockAlignment{
    margin-left: auto;
    margin-bottom: 10px;
}
.buttonCenterAlignment{
    margin: 0 auto;
    text-align: center;
    width:100px;
}
td.stockBrand{
    border-top:none;
}
td.stockWeight{
    border-top:none;
}
td.stockUser{
    border-top:none;
}
td.stockDeviation{
    border-top:none;
}
.linkedPProduct{
    margin-left: 10%;
}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    .buttonCenterAlignment{
        margin: unset;
        text-align: unset;
        width:100px;
    }

    .btn-responsive {
        padding:2px 4px;
        font-size: 400% !important;
        line-height: 1;
    }

	/* Force table to not be like tables anymore */
    table.productosMaestros, thead.productosMaestros, tbody.productosMaestros,
    th.productosMaestros, td.productosMaestros, tr.productosMaestros,
    table.deviationProds, thead.deviationProds, tbody.deviationProds,
    th.deviationProds, td.deviationProds, tr.deviationProds,
    table.movementProds, thead.movementProds, tbody.movementProds,
    th.movementProds, td.movementProds, tr.movementProds {
		display: block;
    }

	.smallScreen{
        display:none !important;
    }
    .bigScreen{
        display:block !important;
    }
	/* Hide table headers (but not display: none;, for accessibility) */
    thead.productosMaestros tr.productosMaestros,
    thead.deviationProds tr.deviationProds,
    thead.movementProds tr.movementProds
    {
        position: absolute;
		top: -9999px;
		left: -9999px;
	}

    tr.productosMaestros, tr.deviationProds, tr.movementProds {
        border: 1px solid #ccc;

    }

    td.productosMaestros
    {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;
        text-align: left !important;
    }

    td.deviationProds
    {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;
        text-align: left !important;
    }

    td.movementProds {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;
        text-align: left !important;
    }

    th.productosMaestros {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;

    }

    th.deviationProds {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;

    }

    th.movementProds {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;

    }

    td.productosMaestros:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        text-align: left !important;
    }

    td.deviationProds:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        text-align: left !important;
    }

    td.movementProds:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        text-align: left !important;
    }

    th.productosMaestros:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
    }

    th.deviationProds:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
    }

    th.movementProds:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
    }

    input.productosMaestros{
        width: 60% !important;
    }

    th.productosMaestros:nth-of-type(1):before { content: "Nombre"; }
	td.productosMaestros:nth-of-type(2):before { content: "Fecha Inv."; }
    td.productosMaestros:nth-of-type(3):before { content: "Ubicación"; }
    td.productosMaestros:nth-of-type(4):before { content: "Stock"; }
	td.productosMaestros:nth-of-type(5):before { content: "Stock Parcial"; }
	td.productosMaestros:nth-of-type(6):before { content: "Acciones"; }

    th.deviationProds:nth-of-type(1):before { content: "Producto"; }
    td.deviationProds:nth-of-type(1):before { content: "Almacen"; }
	td.deviationProds:nth-of-type(2):before { content: "Stock Real"; }
    td.deviationProds:nth-of-type(3):before { content: "Stock Teórico"; }
	td.deviationProds:nth-of-type(4):before { content: "Fecha"; }
	td.deviationProds:nth-of-type(5):before { content: "Usuario"; }
    td.deviationProds:nth-of-type(6):before { content: "Desviación"; }

    td.movementProds:nth-of-type(1):before { content: ""; }
    td.movementProds:nth-of-type(2):before { content: "Producto"; }
    td.movementProds:nth-of-type(3):before { content: "Proveedor"; }
	td.movementProds:nth-of-type(4):before { content: "Lote"; }
    td.movementProds:nth-of-type(5):before { content: "Caducidad"; }
	td.movementProds:nth-of-type(6):before { content: "Stock Teórico"; }
	td.movementProds:nth-of-type(7):before { content: "Stock Real"; }
    td.movementProds:nth-of-type(8):before { content: "Acciones"; }

}

.js--suggested-product-card {
    margin: 10px 0 5px 0;
    background-color: #FAFAFA;
    border-bottom: 1px solid #ccc;
}

.js--suggested-product-card .cardFooter {
    padding-top: 3px;
}

.js--suggested-product-card .widthCardBody {
    width: 100%;
}
.marginCheckboxAll {
    margin-bottom: .5rem;
    margin-left: .5rem
}
.mobileButtonAlignment {
    margin-left: auto;
}

.left-0 {
    margin-left: 0px;
}
.right-0 {
    margin-right: 0px;
}
/* #### TABLE 01 */

.table-custom-01 .title-row {
    display:none;
}
.table-custom-01 {
    padding-top: 8px;
}

@media (max-width: 750px) {
    .table-custom-01 .float-right, .text-right {
        float: left !important;
        text-align: left !important;
    }
    .table-custom-01 #title-table {
        display: none;
    }
    .table-custom-01 .title-row {
        display: inline;
    }
    .table-custom-01 {
        padding-top: 20px;
    }
}
/* #### END TABLE */

.badge-product-type-min {
    background-color: #E53B51;
}

.badge-product-type-max {
    background-color: #FFCE56;
}

.badge-product-type-min-ideal {
    background-color: #00A9E0;
}

.badge-product-type-ideal-max {
    background-color: #4DB788;
}

.tc-product-type-min {
    color: #E53B51 !important;
}

.tc-product-type-max {
    color: #FFCE56 !important;
}

.tc-product-type-min-ideal {
    color: #00A9E0 !important;
}

.tc-product-type-ideal-max {
    color: #4DB788 !important;
}
.modal-datepicker{
    z-index: 9999;
}

.max-height-300 {
    max-height: 300px;
}

.h-38 {
    height: 38px;
}

.loading-bar {
    background: #f6f7f7; width: 100%; height: 20px; max-width: 250px; border-radius: 4px;
}

.font-weight-100 {
    font-weight: 100;
}

.brl-gray {
    border-left: 1px solid rgba(77,82,89,0.03);
    border-right: 1px solid rgba(77,82,89,0.03);
}

.inventory-table-border th{
    border-top: 1px solid #98ebe2 !important;
}

.productosMaestros .shadow td, .productosMaestros .shadow th{
    background: #f8f8f8;
}

td.inventory-row-container{
    border-top: none;
}

.inventory-table-border{
    border: 1px solid #98ebe2 !important;
    background: #FFF;
}

.inventory-table-border th, .inventory-table-border td{
    background: #FFF;
}

.scroll-auto {
    overflow: auto;
}

.spinner-circle-small {
    /* Usa la clase spinner-circle y asta para reducir el tamaño */
    width: 20px !important;
    height: 20px !important;
}

.background-transparent-important {
    background: transparent !important;
}
@media (max-width: 480px) {
    .input-group-quantity-product {
        display: block;
        width: 50% !important;
    }
}

@media (max-width: 600px) {
    .provider-order-link-mobile{
        display:block;
        padding:15px;
        border: 1px solid aquamarine;
        text-align: center;
    }
    .dashboard-basket-icon{
        padding: 5px;
        font-size: 1.5em;
    }

    .topbar-btns .topbar-btn {
        line-height: 35px;
    }

    .topbar-btns .topbar-btn.has-new i::after {
        content: '';
        position: absolute;
        top: 0px;
        right: 1px;
        display: inline-block;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        border: 2px solid #fff;
        background-color: #f96868;
    }
    .topbar-title {
        font-size: 1.25rem;
    }
}
.order-state-success{
    padding: 5px 10px;
    border: 1px solid #15c377;
}
.order-state-default{
    padding: 5px 10px;
    border: 1px solid #616a78;
}
.order-state-warning{
    padding: 5px 10px;
    border: 1px solid #faa64b;
}
.order-state-danger{
    padding: 5px 10px;
    border: 1px solid #f96868;
}
.order-state-info{
    padding: 5px 10px;
    border: 1px solid #48b0f7;
}

@media (min-width: 225px){

    .input-order-sheet{
        display:block;
    }
}
.toast .text{
    max-width: 80% ;
    white-space: pre-line ;
}
.button-unit-color{
    color: #8b95a5 !important;
}

.delivery-note-card-title {
    float:left;
    padding-left:20px;
    margin-right:4px;
}

.fix-top {
    margin-top:-9px;
    margin-bottom: -9px;
}

.spinner-modal-loading{
    margin-left: 40%;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Tooltip simple por css ya que el tooltip de la plantilla no funciona si se genera x ajax */
.tooltip-simple {
    position: relative;
    display: inline-block;
}

.tooltip-simple-may .tooltiptext {
    background-color: #f0ad4e;
    color: #fff;
}

.tooltip-simple-yes .tooltiptext {
    background-color: #d9534f;
    color: #fff;
}

.tooltip-simple-no .tooltiptext {
    background-color: #e7e9ec;
    color: #000;
}

.tooltip-simple .tooltiptext {
    visibility: hidden;
    width: 160px;
    text-align: center;
    padding: 2px 0;
    font-size: 11.5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 9999;
    bottom: 100%;
    left: 50%;
    margin-left: -80px;
    margin-bottom: 8px;
}

.tooltip-simple:hover .tooltiptext {
    visibility: visible;
}

.tooltip-simple .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;

}

.tooltip-simple-may .tooltiptext::after {
    border-color: #f0ad4e transparent transparent transparent;
}

.tooltip-simple-yes .tooltiptext::after {
    border-color: #d9534f transparent transparent transparent;
}

.tooltip-simple-no .tooltiptext::after {
    border-color: #e7e9ec transparent transparent transparent;
}

.js--update-totals .qty-input{
    min-width: 50px;
}

#mapid {
    height: 300px ;
}

/* Delivery Note Reports */
@media (max-width: 500px) {
    .report-detail-header {
        display: none;
    }

    .report-detail-row {
        display: none;
    }

    .report-detail-mobile-row {
        display: block;
    }
}

@media (min-width: 501px){
    .report-detail-mobile-row {
        display: none;
    }

    .report-detail-row-hide {
        border-bottom: 1px solid rgba(77,82,89,0.07);
    }
}

/* Delivery Note Select */
.form-row .select-input{
    margin-bottom: 5px;
    margin-left: -5px;
}

.form-row .select-submit{
    margin-left: -5px;
    margin-bottom: -10px;
}

.cart-footer{
    min-height: 145px;
}
.cart-trash-icon-font-size{
    font-size: 1.5em;
}
.delivery-note-received-input-width{
    width: 105%;
}

/* quick view cart */
.quantityController .btn-plus:active,
.quantityController .btn-plus:hover,
.quantityController .btn-minus:active,
.quantityController .btn-minus:hover,
.quantityController .btn-cart-plus:active,
.quantityController .btn-cart-plus:hover,
.quantityController .btn-cart-minus:active,
.quantityController .btn-cart-minus:hover {
    border-color: var(--mint);
    color: var(--mint);
}

/* Menus */
.menu-actions {
    margin-right: 12px !important;
}

.save-notification {
    margin-top: 10px;
    display: none;
}

.menu-btn-history {
    margin-top: -5px;
}

.menu-allergies {
    width: 25px !important;
}

@media (max-width: 750px) {
    .mobile-media-left {
        display: none;
    }
    .desktop-recipe-options{
        display: none;
    }
    .mobile-recipe-options{
        display: block;
    }
    .stock-info{
        margin-left: 0px;
    }
}

@media (min-width: 751px){
    .mobile-media-left {
        display: block;
    }
    .desktop-recipe-options{
        display: flex;
    }
    .mobile-recipe-options{
        display: none;
    }
    .stock-info{
        margin-left: 65px;;
    }
}

/* Modals */
.modal-w-750{
    max-width: 750px !important;
}
.modal-w-850{
    max-width: 850px !important;
}
.modal-select-all{
    margin-right: 25px;
    margin-bottom: -15px;
    text-align: right !important;
}

/* Modal add products from recipes */
@media (max-height: 900px) {
    .recipe-order-class .card-transparent .scroll-media {
        height: 500px;
    }
}

@media (min-height: 901px) {
    .recipe-order-class .card-transparent .scroll-media {
        height: 570px;
    }
}

@media (max-width: 550px) {
    .mobile-row {
        display: flex;
    }
    .no-mobile-row {
        display: none;
    }
    .recipe-order-class .media-left .avatar {
        display: none;
    }

    .recipe-order-class .media-right .qty-input {
        width: 50px;
    }

    .recipe-order-class .media-right .js--infoData {
        width: 100px;
    }

    .recipe-order-class .recipe-order-class .media-left {
        display: none;
    }
}

@media (min-width: 551px){

    .no-mobile-row {
        display: flex;
    }
    .mobile-row {
        display: none;
    }

    .recipe-order-class .media-left .mobile-options {
        display: block;
    }

    .recipe-order-class .media-right .qty-input {
        width: 150px;
    }

    .recipe-order-class .media-right .js--infoData{
        width: 200px;
    }
}

.decrease-media-bottom{
    margin-bottom: -30px;
}

.market-father-prices{
    margin-right: 15px;
    padding-left: 15px;
}

.js--changeStatus{
    cursor: pointer;
}

.card-prezo {
    background-color:#f1f1f1;
}

.js--detailRow {
    cursor: pointer;
}

/* Productions */
.production-row {
    cursor: pointer;
}

.js--recipeStock {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

@media (max-width: 750px) {
    .production-detail-header {
        display: none;
    }

    .production-detail-row {
        display: none;
    }

    .production-detail-mobile-row {
        display: block;
    }
}

@media (min-width: 751px){
    .production-detail-mobile-row {
        display: none;
    }
}

@media (max-width: 750px) {
    .hide-column {
        display: none;
    }
}

.js--selectTransferOption {
    cursor: pointer;
}

.schedule-inline {
    display: inline-block;
}

.no-detail-stock {
    line-height: 10px;
}

/*
Estilo de autocomplete para habilitar el scroll
 */
.ui-autocomplete {
    max-height: 500px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    padding-bottom: 1px ;
}

#ocr-frame{
    min-height: 80vh !important;
}
/* Style for scroll in body of modal*/
.modal-body-scroll {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

.disabled-link {
  pointer-events: none;
}

/*Fix Header actions icon position*/
.card-header-actions {
    margin-bottom: .5rem;
}


/* New Brand Book */

/*Initial configuraction*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    /*Default Colors*/
    --font: "Open Sans", sans-serif;
    --blueberry50: #EFE9FF;
    --blueberry100: #E1D7FF;
    --blueberry200: #CCB7FF;
    --blueberry300: #B28CFF;
    --blueberry400: #A25EFF;
    --blueberry500: #9E39FF;
    --blueberry600: #A217FF;
    --blueberry700: #9B0DF5;
    --blueberry800: #7B0EC5;
    --blueberry900: #471478;
    --blueberry: #240837;

    --mint: #87E2AE;
    --mint50: #edfcf2;
    --mint100: #d4f7df;
    --mint200: #adedc5;
    --mint300: #40c77e;
    --mint400: #1cad64;
    --mint500: #108b50;
    --mint600: #108b50;
    --mint700: #0d6f42;
    --mint800: #0d5836;
    --mint900: #0b492e;
    --mint950: #05291a;

    --zucchini: #194649;
    --zucchini50: #f1fcfa;
    --zucchini100: #d1f6f3;
    --zucchini200: #a2ede8;
    --zucchini300: #6cdcda;
    --zucchini400: #3dc3c4;
    --zucchini500: #24a5a8;
    --zucchini600: #1a8387;
    --zucchini700: #19676c;
    --zucchini950: #08272b;

    --lavender: #DCD5F4;
    --lavender50: #f7f5fd;
    --lavender100: #f1edfa;
    --lavender300: #cec3ef;
    --lavender400: #b6a0e5;
    --lavender500: #9c7ad8;
    --lavender600: #8b8dca;
    --lavender700: #7b4ab7;
    --lavender800: #663e99;
    --lavender900: #55347e;
    --lavender950: #362055;

    --coldGray: #EEEEEE;

    --grey01: #575756;
    --grey02: #878787;
    --grey03: #b2b2b2;
    --grey04: #dadada;
    --divider: #ebebeb;
    --tittle: #313944;
    --textInput: #8b95a5;
    --text: #4d5259;
    --icon: #7f8388;
    --segmentedButton: #f9f9f9;

    /*Buttons*/
    --btnPrimaryColor: var(--blueberry900);
    --btnPrimaryBorder: var(--blueberry900);
    --btnPrimaryHoverColor: var(--blueberry);
    --btnPrimaryHoverBorder: var(--blueberry);

    --btnSecondaryColor: transparent;
    --btnSecondaryBorder: var(--blueberry900);
    --btnSecondaryHoverColor: transparent;
    --btnSecondaryHoverBorder: var(--blueberry);

    --btnTerciaryBgColor: var(--blueberry50);
    --btnTerciaryColor:var(--blueberry900);
    --btnTerciaryBorder: transparent;

    --btnDisableColor: transparent;
    --btnDisableBorder: #DADADA;

    /*Sidebar*/
    --sidebarColor: var(--blueberry);
    --sidebarSubSectionColor: #362055;

    /*Alerts*/
    --success: #00997A;
    --success100: #f0fff5;
    --success200: #ccfce3;
    --success500: #00d68f;
    --success600: #00b887;
    --success800: #007d6c;

    --warning: #db8b00;
    --warning100: #fffdf2;
    --warning200: #fff1c2;
    --warning500: #ffaa00;
    --warning700: #b86e00;

    --danger: #DB2C66;
    --danger100: #fff2f2;
    --danger200: #ffd6d9;
    --danger300: #ffa8b4;
    --danger400: #ff708d;
    --danger700: #94124e;

    --info05: #384fbb;
    --info: #4B69FA;
    --info01: #6f87fb;
    --info02: #93a5fc;
    --info03: #b7c3fd;
    --info04: #f6fbff;

    --paleSuccess: var(--mint50);
    --paleWarning: var(--warning100);
    --paleDanger: var(--danger100);
    --paleInfo: var(--info04);

}

body,
a,
p,
small,
span,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
button, input, optgroup, select, textarea,
small, time, .small,
.header-title, .header-action .nav-link,
.swal2-modal
{
    font-family: var(--font);
}
::selection {
    background-color: var(--blueberry900);
    color:white;
}
a,
.custom-checkbox .custom-control-label::after {
    color: var(--blueberry);
}
a:hover, a:focus {
    color: var(--blueberry);
    text-decoration: underline;
}
.text-primary,
.hover-primary:hover,
a.text-primary:hover,
a.text-primary:focus,
.icon-link-shortcut:hover {
    color: var(--blueberry900) !important;
}
.link:hover,
a.text-primary:hover,
a.text-primary:focus {
    text-decoration: underline;
}
a:hover i[class*=" ti-"] {
    text-decoration: none !important;
}
.text-secondary,
.hover-secondary:hover {
    color: var(--blueberry) !important;
}
.text-info, a.text-info:hover, a.text-info:focus {
    color: var(--info) !important;
}
a.text-info:hover,
a.text-danger:hover,
a.text-success:hover,
a.text-primary:hover {
    text-decoration: underline;
}
.topbar-title {
    font-weight: 600;
    font-size: 16px;
}

.topbar-title.text-truncate span {
    max-width: 315px;
}

.header-title strong {
    font-weight: 500;
    font-size: 24px;
}
.header-action .nav-link.active,
.header-action .nav-link:hover,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    border-color: var(--blueberry900);
}


.nav-tabs.nav-tabs-primary .nav-link:hover,
.nav-tabs.nav-tabs-primary .nav-link.active,
.nav-tabs.nav-tabs-primary .nav-link.active:focus,
.nav-tabs.nav-tabs-primary .nav-link.active:hover {
    border-color: var(--blueberry900);
}

.header-action .nav-link.disabled:hover,
.nav-tabs.nav-tabs-primary .nav-link.disabled:hover {
    border-color: transparent !important;
}

/*Backgrounds*/
.bg-primary {
    background-color: var(--blueberry900) !important;
}
.bg-secondary {
    background-color: var(--coldGray) !important;
}

/*Buttons*/
.btn {
    color: var(--grey02);
    border-color: var(--grey02)
}

.btn:hover {
    color: var(--grey01);
    border-color: var(--grey01)
}
.btn-default {
    color: #878787;
}
.btn-primary {
    background-color: var(--btnPrimaryColor);
    border-color: var(--btnPrimaryBorder) !important;
    color: white;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-outline.btn-primary:not([disabled]):not(.disabled).active, .btn-outline.btn-primary:not([disabled]):not(.disabled):active, .show>.btn-outline.btn-primary.dropdown-toggle {
    background-color: var(--btnPrimaryHoverColor);
    color: white;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--grey04);
    border-color: transparent !important;
    color: white;
}
.btn-outline.btn-primary {
    background-color: transparent;
    border-color: var(--btnPrimaryColor);
    color: var(--btnPrimaryColor);
}
.btn-outline.btn-primary:hover {
    background-color: transparent;
    border-color: var(--btnPrimaryHoverBorder);
    color: var(--btnPrimaryHoverBorder);
}
.btn-outline.btn-primary.disabled, .btn-outline.btn-primary:disabled {
    background-color: transparent;
    border-color: var(--btnDisableBorder);
    color: white;
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,
.btn-outline.btn-secondary:not([disabled]):not(.disabled).active, .btn-outline.btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-outline.btn-secondary.dropdown-toggle {
    background-color: var(--btnSecondaryColor);
    border-color: var(--btnSecondaryBorder) !important;
    color: var(--blueberry900) !important;
}
.btn-secondary:hover {
    background-color: var(--btnSecondaryHoverColor);
    border-color: var(--btnSecondaryHoverBorder);
    color: var(--blueberry) !important;
}
.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: var(--btnDisableColor);
    border-color: var(--btnDisableBorder);
    color: var(--btnDisableBorder) !important;
}
.btn-outline.btn-secondary {
    background-color: transparent;
    border-color: var(--btnSecondaryBorder);
    color: var(--btnSecondaryBorder);
}
.btn-outline.btn-secondary:hover {
    background-color: transparent;
    border-color: var(--btnSecondaryHoverBorder);
    color: var(--blueberry) !important;
}
.btn-outline.btn-secondary.disabled, .btn-outline.btn-secondary:disabled {
    background-color: transparent;
    border-color: var(--btnDisableBorder);
    color: var(--btnDisableBorder);
}

.btn-terciary {
    background-color: var(--btnTerciaryBgColor);
    border-color: var(--btnTerciaryBorder) !important;
    color: var(--btnTerciaryColor);
}
.btn-terciary:hover,
.btn-terciary:focus,
.btn-terciary:not([disabled]):not(.disabled).active, .btn-terciary:not([disabled]):not(.disabled):active, .show>.btn-terciary.dropdown-toggle,
.btn-outline.btn-terciary:not([disabled]):not(.disabled).active, .btn-outline.btn-terciary:not([disabled]):not(.disabled):active, .show>.btn-outline.btn-terciary.dropdown-toggle {
    background-color: var(--blueberry100);
    border-color: var(--btnTerciaryBorder) !important;
    color: var(--btnTerciaryColor);
}
.btn-terciary.disabled, .btn-terciary:disabled {
    background-color: var(--btnDisableColor);
    border-color: var(--blueberry);
    color: var(--blueberry);
}

.btn-success,
.btn-success:hover {
    background-color: var(--success);
    border-color: var(--alertWarning);
    color: #fff;
}
.btn-outline.btn-success {
    background-color: transparent;
    border-color: var(--success);
    color: var(--success);
}
.btn-outline.btn-success:hover,
.btn-outline.btn-success:not([disabled]):not(.disabled).active,
.btn-outline.btn-success:not([disabled]):not(.disabled):active,
.show>.btn-outline.btn-success.dropdown-toggle
{
    background-color: transparent;
    border-color: var(--success);
    color: var(--success);
}
.btn-warning,
.btn-warning:hover {
    background-color: var(--warning);
    border-color: var(--warning);
    color: #fff;
}
.btn-outline.btn-warning {
    background-color: transparent;
    border-color: var(--warning);
    color: var(--warning);
}
.btn-outline.btn-warning:hover,
.btn-outline.btn-warning:not([disabled]):not(.disabled).active,
.btn-outline.btn-warning:not([disabled]):not(.disabled):active,
.show>.btn-outline.btn-warning.dropdown-toggle {
    background-color: transparent;
    border-color: var(--warning);
    color: var(--warning);
}
.btn-danger,
.btn-danger:hover {
    background-color: var(--danger700);
    border-color: var(--danger700);
    color: #fff;
}
.btn-outline.btn-danger {
    background-color: transparent;
    border-color: var(--danger700);
    color: var(--danger700);
}
.btn-outline.btn-danger:hover,
.btn-outline.btn-danger:not([disabled]):not(.disabled).active,
.btn-outline.btn-danger:not([disabled]):not(.disabled):active,
.show>.btn-outline.btn-danger.dropdown-toggle {
    background-color: transparent;
    border-color: var(--danger);
    color: var(--danger);
}
.btn-info,
.btn-info:hover {
    background-color: var(--info);
    border-color: var(--info);
    color: #fff;
}
.btn-outline.btn-info {
    background-color: transparent;
    border-color: var(--info);
    color: var(--info);
}
.btn-outline.btn-info:hover,
.btn-outline.btn-info:not([disabled]):not(.disabled).active,
.btn-outline.btn-info:not([disabled]):not(.disabled):active,
.show>.btn-outline.btn-info.dropdown-toggle {
    background-color: transparent;
    border-color: var(--info);
    color: var(--info);
}

.btn-success.disabled, .btn-success:disabled,
.btn-info.disabled, .btn-info:disabled
.btn-danger.disabled, .btn-danger:disabled,
.btn-warning.disabled, .btn-warning:disabled {
    background-color: var(--btnDisableBorder);
    border-color: var(--btnDisableBorder);
    color: white;
}

/*Sidebar*/
.sidebar-folded .sidebar:not(.sidebar-icons-right) {
    height: 100%;
}
.sidebar-folded .sidebar:not(.sidebar-icons-right):hover {
    width: 80px;
}
.sidebar,
.sidebar .sidebar-header {
    background-color: var(--sidebarColor);
    margin-bottom: 16px;
}
.sidebar .menu-category {
    opacity: 1;
    font-size: 13px;
    line-height: 15px;
    margin: 8px 0;
    padding: 0 20px 0;
}
.sidebar .menu-category::after {
    border: 0px solid #FFF;
    opacity: 0;
    margin-left: 0px;
    width: 75%;
    top: 55%;
    transition: display 0.3s ease;
}
.sidebar:hover .menu-category::after {
    opacity: 1;
}
.sidebar .menu-divider {
    background-color: transparent;
    margin-top: 8px;
}
.sidebar .menu-divider hr {
    border-top: 1px solid transparent;
    margin: 0px;
}

.sidebar .menu-xs>.menu-item>.menu-link {
    height: 40px;
    font-weight: 600;
    line-height: 19px;
    font-size: 14px;
}
.sidebar .menu-item {
    padding-bottom: 8px;
}
.sidebar .menu-item:hover > .menu-link,
.sidebar .menu-item:focus > .menu-link,
.sidebar .menu-item.active > .menu-link {
    color: var(--mint);
}
.sidebar .menu-item .menu-link:hover,
.sidebar .menu-item .menu-link:focus {
    text-decoration: none;
}
.sidebar .menu-item .menu-link .arrow::before {
    font-size: 10px;
}
.sidebar .menu.menu-bordery>.menu-item.active>.menu-link::before,
.sidebar .menu.menu-bordery>.menu-item:hover>.menu-link::before {
    background-color: var(--mint);
}
.sidebar .menu-submenu .menu-item.active>.menu-link .dot::after,
.sidebar .menu-submenu .menu-item:hover>.menu-link .dot::after {
    background-color: var(--mint);
    border-color: var(--mint);
}
.sidebar .menu-submenu {
    background-color: var(--sidebarSubSectionColor);
}
.sidebar .icon svg {
    width: 18px;
    height: 18px;
}

/*Sidebar menu open btn*/
.sidebar-folded .sidebar:hover .title, .sidebar-folded .sidebar:hover .logo {
    margin-left: 20px;
}
.sidebar .menu-btn-open {
    display: flex;
    justify-content: end;
    margin-right: 20px;
}
.sidebar .menu-btn-open .menu-link {
    background-color: var(--sidebarSubSectionColor);
    border-radius: 100%;
    width: 36px;
    height: 36px !important;
    padding: 0px !important;
    display: flex;
    justify-content: center;
}
.sidebar .menu>.menu-item.menu-btn-open:hover>.menu-link {
    background-color: var(--sidebarSubSectionColor);
}
.sidebar .menu-btn-open .menu-link .icon svg {
    margin: 0;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
.sidebar .menu-btn-open .menu-link::before,
.sidebar .menu-btn-open .menu-link .title {
    display: none;
}

.sidebar .menu-btn-tools {
    margin-top: 8px;
}

.sidebar .menu-btn-log-out {
    margin-top: 40px;
    padding-bottom: 0px;
    background-color: var(--lavender900);
    color: #FFF;
}

.sidebar .menu.menu-bordery>.menu-btn-log-out:hover>.menu-link::before {
    background-color: transparent;
}

.sidebar.open .menu-btn-log-out .menu-link {
    flex-direction: row-reverse;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right).open {
    width: 260px;
}
.sidebar-folded .sidebar.open .title, .sidebar-folded .sidebar.open .logo {
    margin-left: 8px;
}
.sidebar .menu-btn-open .menu-link .icon {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar.open .menu-btn-open .menu-link .icon {
    transform: scaleX(-1);
}
.sidebar .menu-link.open .arrow {
    transform: rotate(90deg);
}
.sidebar.open .menu-btn-open {
    justify-content: end;
    padding-right: 12px;
}
.sidebar.open .menu-category,
.sidebar.open .menu-category::after {
    opacity: 1;
}
.sidebar.open .menu-link .title {
    width: 120px;
    white-space: normal;
}

/*Sidebar Logo*/
.sidebar .sidebar-header img {
    transition: width 0.3s ease;
}
.sidebar .sidebar-header .logoSmall,
.sidebar .sidebar-header .logoFull {
    margin: 37px 0 16px;
}
.sidebar .sidebar-header .logoSmall {
    display: block;
    width: 24px;
}
.sidebar .sidebar-header .logoFull {
    display: none;
}
.sidebar.open .sidebar-header .logoFull {
    display: block;
    width: 136px;
}
.sidebar.open .sidebar-header .logoSmall {
    display: none;
}

@media (max-width:1199px) {
    .sidebar-open .sidebar {
        left: unset !important;
        right: 0;
    }

    .app-backdrop.backdrop-sidebar::after {
        right: unset !important;
        left: 30px;
    }

    .sidebar.open .menu-btn-open {
        justify-content: start;
        padding: 0 0 0 12px;
    }

    .sidebar .menu-btn-open .menu-link .icon {
        transform: scaleX(-1);
    }

    .sidebar.open .menu-btn-open .menu-link .icon {
        transform: scaleX(1);
    }
}

/*Form elements*/
.form-control:focus {
    border-color: var(--mint);
}
.form-control,
.input-group-text {
    border-color: #878787;
}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid
{
    border-color: var(--danger) !important;
}

/*Badges*/
.badge-primary {
    background-color: var(--blueberry900);
    color: white;
}
.badge-secondary {
    background-color: var(--coldGray);
}

/*Tooltip*/
.tooltip-primary.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--blueberry900);
}

.tooltip-primary.bs-tooltip-top .arrow::before {
    border-top-color: var(--blueberry900);
}

.tooltip-primary.bs-tooltip-right .arrow::before {
    border-right-color: var(--blueberry900);
}

.tooltip-primary.bs-tooltip-left .arrow::before {
    border-left-color: var(--blueberry900);
}

.tooltip-primary .tooltip-inner {
    color: white;
    background-color: var(--blueberry900);
}

.tooltip-secondary.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--coldGray);
}

.tooltip-secondary.bs-tooltip-top .arrow::before {
    border-top-color: var(--coldGray);
}

.tooltip-secondary.bs-tooltip-right .arrow::before {
    border-right-color: var(--coldGray);
}

.tooltip-secondary.bs-tooltip-left .arrow::before {
    border-left-color: var(--coldGray);
}

.tooltip-secondary .tooltip-inner {
    color: #313944;
    background-color: var(--coldGray);
}

.tooltip-info.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--info);
}

.tooltip-info.bs-tooltip-top .arrow::before {
    border-top-color: var(--info);
}

.tooltip-info.bs-tooltip-right .arrow::before {
    border-right-color: var(--info);
}

.tooltip-info.bs-tooltip-left .arrow::before {
    border-left-color: var(--info);
}

.tooltip-info .tooltip-inner {
    color: white;
    background-color: var(--info);
}

.tooltip-danger.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--danger);
}

.tooltip-danger.bs-tooltip-top .arrow::before {
    border-top-color: var(--danger);
}

.tooltip-danger.bs-tooltip-right .arrow::before {
    border-right-color: var(--danger);
}

.tooltip-danger.bs-tooltip-left .arrow::before {
    border-left-color: var(--danger);
}

.tooltip-danger .tooltip-inner {
    color: white;
    background-color: var(--danger);
}

/*Alerts*/
.bg-warning, .badge-warning, .timeline-point-warning::before,
.badge-warning[href]:focus, .badge-warning[href]:hover {
    background-color: var(--warning500);
}
.border-warning {
    border-color: var(--warning500) !important;
}
.bg-pale-warning {
    background-color: var(--paleWarning) !important;
}
.callout-warning,
.callout-warning a {
    border-left-color: var(--warning);
}
.callout-warning h3, .callout-warning h4, .callout-warning h5, .callout-warning h6,
.label-warning,
.hover-warning:hover, .hover-warning:focus {
    color: var(--warning) !important;
}
.text-warning {
    color: var(--warning700) !important;
}
.text-warning-icon {
    color: var(--warning);
}
.bg-success, .badge-success, .timeline-point-success::before,
.badge-success[href]:focus, .badge-success[href]:hover {
    background-color: var(--success);
    color: white;
}
.border-success {
    border-color: var(--success) !important;
}
.bg-pale-success {
    background-color: var(--paleSuccess) !important;
}
.callout-success,
.callout-success a {
    border-left-color: var(--success);
}
.callout-success h3, .callout-success h4, .callout-success h5, .callout-success h6,
.label-success,
.hover-success:hover, .hover-success:focus {
    color: var(--success) !important;
}
.text-success {
    color: var(--success800) !important;
}
.bg-danger, .badge-danger, .timeline-point-danger::before,
.badge-danger[href]:focus, .badge-danger[href]:hover {
    background-color: var(--danger) !important;
    color: white;
}
.border-danger {
    border-color: var(--danger) !important;
}
.bg-pale-danger {
    background-color: var(--paleDanger) !important;
}
.callout-danger,
.callout-danger a {
    border-left-color: var(--danger);
}
.callout-danger h3, .callout-danger h4, .callout-danger h5, .callout-danger h6,
.label-danger,
.hover-danger:hover, .hover-danger:focus {
    color: var(--danger) !important;
}
.text-danger {
    color: var(--danger700) !important;
}
.bg-info, .badge-info, .timeline-point-info::before,
.badge-info[href]:focus, .badge-info[href]:hover {
    background-color: var(--info);
    color: white;
}
.border-info {
    border-color: var(--info) !important;
}
.bg-pale-info {
    background-color: var(--paleInfo) !important;
}
.callout-info,
.callout-info a {
    border-left-color: var(--info);
}
.callout-info h3, .callout-info h4, .callout-info h5, .callout-info h6,
.label-info,
.hover-info:hover, .hover-info:focus {
    color: var(--info) !important;
}
.text-info {
    color: var(--info05);
}
.text-info-edit {
    color: var(--info01);
}
.callout-info a.text-white {
    color: #fff !important;
}

/*Swal Alerts*/
.swal2-icon.swal2-warning {
    color: var(--warning);
    border-color: var(--warning);
}
.swal2-icon.swal2-danger {
    color: var(--danger);
    border-color: var(--danger);
}
.swal2-icon.swal2-success {
    color: var(--success);
    border-color: var(--success);
}
.swal2-icon.swal2-info {
    color: var(--info);
    border-color: var(--info);
}

/*Pagination*/
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    background-color: var(--blueberry900);
    border-color: var(--blueberry900);
}

/*Allergies*/
.erudus-red,
.allergen-level-yes .eicon {
    color: var(--danger);
}
.tooltip-simple-yes .tooltiptext {
    background-color: var(--danger);
}
.tooltip-simple-yes .tooltiptext::after  {
    border-color: var(--danger) transparent transparent transparent;
}
.erudus-amber,
.allergen-level-may .eicon {
    color: var(--warning);
}
.tooltip-simple-may .tooltiptext {
    background-color: var(--warning);
}
.tooltip-simple-may .tooltiptext::after  {
    border-color: var(--warning) transparent transparent transparent;
}
.erudus-green,
.suitable-level-yes .eicon {
    color: var(--success);
}

/*Top bar*/
.topbar .topbar-btns .dropdown .topbar-btn,
.topbar .topbar-btns .dropdown .topbar-btn i {
    font-size: 34px;
}

.topbar .topbar-btns .dropdown .topbar-btn:hover,
.topbar .dropdown.show .topbar-btn {
    border-top-color: transparent;
}

/*Spinner Circle*/
.spinner-circle {
    border-color: var(--blueberry900);
    border-top-color: transparent;
}
.spinner-circle-shadow {
    border-left-color: var(--blueberry900);
}

/*Spinner Linear*/
.spinner-linear .line {
    background-color: var(--blueberry900);
}

/*Switch*/
.switch-success input:checked+.switch-indicator::after {
    background: var(--success) !important;
}

/*Dropdown Items*/
header .dropdown-item.active {
    font-weight: 400;
}

header .dropdown-item.active,
header .dropdown-item:active,
header .dropdown-item:hover {
    background-color: var(--mint200);
    color: var(--grey02);
    text-decoration: none;
}
.card-controls .dropdown.show>a {
    color: var(--mint);
}
.card-controls li>a:hover {
    color: var(--grey02);
}
.dropdown-menu .dropdown-item {
    margin: 4px 0px;
    color: var(--tittle);
}
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item:hover {
    background-color: var(--mint200);
    color: var(--tittle);
    text-decoration: none;
}

.dropdown-menu a:hover {
    text-decoration: none;
}

.dropdown-item svg {
    margin-right: 0.5rem;
}

/* Notifications */
#user-notifications-body a,
#user-notification-delete-all,
#user-notification-mark-as-read,
#user-notification-update {
    text-decoration: none;
}

/* Header */

@font-face {
    font-family: 'LucideIcons';
    src: url(https://unpkg.com/lucide-static@latest/font/Lucide.ttf) format('truetype');
}

header.topbar {
    background-color: var(--blueberry);
    padding: 0px;
}

header.topbar {
    padding-top: 22px;
    height: auto;
}

header.topbar .topbar-border {
    padding: 0 18px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    border-top-left-radius: 24px;
    height: 64px;
}

header .topbar-btns .topbar-btn {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-width: 40px;
    padding: 8px;
    border-radius: 10px;
}

header .topbar-avatar {
    margin-right: 8px;
    min-width: 40px;
    height: 40px;
    display: block;
    border-radius: 10px;
}

header .topbar-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 4px;
}

header .topbar-btns .topbar-btn.has-new::after {
    content: '';
    position: absolute;
    bottom: 2px;
    right: 2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 2px solid #fff;
    background-color: var(--danger);
}

header .topbar-btns .topbar-btn:hover {
    border-color: transparent;
}

header .topbar-btns .dashboard-icon {
    color: #7F8388;
}

header .desktop-shortcuts {
    justify-content: center;
    align-items: center;
    list-style: none;
    margin-bottom: 0px;
    height: 100%;
}

header .desktop-shortcuts li {
    width: 95px;
    text-align: center;
}

header .desktop-shortcuts li:first-child {
    margin: 0px;
}

header .desktop-shortcuts li a {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--blueberry);
    padding: 10.5px 0px;
    border-bottom: 3px solid transparent;
}

header .desktop-shortcuts li a:hover,
header .desktop-shortcuts li a:active,
header .desktop-shortcuts li a:focus {
    text-decoration: none;
}

header .desktop-shortcuts li a:hover {
    font-weight: 600;
}

header .desktop-shortcuts li.active a {
    font-weight: 600;
    border-bottom: 3px solid var(--blueberry);
}

header .btn-business {
    padding: 0px 8px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--tittle);
    height: 40px;
}

header .btn-business:hover,
header .topbar-btns li a:hover,
header .topbar-btns li #user-notifications-alert:hover {
    background-color: var(--lavender50);
    color: var(--blueberry);
}

header .topbar-btns li #user-notifications-alert:hover .dashboard-icon,
header .topbar-btns li a:hover .dashboard-icon {
    color: var(--blueberry)
}

header #buisness-selector {
    left: 0px !important;
    text-transform: uppercase;
    border-radius: 10px;
    width: 100%;
}

header #buisness-selector .form-control {
    border-top-left-radius: 10px !important;
}

header #buisness-selector .options-container {
    max-height: 300px;
    overflow-y: auto;
}

header #buisness-selector .options-container .dropdown-item.active,
header #buisness-selector .options-container .dropdown-item:active {
    background-color: var(--coldGray);
    color: var(--tittle);
}

header #buisness-selector .options-container .group {
    font-weight: 600;
}

header #buisness-selector .options-container::-webkit-scrollbar {
    background: transparent;
}

header #buisness-selector .options-container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    border: 3px solid #FFF;
    padding: 2px 2px;
}

header #buisness-selector .options-container::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.7); /* Color del pulgar cuando está en hover */
}

header #buisness-selector .form-control,
header #buisness-selector .input-group-text {
    border: none;
    border-bottom: 1px solid #dee2e6;
}
header #buisness-selector .input-group-text {
    background: transparent;
}

.dropdown.actor-type-info {
    width: 320px;
}

header .actor-type-info #actor-type-selector {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

header .actor-type-info.show #actor-type-selector {
    transform: scaleY(-1);
}

@media (max-width: 1199px) {
    .sidebar-expand-xl ~ .topbar .sidebar-toggler {
        padding-left: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sidebar-folded .sidebar:not(.sidebar-icons-right) {
        width: 260px;
    }

    .sidebar-folded .sidebar:not(.sidebar-icons-right) .title,
    .sidebar-folded .sidebar:not(.sidebar-icons-right) .logo {
        margin-left: 20px !important;
    }

    .sidebar .sidebar-header .logoSmall {
        display: none;
    }

    .sidebar .sidebar-header .logoFull {
        display: block;
        width: 136px;
    }

    header .actor-type-info #actor-type-selector,
    header .text-truncate,
    header .text-overflow {
        color: #FFF;
    }

    header .btn-business:hover,
    header .topbar-btns li a:hover,
    header .topbar-btns li #user-notifications-alert:hover {
        background-color: var(--lavender900);
        color: white;
    }

    header .topbar-btns li #user-notifications-alert:hover .dashboard-icon,
    header .topbar-btns li a:hover .dashboard-icon {
        color: white
    }

    header .options-container .text-truncate {
        color: var(--tittle);
    }

    header.topbar {
        padding-top: 0px;
        height: 64px;
    }

    header.topbar {
        background-color: white;
    }

    header.topbar .topbar-border{
        height: 100%;
        background-color: var(--blueberry);
        border-top-left-radius: 0px;
        border-bottom-left-radius: 10px;
    }

    header.topbar .topbar-title a,
    header.topbar .topbar-btns .dashboard-icon {
        color: #FFF;
    }

    header .topbar-btns .topbar-btn.has-new::after {
        border-color: var(--blueberry);
    }

    header.topbar .topbar-left {
        width: 30%;
    }

    header.topbar .topbar-avatar {
        display: none;
    }

    header .desktop-shortcuts li a {
        color: #FFF
    }

    header .desktop-shortcuts li a:hover,
    header .desktop-shortcuts li a.active {
        color:  var(--mint);
        border-color: var(--mint);
    }

    .topbar-title.text-truncate span {
        max-width: 230px;
    }
}

@media (min-width:768px) and (max-width: 1199px) {
    header.topbar .topbar-left {
        width: 50%;
    }
}

@media (max-width: 600px) {
    header .topbar-btns .topbar-btn {
        padding: 8px 4px;
    }

    .topbar-btns .topbar-btn {
        line-height: 64px;
    }

    header .btn-business {
        height: auto;
    }

    header.topbar .topbar-left {
        width: 180px;
    }

    .dropdown.actor-type-info {
        width: 180px;
    }

    .topbar-title.text-truncate span,
    .topbar-title.text-truncate {
        white-space: normal;
        max-width: 180px;
        line-height: 1.2;
    }
}

/** Productions */
.progress-bar {
    background-color: var(--success800);
}

/** Site Footer **/
.site-footer {
    background: var(--blueberry);
    color: var(--coldGray) !important;
}
.site-footer .footer-text,
.site-footer a {
    color: var(--coldGray) !important;
    font-family: var(--font);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

/** Icons Switch Roles */
.restaurant-title {
    white-space: normal;
    width: 100%;
}
.restaurant-info .icon-switch-roles {
    width:20px;
    height:auto;
}
.restaurant-info .icon-switch-roles-container{
    position: relative;
}
.restaurant-info .icon-switch-roles-container.has-new::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: -1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #fff;
    background-color: var(--danger);
}

@media screen and (max-width: 600px) {
    header #buisness-selector {
        width: 300px;
    }
}

/* Banners */
.btn-banners {
    color: #FFF !important;
    padding: 0px 10px;
    max-height: 40px;
}

.banner-setup {
    padding: 8.5px 16px;
}
.banner-setup svg {
    margin-right: 16px;
    width: 45px;
    height: auto;
}
.banner-setup .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner-setup h2 {
    color: #313944;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
}
.banner-setup p {
    color: #4D5259;
    font-size: 13px;
    margin-bottom: 0px;
}

@media screen and (max-width: 520px) {
    .banner-setup svg {
        margin-right: 8px;
    }
}