html.light {
    --primary-font-color: rgba(0, 0, 0, .8);
    --primary-background-color: #f8f8f8;
    --secondary-background-color: #ffffff;
    --input-border-color: #d8d6de;
    --button-secondary-font-color: #4b4b4b;
    --table-header-bg: #f3f2f7;
    --table-pagination-bg: #f3f2f7;
    --table-td-border: #ebe9f1;
    --card-shadow: 0 4px 24px 0 rgba(34, 41, 47, .1);
    --timeline-border: #ebe9f1;
    --espacio: 1.25em;
    --menu-border: #c3c3c3;
    --menu-hover-bg: rgba(0, 0, 0, .025);
    --table-bg-color: #ffffff;
    --table-border-clr: #ebe9f1;
    --alert-error-clr: #ea5455;
    --black-and-white: 109, 114, 120;
    --transition: all .3s ease-in-out;
    --input-background: rgba(255, 255, 255, .2);
    --button-font-color: rgba(255, 255, 255, .9);
    --bg-opacity: .12;
    --orange: 255, 159, 67;
    --green: 45, 206, 137;
    --violet: 98, 54, 255;
    --white: 255, 255, 255;
    --blue: 0, 145, 255;
    --chili: 250, 100, 0;
    --yellow: 255, 214, 0;
    --indigo: #7367f0;
    --indigo-transparent: rgba(115, 103, 240, .07);
    --grey: 109, 114, 120;
    --dark-blue: 0, 80, 176;
    --cyan: 0, 150, 166;
    --rose: 255, 48, 171;
    --celadon: 0, 110, 166;
    /*--pdf-icon: url(../img/icons/svg/pdf-light.svg);*/
    /*--xls-icon: url(../img/icons/svg/xls-light.svg);*/
    /*--theme-icon: url(../img/icons/svg/sol.svg);*/
    --muted: #b9b9c3;
    --fixed-top-height: 52px;
}

html.dark {
    --primary-font-color: rgba(255, 255, 255, .8);
    --primary-background-color: #161d31;
    --secondary-background-color: #283047;
    --input-border-color: #404656;
    --button-secondary-font-color: #b8c2cc;
    --table-header-bg: #343d55;
    --table-pagination-bg: #242b3d;
    --table-td-border: #3b4253;
    --card-shadow: 0 4px 24px 0 rgba(34, 41, 47, .24);
    --timeline-border: #3b4253;
    --menu-border: #293248;
    --menu-hover-bg: rgba(255, 255, 255, .05);
    --table-bg-color: #283046;
    --table-border-clr: #3b4253;
    --alert-error-clr: #ea5455;
    --black-and-white: 109, 114, 120;
    --transition: all .3s ease-in-out;
    --input-background: #283046;
    --button-font-color: rgba(255, 255, 255, .9);
    --bg-opacity: .12;
    --orange: 255, 159, 67;
    --green: 45, 206, 137;
    --violet: 98, 54, 255;
    --white: 255, 255, 255;
    --blue: 0, 145, 255;
    --chili: 250, 100, 0;
    --yellow: 255, 214, 0;
    --indigo: #7367f0;
    --indigo-transparent: rgba(115, 103, 240, .07);
    --grey: 109, 114, 120;
    --dark-blue: 0, 80, 176;
    --cyan: 0, 150, 166;
    --rose: 255, 48, 171;
    --celadon: 0, 110, 166;
    /*--pdf-icon: url(../img/icons/svg/pdf-oscuro.svg);*/
    /*--xls-icon: url(../img/icons/svg/xls-oscuro.svg);*/
    /*--theme-icon: url(../img/icons/svg/luna.svg);*/
    --muted: #676d7d;
    --fixed-top-height: 52px;
}


/* general styling start */

body {
    color: var(--primary-font-color) !important;
    background-color: var(--primary-background-color) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.index-page .page-header .container>.content-center.brand .h1-seo,
.index-page .page-header .container>.content-center.brand h3,
.navbar .navbar-brand,
.navbar-translate a span,
ul li,
ol li,
p {
    color: var(--primary-font-color);
}

.navbar-custom {
    background: var(--secondary-background-color) !important;
}

a,
a span {
    color: var(--button-secondary-font-color) !important;
    font-weight: 400;
}

.navbar-nav {
    align-items: center;
}

form {
    margin-top: 1rem;
}

.dropdown-toggle::after {
    vertical-align: 0.155em !important;
    margin-left: 0.355em !important;
}

select.dataTable-selector {
    margin-right: 1rem;
}

.footer {
    background: var(--primary-background-color) !important;
    border-top: none !important;
    box-shadow: 0 0.1rem 0.375rem 0 rgb(74 45 197 / 4%), 0 0.5rem 1.375rem 0 rgb(74 45 197 / 7%), 0 1.25rem 4.25rem 0 rgb(74 45 197 / 11%);
}

.btn-neutral.btn-simple {
    border-color: var(--input-border-color) !important;
}


/* general styling end */


/* tables start */

table.table>tbody>tr>td,
.dataTable-pagination a,
table.table>tfoot>tr>th {
    color: var(--primary-font-color) !important;
    background: var(--primary-background-color);
}

table.dataTable {
    border: 1px solid var(--input-border-color) !important;
}

div.dataTables_wrapper div.dataTables_info,
.dataTables_paginate,
.paging_simple_numbers,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: var(--primary-font-color) !important;
}

.table .thead-light th,
.table .thead-dark th,
.table th {
    background: var(--table-header-bg) !important;
    color: var(--primary-font-color) !important;
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: var(--secondary-background-color) !important;
}

.table {
    color: var(--primary-font-color) !important;
    margin-top: 1rem;
}

.table td,
.table th {
    border-top: none !important;
}

.table>tbody>tr>th {
    font-size: .857rem;
    font-weight: 500;
    padding-left: 1rem;
}

.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover,
.dataTable-pagination a:hover {
    background: var(--table-pagination-bg) !important;
}


/* tables end */


/* forms start */

.form-control,
textarea,
select {
    color: var(--primary-font-color) !important;
    background-color: transparent !important;
    border: 1px solid var(--input-border-color) !important;
    min-height: 46px;
}

input[type=submit],
.btn-secondary,
.btn-primary,
.btn-success {
    border-color: transparent !important;
    outline: none !important;
}

.btn {
    color: var(--button-font-color) !important;
}

.note-editor.note-frame .note-editing-area .note-editable {
    background: transparent !important;
}

.note-editor.note-frame .note-statusbar .note-resizebar,
.note-popover .note-popover-content,
.note-toolbar {
    background: var(--table-header-bg) !important;
}

.note-btn {
    background: var(--table-header-bg) !important;
    border: none !important;
    color: var(--primary-font-color) !important;
}

.note-icon-bold:before,
.note-icon-italic:before,
.note-icon-underline:before,
.note-icon-eraser:before,
.note-icon-unorderedlist:before,
.note-icon-orderedlist:before,
.note-icon-code:before,
label {
    color: var(--primary-font-color) !important;
}

.note-toolbar {
    border-bottom: 1px solid var(--input-border-color) !important;
}

.note-editor.note-frame .note-statusbar {
    border: none !important;
}

.note-editor.note-frame,
.select2-container--default .select2-selection--single {
    border: 1px solid var(--input-border-color) !important;
}

.contenedorswitch :not(.selected),
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--primary-font-color) !important;
}

.select2-container--default .select2-results>.select2-results__options,
.select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background: var(--secondary-background-color) !important;
    color: var(--primary-font-color) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--secondary-background-color) !important;
    color: var(--primary-font-color) !important;
}

.select2-results__option--selectable {
    background: var(--secondary-background-color) !important;
    color: var(--primary-font-color) !important;
    ;
}

.select2-results__option {
    color: var(--primary-font-color) !important;
    ;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: var(--table-header-bg) !important;
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--input-border-color) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: var(--secondary-background-color) !important;
    color: var(--primary-font-color) !important;
}


/* forms end */


/* charts start */

.chart text {
    fill: var(--primary-font-color) !important;
}

.chart path,
.chart line,
.chart circle {
    stroke: var(--primary-font-color) !important;
}


/* charts end */


/* responsive start */

@media screen and (max-width: 991px) {
    .navbar .navbar-toggler-bar {
        background: var(--primary-font-color) !important;
    }
}


/* pop-up start */

.swal2-popup {
    background: var(--primary-background-color) !important;
}

.swal2-popup th,
.swal2-popup td {
    color: var(--primary-font-color) !important;
}


/* pop-up end */


/* cards style start */

.farma-card {
    background-color: var(--secondary-background-color);
    border: none;
    margin-bottom: 2rem;
    -webkit-box-shadow: var(--card-shadow);
    /* box-shadow: var(--card-shadow); */
    border-radius: .428rem;
    -webkit-transition: all .3s ease-in-out, background 0s, color 0s, border-color 0s;
    transition: all .3s ease-in-out, background 0s, color 0s, border-color 0s;
    text-align: left;
    overflow: hidden;
    box-shadow: 0 0.1rem 0.375rem 0 rgb(74 45 197 / 4%), 0 0.5rem 1.375rem 0 rgb(74 45 197 / 7%), 0 1.25rem 4.25rem 0 rgb(74 45 197 / 11%);
}

.farma-card h3 {
    color: var(--primary-font-color);
    font-size: 1rem;
    line-height: 1.45;
    margin: 0;
    font-weight: 500;
}

.farma-card .monto {
    color: var(--primary-font-color);
    font-weight: 600;
    font-size: 1.714rem;
    line-height: 1.2;
}

.farma-card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;
}

.icon-box {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.orange-bg {
    background-color: rgba(255, 159, 67, .12);
}

.yellow-bg {
    background-color: rgba(255, 214, 0, .12);
}

.teal-bg {
    background-color: rgba(17, 205, 239, .12);
}

.green-bg {
    background-color: rgba(45, 206, 137, .12);
}

.violet-bg {
    background-color: rgba(115, 103, 240, .12);
}

.caja-grande {
    min-height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.random-chart {
    position: relative;
    top: 24px;
    left: -24px;
    width: calc(100% + 50px);
}


/* cards style end */


/* .section {
padding: 0;
} */

.panel-de-control h1,
.panel-de-control h2 {
    font-weight: 400;
    font-size: 1.6rem;
}

.panel-de-control .form-control {
    display: inline;
}

.two-cols {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.divswitch-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--primary-font-color) !important;
}

.divswitch-container label {
    margin: 0;
}

.divswitch {
    padding: .25rem 0.1rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.025rem;
    margin: 0 1.5rem;
    border-bottom: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.divswitch.selected {
    border-bottom: 2px solid #ea5455;
    color: var(--primary-font-color) !important;
    background: transparent !important;
    border-radius: 0;
    padding: .25rem 0.1rem
}

.slider {
    background: #ea5455 !important;
}

.divswitch-container div {
    width: auto !important;
}

#fdiario,
#fsemanal,
#fmensual,
#fanual {
    padding-right: .5rem;
}


/* Table style --panel-de-control-- start */

.farma-card table {
    margin: 0 !important;
}

.farma-card table td {
    border-top: 1px solid var(--table-td-border) !important;
    padding: .32rem 1rem !important;
    vertical-align: middle;
    font-weight: 500;
}

.farma-card table th {
    padding: .72rem 1rem !important;
}

svg.bar {
    height: 44px;
}

/* .farma-card table svg rect {
    display: none !important;
} */

@media (max-width: 480px) {
    .farma-card table td {
        padding: .32rem 1rem !important;
        font-size: .8rem;
        line-height: 1rem;
    }
}

@media (max-width: 640px) {
    .pb-xs-2 {
        padding-bottom: 1rem;
    }
}


/* Table style --panel-de-control-- end */


/* descargar reportes start */

.farma-card-header {
    border-bottom: none;
    padding: 0 1.5rem 1rem .5rem;
    background-color: transparent;
}

.farma-card .card-title {
    font-weight: 500;
    font-size: 1.285rem;
    color: var(--primary-font-color);
}

.farma-card h6 {
    font-weight: 500;
    line-height: 1.2;
    text-transform: unset;
    color: var(--primary-font-color);
}

.farmabot-timeline {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    margin-left: 1rem;
}

.farmabot-timeline li {
    border-left: 1px solid var(--timeline-border);
    padding-bottom: 2rem;
    padding-left: 2.5rem;
    position: relative;
}

.farmabot-timeline li:last-of-type {
    border: none;
    padding-bottom: .5rem;
}

.farmabot-timeline .timeline-item-point {
    left: -6px;
    border-radius: 50%;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 4px;
    z-index: 1;
}

.farmabot-timeline .timeline-item-point::before {
    left: -4px;
    right: 0;
    border-radius: 50%;
    content: "";
    z-index: 1;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -4px;
    bottom: 0;
}

.farmabot-timeline input {
    min-height: unset;
    font-size: .9rem;
}

.farmabot-timeline label {
    min-width: 55px;
    margin-bottom: 0;
    font-size: .8rem;
}

.timeline-input-container {
    display: flex;
    align-items: center;
}


/* .farma-radio-buttons label {
padding-left: .3rem;
} */

.farma-radio-buttons>label {
    margin-right: 1rem !important;
}

.farmabot-timeline .button-group {
    display: flex;
    flex-wrap: wrap;
}

button[value="pdf"] span,
button[value="excel"] span {
    display: flex;
}

button[value="pdf"] span:before,
button[value="excel"] span:before {
    content: "";
    background-image: var(--pdf-icon);
    height: 24px;
    width: 24px;
    margin-right: 3px;
    display: block;
}

button[value="pdf"] span:before {
    background-image: var(--pdf-icon);
}

button[value="excel"] span:before {
    background-image: var(--xls-icon);
}


/* pdf */

/* .farma-card:hover button[value="pdf"] span:before {
    background-image: url(../img/icons/svg/pdf-oscuro.svg) !important;
} */

/* button[value="pdf"]:hover span:before {
    background-image: url(../img/icons/svg/pdf-oscuro.svg) !important;
} */


/* xls */

/* .farma-card:hover button[value="excel"] span:before {
    background-image: url(../img/icons/svg/xls-oscuro.svg) !important;
} */

/* button[value="excel"]:hover span:before {
    background-image: url(../img/icons/svg/xls-oscuro.svg) !important;
} */

.farma-card .farmabot-timeline .farma-button {
    border: 1px solid #7367f0;
    background-color: transparent;
    color: var(--primary-font-color);
    text-align: center;
    padding: .386rem 1rem;
    border-radius: .358rem;
    margin: 4px 1px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
}

.farma-card .farmabot-timeline .farma-button:not(:last-of-type) {
    margin-right: .5rem;
}

.farma-card:hover .farmabot-timeline .farma-button {
    background-color: #7367f0;
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, .2);
    box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, .2);
    color: white;
}

.farma-card:hover .farmabot-timeline .farma-button:hover {
    background-color: #887ef2;
    color: white;
}


/* buttons with icons start */

.farma-card .farmabot-timeline .farma-button svg path {
    fill: #7367f0 !important;
}

.farma-card:hover .farmabot-timeline .farma-button svg path {
    fill: #ffffff !important;
}

.farma-card:hover .farmabot-timeline .farma-button:hover svg path {
    fill: #ffffff !important;
}


/* buttons with icons end */

.farma-card .farmabot-timeline .farma-button svg {
    margin-right: .3rem;
}

.purpura {
    background-color: #7367f0;
}

.purpura::before {
    background-color: rgba(115, 103, 240, .12);
}

.naranja {
    background-color: #ff9f43;
}

.naranja::before {
    background-color: rgba(255, 159, 67, .12);
}

.teal {
    background-color: #00cfe8;
}

.teal::before {
    background-color: rgba(0, 207, 232, .12);
}

.rojo {
    background-color: #ea5455;
}

.rojo::before {
    background-color: rgba(234, 84, 85, .12);
}


/* descargar reportes end */


/* Main Menu start */

.fixed-top {
    height: var(--fixed-top-height);
}

.dropdown-menu,
.loading2 {
    background: var(--primary-background-color) !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute !important;
        width: 100vw;
        height: calc(100vh - 56px);
        margin: 0 auto;
        /* left: 2.5%; */
    }
}

.navbar-nav li.dropdown {
    position: unset !important;
}

.dropdown-menu {
    box-shadow: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15);
    border: none !important;
    background: var(--primary-background-color) !important;
    display: flex !important;
    align-items: center;
}

.mega-menu-container {
    max-width: 80rem;
    margin: 0 auto;
    /* padding: calc(3.25 * var(--espacio)) */
}

.farma-menu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(1.5 * var(--espacio));
}

/* height fix */

.farma-menu-grid {
    margin-top: var(--fixed-top-height);
    height: calc(100vh - var(--fixed-top-height));
    overflow-y: auto;
    padding-bottom: 2rem;
}

.mega-menu-list li {
    list-style: none;
    list-style-position: outside;
    margin-bottom: calc(0.375 * var(--espacio));
}

.mega-menu-list a {
    font-weight: 500;
    color: var(--primary-font-color) !important;
}

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

.dropdown-menu:before {
    display: none !important;
}

ul.mega-menu-list:first-child {
    border-right: 1px solid var(--menu-border);
}

ul.mega-menu-list:not(:first-child) li {
    padding: .6rem 1rem;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
}

ul.mega-menu-list:not(:first-child) li:hover {
    background: var(--menu-hover-bg);
    border-radius: .5rem;
}

ul.mega-menu-list:not(:first-child) a {
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0.3px;
}


/* .mega-menu-list svg {
fill: var(--orange) !important;
} */


/* .farma-menu-grid ul:nth-child(2) a:first-child li:hover span {
background-color: rgba(255,159,67,.12);
}

.farma-menu-grid ul:nth-child(2) a:nth-child(2):hover li span {
background-color: rgba(45,206,137,.12);
}

.farma-menu-grid ul:nth-child(2) a:nth-child(3):hover li span {
background-color: rgba(98,54,255,.12);
}
.farma-menu-grid ul:nth-child(2) a:nth-child(4):hover li span {
background-color: rgba(0,145,255,.12);
}
.farma-menu-grid ul:nth-child(2) a:nth-child(5):hover li span {
background-color: rgba(250,100,0,.12);
}


.farma-menu-grid ul:nth-child(3) a:first-child li span {
background-color: rgba(255,214,0,.12);
}

.farma-menu-grid ul:nth-child(3) a:nth-child(2) li span {
background-color: rgba(109,114,120,.12);
}

.farma-menu-grid ul:nth-child(3) a:nth-child(3) li span {
background-color: rgba(0,80,176,.12);
}

.farma-menu-grid ul:nth-child(3) a:nth-child(5) li span {
background-color: rgba(255,48,171,.12);
}

.farma-menu-grid ul:nth-child(3) a:nth-child(4) li span {
background-color: rgba(0,150,166,.12);
}

.farma-menu-grid ul:nth-child(3) a:nth-child(6) li span {
background-color: rgba(0,110,166,.12);
} */


/* Left col menu styling */

html.light .farma-menu-grid ul:first-child li,
html.dark .farma-menu-grid ul:first-child li {
    margin-bottom: 1rem;
}


/* general styling for menu icons */

/*html.light .farma-menu-grid ul:not(:first-child) span:before,*/
/*html.dark .farma-menu-grid ul:not(:first-child) span:before {*/
/*    content: "";*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    border-radius: 50%;*/
/*    background-color: rgba(var(--black-and-white), var(--bg-opacity));*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    margin-right: 1rem;*/
/*    transition: var(--transition);*/
/*}*/

/* Forzar fila en el enlace */
html.light .farma-menu-grid ul:not(:first-child) li a,
html.dark .farma-menu-grid ul:not(:first-child) li a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* Círculo alrededor del icono */
html.light .farma-menu-grid ul:not(:first-child) li a span.iconify,
html.dark .farma-menu-grid ul:not(:first-child) li a span.iconify {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 50% !important;
    background-color: rgba(var(--black-and-white), var(--bg-opacity)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    margin-right: 1rem !important;
}

/* Quitar pseudo-elemento */
html.light .farma-menu-grid ul:not(:first-child) span:before,
html.dark .farma-menu-grid ul:not(:first-child) span:before {
    display: none !important;
}

html.light .farma-menu-grid ul:not(:first-child) span,
html.dark .farma-menu-grid ul:not(:first-child) span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border-radius: 50%;
    margin-right: 1rem;
}


/* Ingresos Historicos */

/* .farma-menu-grid ul:nth-child(2) li:first-child a span::before {
    background-image: url(../img/icons/svg/chart-up-color.svg);
    background-color: rgba(var(--orange), var(--bg-opacity));
} */


/* Egresos Historicos */

/* .farma-menu-grid ul:nth-child(2) li:nth-child(2) a span::before {
    background-image: url(../img/icons/svg/billetes-color.svg) !important;
    background-color: rgba(var(--green), var(--bg-opacity));
} */


/* Reajuste Historicos */

/* .farma-menu-grid ul:nth-child(2) li:nth-child(3) a span::before {
    background-image: url(../img/icons/svg/ajustes-color.svg);
    background-color: rgba(var(--violet), var(--bg-opacity));
} */


/* Nuevo Producto */

/* .farma-menu-grid ul:nth-child(2) li:nth-child(4) a span::before {
    background-image: url(../img/icons/svg/box-color.svg);
    background-color: rgba(var(--blue), var(--bg-opacity));
} */


/* Nuevo Pedido */

/* .farma-menu-grid ul:nth-child(2) li:nth-child(5) a span::before {
    background-image: url(../img/icons/svg/orange-basket-color.svg);
    background-color: rgba(var(--chili), var(--bg-opacity));
} */


/* Folios */

/* .farma-menu-grid ul:nth-child(2) li:nth-child(6) a span::before {
    background-image: url(../img/icons/svg/folios-color.svg);
    background-color: rgba(var(--cyan), var(--bg-opacity));
} */


/* -- ul-3 -- */


/* Pedidos Historicos */

/* .farma-menu-grid ul:nth-child(3) li:first-child a span::before {
    background-image: url(../img/icons/svg/pie-chart-color.svg);
    background-color: rgba(var(--yellow), var(--bg-opacity));
} */


/* Editar Respuestas */

/* .farma-menu-grid ul:nth-child(3) li:nth-child(2) a span::before {
    background-image: url(../img/icons/svg/bar-chart-color.svg);
    background-color: rgba(var(--grey), var(--bg-opacity));
} */


/* Editar Respuestas */

/* .farma-menu-grid ul:nth-child(3) li:nth-child(3) a span::before {
    background-image: url(../img/icons/svg/pen-edit-color.svg);
    background-color: rgba(var(--dark-blue), var(--bg-opacity));
} */


/* Proveedores */

/* .farma-menu-grid ul:nth-child(3) li:nth-child(4) a span::before {
    background-image: url(../img/icons/svg/users-color.svg);
    background-color: rgba(var(--cyan), var(--bg-opacity));
} */


/* Principios Activos */

/* .farma-menu-grid ul:nth-child(3) li:nth-child(5) a span::before {
    background-image: url(../img/icons/svg/two-arrows-color.svg);
    background-color: rgba(var(--rose), var(--bg-opacity));
} */


/* Politica de Precios */

/* .farma-menu-grid ul:nth-child(3) li:nth-child(6) a span::before {
    background-image: url(../img/icons/svg/info-color.svg);
    background-color: rgba(var(--celadon), var(--bg-opacity));
} */


/* Main Menu end */


/* page loader start */

.farma-loader {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.farma-loader div {
    position: absolute;
    border: 4px solid var(--primary-font-color);
    opacity: 1;
    border-radius: 50%;
    animation: farma-loader 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.farma-loader div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes farma-loader {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}


/* page loader end */


/* footer start */

.footer {
    z-index: auto;
}


/* footer end */


/* Mobile Menu styling */

@media screen and (max-width: 991px) {
    .navbar-collapse {
        background-color: var(--primary-background-color);
        box-shadow: var(--card-shadow);
    }
    .icon-simple-remove::before {
        color: var(--primary-font-color);
    }
    .navbar-nav {
        align-items: flex-start;
    }
    .navbar .navbar-translate {
        display: flex;
        align-items: center;
    }
    .navbar-nav .nav-item a {
        font-size: 1.2rem;
        display: flex;
        align-items: center;
    }
    .navbar-collapse .navbar-nav .nav-item:not(:first-child) a:before {
        content: "";
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(var(--black-and-white), var(--bg-opacity));
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 1rem;
        transition: var(--transition);
    }
    /* .navbar-nav .nav-item:nth-child(2) a::before {
        background-image: url(../img/icons/svg/users-color.svg);
        background-color: rgba(var(--cyan), var(--bg-opacity)) !important;
    } */
    /* .navbar-nav .nav-item:nth-child(3) a::before {
        background-image: url(../img/icons/svg/dashboard-color.svg);
        background-color: rgba(var(--blue), var(--bg-opacity)) !important;
    } */
    /* .navbar-nav .nav-item:nth-child(4) a::before {
        background-image: url(../img/icons/svg/inventario-color.svg);
        background-color: rgba(var(--celadon), var(--bg-opacity)) !important;
    } */
    /* .navbar-nav .nav-item:nth-child(5) a::before {
        background-image: url(../img/icons/svg/case-color.svg);
        background-color: rgba(var(--violet), var(--bg-opacity)) !important;
    } */
    /* .navbar-nav .nav-item:nth-child(6) a::before {
        background-image: url(../img/icons/svg/orden-de-compra.svg);
        background-color: rgba(var(--chili), var(--bg-opacity)) !important;
    } */
    /* .navbar-nav .nav-item:nth-child(6) a::before {
        background-image: url(../img/icons/svg/bar-chart-color.svg);
        background-color: rgba(var(--grey), var(--bg-opacity)) !important;
    } */
    /* .navbar-nav .nav-item:nth-child(7) a::before {
        background-image: url(../img/icons/svg/billetes-color.svg);
        background-color: rgba(var(--green), var(--bg-opacity)) !important;
    } */
    /* .navbar-nav .nav-item:nth-child(8) a::before {
        background-image: url(../img/icons/svg/pie-chart-color.svg);
        background-color: rgba(var(--yellow), var(--bg-opacity)) !important;
    } */
    /* .navbar-nav .nav-item:nth-child(9) a::before {
        background-image: url(../img/icons/svg/user-color.svg);
        background-color: rgba(var(--orange), var(--bg-opacity)) !important;
    } */
}


/* Farma auth page start */

.farma-auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-height: 100vh;
    min-height: calc(100vh);
    /* substruct top header height */
    width: 100%;
}

.farma-auth-icon {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.farma-auth-icon:hover {
    text-decoration: none;
}

.farma-auth-icon h3 {
    margin-left: 8px;
    margin-bottom: 0;
    text-decoration: none;
}

.farma-auth-bg {
    display: flex;
    overflow-y: auto;
    min-height: 100vh;
    background: url(../img/inventarea-bg.png) right bottom no-repeat;
    background-size: cover;
    width: 100%;
}


.farmabot-logo {
    position: absolute;
    top: 2rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    /* temporary disabled */
}

.ilustracion {
    max-width: 80% !important;
}

.farma-auth input[type=submit] {
    border: none !important;
    background: #c471ed;
    /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #12c2e9, #c471ed, #f64f59);*/
    /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);*/
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white !important;
    transition: all .3s ease-in-out;
    width: 100%;
}

.farma-auth input[type=submit]:hover,
.farma-auth input[type=submit]:visited {
    background: #12c2e9;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #12c2e9, #c471ed, #f64f59) !important;
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59) !important;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    box-shadow: 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3) !important;
}

.farma-auth input[type=submit]:visited {
    opacity: .5;
}

.login-form-bg {
    background: var(--secondary-background-color);
}

.box-shadow {
    /* box-shadow: 0 30px 60px -12px rgb(249 220 92 / 20%), 0 18px 36px -18px rgb(250 221 91 / 20%); */
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3);
}


/* Footer start */

.footer .nav {
    padding: 0 !important;
    width: 100%;
}

.footer .nav li {
    padding: 0 1rem;
    display: flex;
    align-items: center;
}

.footer .nav li a {
    color: var(--primary-font-color) !important;
    font-weight: 500;
    padding: 0;
}


/* .btn.btn-icon:not(.btn-footer) .fab {
  top: 14px !important;
} */

.footer h4 {
    margin: 0;
}

@media (max-width: 480px) {
    .footer .nav {
        margin-top: 1rem;
        flex-direction: column !important;
        align-items: flex-start;
    }
    .footer h4 {
        text-align: left !important;
        padding-left: 0;
    }
    .footer .nav li {
        padding: .4rem 0;
    }
    .hide-on-mobile {
        display: none !important;
    }
    .navbar-collapse {
        min-height: calc(100vh - 25px);
        overflow: auto;
        height: 100% !important;
    }
    /* mobile sub menu */
    .mobile-view ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    .mobile-view li {
        list-style: none;
        width: calc(100% / 2 - 1rem);
    }
    .mobile-view li:nth-child(odd) {
        margin-right: 1rem;
    }
    .mobile-view li a {
        font-size: 1rem !important;
        background: var(--secondary-background-color);
        height: 80px;
        padding: 1rem;
        border-radius: 8px;
        margin-bottom: 10px;
    }
    .mobile-view li a::before {
        display: none;
    }
}


/* main menu fix */

@media (max-width: 480px) {
    .navbar-translate a:nth-child(2) {
        display: flex;
        align-items: center;
    }
}


/* buttons too close together fix  */

.farma-header-button-group {
    display: flex;
}

.farma-header-button-group button {
    margin: unset;
    border: none;
    height: 100%;
    transition: all 0s ease-in-out;
}

.farma-header-button-group a button {
    display: flex;
}

.farma-page-header {
    display: flex;
    align-items: center;
}


/* modal dialog */

.modal-dialog .modal-content {
    background: var(--primary-background-color);
}


/* theme switcher */

#mySidenav {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

#mySidenav a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}


#mySidenav:hover {
    /* transform: scale(1.3); */
}


.light #mySidenav {
    background: linear-gradient(45deg, #FF7D6B, #FFD64C);
}

.dark #mySidenav {
    background: linear-gradient(45deg, #3366FF, #AC15B8);
}


/* mobile theme switcher  */

@media (max-width: 991px) {
    #mySidenav a::after {
        content: "";
        display: inline;
        min-width: calc(100vw - 150px);
        position: absolute;
        left: 64px;
        top: 99px;
    }
    .light #mySidenav a::after {
        content: "Modo claro activado";
    }
    .dark #mySidenav a::after {
        content: "Modo oscuro activado";
    }
}


/*parche para mostrar las opciones verticalmente con sweetalert*/

.swal2-radio {
    display: grid !important;
}


/* Antecedentes Adicionales */

#metodoPago {
    color: var(--primary-font-color);
}

.swal2-title {
    color: var(--primary-font-color) !important;
}


/* farma-table */

.farma-table {
    color: #6e6b7b !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    background-color: var(--table-bg-color);
    border-radius: .357rem;
    overflow: hidden;
}

.farma-table thead {
    font-size: .7rem;
    text-transform: uppercase;
    height: 1.5rem;
}

.farma-table thead th {
    background-color: var(--table-header-bg);
}

.neo-card {
    border: none;
    margin-bottom: 2rem;
    -webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}

.farma-table tr td {
    padding: 0.72rem 2rem;
    border-top: 1px solid var(--table-border-clr);
    vertical-align: middle;
    box-sizing: border-box;
}


/* start alert error */

.alert-error {
    display: flex;
    justify-content: center;
}

.alert-error .alert-error-content {
    background: rgba(234, 84, 85, .12)!important;
    display: flex;
    align-items: center;
    text-align: left;
    color: var(--alert-error-clr);
    border-radius: .357rem;
    -webkit-box-shadow: rgb(234 84 85 / 40%) 0 6px 15px -7px;
    box-shadow: 0 6px 15px -7px rgb(234 84 85 / 40%);
}

.alert-error h4 {
    padding: .71rem 1rem;
    color: var(--alert-error-clr);
    margin: 0;
}

.alert-error p {
    padding: .71rem 1rem;
    color: var(--primary-font-color);
    margin: 0;
}

.alert-error span {
    padding: 0.4rem 0.6rem;
    margin: 0 .5rem;
    font-weight: 500;
    background: rgba(234, 84, 85, .12);
    color: var(--alert-error-clr);
    border-radius: .357rem;
}

.row-border {
    border: none !important;
}

.container {
    color: var(--primary-font-color);
}

select.form-control>* {
    background: var(--table-header-bg) !important;
    color: var(--primary-font-color) !important;
}

.modal-body section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.modal-body section>div:last-child {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.modal-body section>div:last-child button {
    width: 100%;
}

.modal-content .modal-header .modal-title,
.modal .modal-header .close {
    color: var(--primary-font-color);
}

.close {
    opacity: 1 !important;
    transition: var(--transition);
    background: rgba(255, 255, 255, .05) !important;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    border-radius: 6px;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    color: var(--primary-font-color);
    opacity: .5 !important;
}

.modal-header {
    display: flex;
    align-items: center !important;
}

.modal-content .modal-header button {
    position: relative !important;
    right: 14px !important;
    top: unset !important;
}

.modal-body h3 {
    font-size: 1rem !important;
}

.modal-body input#archivo {
    display: none;
}

.modal-body .custom-file-upload {
    border: 1px solid var(--input-border-color);
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (min-width: 576px) {
    .modal-dialog {
        min-width: 350px;
    }
}


/* general header styling start */

.header-content {
    display: flex;
    justify-content: space-between;
}

.btn-secondary,
.inv-form-control input[type="submit"] {
    background: var(--indigo) !important;
    border: none !important;
    transition: var(--transition) !important;
}

.btn-success {
    width: 100%;
}

.btn-secondary:hover,
.inv-form-control input[type="submit"]:hover {
    -webkit-box-shadow: 0 8px 25px -8px var(--indigo) !important;
    box-shadow: 0 8px 25px -8px var(--indigo) !important;
    background: var(--indigo) !important;
}

.search-button .btn-success {
    background-color: rgba(130, 134, 139, .12) !important;
    border-color: transparent !important;
    background-image: unset;
    color: #82868b !important;
}

.search-button .btn-success:hover {
    background-image: unset !important;
}

.farma-card form {
    margin-top: 0 !important;
}

.busqueda_cliente b {
    background: #faea11;
    color: black;
}

.busqueda_cliente {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
}

.busqueda_cliente:hover b {
    color: black;
}

#results>div:nth-of-type(odd) {
    background-color: var(--indigo-transparent);
}

#results {
    margin: 1rem 0.1rem;
}

.busqueda_cliente:hover {
    background-color: var(--indigo-transparent);
    cursor: pointer;
}

.busqueda_cliente:hover * {
    color: var(--primary-font-color);
}

.btn-transparent-indigo {
    background-color: var(--indigo-transparent);
    text-align: center;
    border-radius: 1rem;
    font-size: .857rem;
    font-weight: 600;
    color: var(--indigo) !important;
    padding: 0.3rem 1rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}


/* general header styling end */


/* inventarea custom input styles start */

.inv-form-control .form-control {
    padding: 0.438rem 1rem !important;
    background-color: var(--input-background) !important;
    background-clip: padding-box;
    border: 1px solid var(--input-border-color) !important;
    border-radius: 0.357rem;
    display: block;
    width: 100%;
    height: 2.4rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    color: var(--primary-font-color) !important;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    overflow: visible;
    min-height: auto;
}

.inv-form-control .form-control:focus:valid {
    -webkit-box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
    box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
}

.inv-form-control .form-control:focus {
    background-color: var(--input-background) !important;
    border-color: #7367f0 !important;
    -webkit-box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
    box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%) !important;
    color: var(--primary-font-color) !important;
    outline: 0;
}

.inv-form-control label {
    margin-bottom: 0.2855rem;
    color: #5e5873;
    font-size: .857rem;
}

.inv-form-control.checkbox-group section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem 1.5rem;
}

.inv-form-control.checkbox-group section>div {
    display: flex;
    align-items: center;
}

.align-top {
    align-items: flex-start !important;
}

.inv-form-control.checkbox-group section>div>input {
    margin-right: .5rem;
}

.farma-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 2rem;
}


/* .last-col-span2>div:last-child {
    grid-column: span 2;
} */

.grid-span2 {
    grid-column: span 2;
}

.inv-form-control i {
    color: var(--muted);
    font-size: .857rem;
    font-weight: 400;
}

.create-a-user-checkboxes {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 1.5rem !important;
}

.create-a-user-checkboxes>label {
    padding: .5rem;
    border-radius: .5rem;
    /* tempopary solution to breake the long words */
    word-break: break-all; 
    display: flex;
    align-items: flex-start;
}

.create-a-user-checkboxes>label input {
    margin-right: .5rem !important;
    position: relative;
    top: .3rem;
}

.create-a-user-checkboxes>label:hover {
    transition: var(--transition);
    background: var(--indigo-transparent);
}

@media screen and (max-width: 991px) {
    .create-a-user-checkboxes {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Listado de precio */

.two-cols-header-search {
    display: flex;
    gap: .45rem;
}

.two-cols-header-search > * {
    margin: 0 !important; 
}

.two-cols-header-search > *:first-child {
    flex: 3;
}
.two-cols-header-search > *:last-child {
    flex: 1;
}


/* inventarea custom input styles end */


/* main bg start */

html.light .main {
    background: url("https://i.postimg.cc/sDh5dzQx/inventarea-hero-image.jpg");
    background-size: 150rem;
    background-size: cover;
    background-position: top center;
}

html.dark .main {
    background: url("https://i.postimg.cc/mDfmt18H/inventarea-hero-image-dark.jpg");
    background-size: cover;
    background-position: -200% center;
}


/* main bg end */


/*  */


/* footer custom style start */

.title-custom {
    color: var(--indigo);
}


/* footer custom style end */

.farma-grid input[type="checkbox"] {
    /* width: 1.285rem; */
    /* height: 1.285rem; */
    box-sizing: border-box;
    margin: 0;
}

label[for="sobre_stock"] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding-top: 1.5rem;
}

/* button group start */

.farma-btn-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important;    
}

.farma-btn-group > *, .farma-btn-group > *:hover {
    text-align: center !important;
    border: 1px solid transparent !important;
    background-color: var(--indigo) !important;
    border-color: var(--indigo) !important;
    padding: 0.486rem 1rem !important;
    border-radius: 0;
    color: white !important;
    transition: var(--transition) !important;
    max-height: 44px !important;
    margin: .5px !important;
}

.farma-btn-group > *:hover {
    box-shadow: 0 8px 25px -8px var(--indigo) !important;
    -webkit-box-shadow: 0 8px 25px -8px var(--indigo) !important;
    background-color: #5e50ee;
}

.farma-btn-group > *:first-child {
    border-top-left-radius: 0.358rem;
    border-bottom-left-radius: 0.358rem;
}
.farma-btn-group > *:last-child {
    border-top-right-radius: 0.358rem;
    border-bottom-right-radius: 0.358rem;
}

.farma-btn-group > *:not(:last-child) {
    border-right: 1px solid #7e72ff;
}

.farma-btn-group > a > button {
    background-color: transparent;
    border: none;
    color: white;
}

.farma-btn-group > a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.farma-btn-group > a:hover {
    text-decoration: none;
}

.farma-btn-group button span {
    color: white;
}

/* button group end */

/* navbar shadow */

.navbar {
    box-shadow: 0 0.1rem 0.375rem 0 rgb(74 45 197 / 4%), 0 0.5rem 1.375rem 0 rgb(74 45 197 / 7%), 0 1.25rem 4.25rem 0 rgb(74 45 197 / 11%);
}

.select2-container .select2-selection--single {
    height: 2.4rem !important;
    display: flex !important;
    align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px !important;
}

.mod-icono:after {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBvcGFjaXR5PSIwLjMiIGQ9Ik0yMS40IDguMzUzMDNMMTkuMjQxIDEwLjUxMUwxMy40ODUgNC43NTVMMTUuNjQzIDIuNTk1OTVDMTYuMDI0OCAyLjIxNDIzIDE2LjU0MjYgMS45OTk4OCAxNy4wODI1IDEuOTk5ODhDMTcuNjIyNCAxLjk5OTg4IDE4LjE0MDIgMi4yMTQyMyAxOC41MjIgMi41OTU5NUwyMS40IDUuNDc0QzIxLjc4MTcgNS44NTU4MSAyMS45OTYyIDYuMzczNTUgMjEuOTk2MiA2LjkxMzQ1QzIxLjk5NjIgNy40NTMzNSAyMS43ODE3IDcuOTcxMjIgMjEuNCA4LjM1MzAzWk0zLjY4Njk5IDIxLjkzMkw5Ljg4Njk5IDE5Ljg2NUw0LjEzMDk5IDE0LjEwOUwyLjA2Mzk5IDIwLjMwOUMxLjk4ODE1IDIwLjUzNTQgMS45NzcwMyAyMC43Nzg3IDIuMDMxODkgMjEuMDExMUMyLjA4Njc0IDIxLjI0MzYgMi4yMDU0IDIxLjQ1NjEgMi4zNzQ0OSAyMS42MjQ4QzIuNTQzNTkgMjEuNzkzNCAyLjc1NjQxIDIxLjkxMTUgMi45ODkgMjEuOTY1OEMzLjIyMTU4IDIyLjAyMDEgMy40NjQ3IDIyLjAwODQgMy42OTA5OSAyMS45MzJIMy42ODY5OVoiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNS41NzQgMjEuM0wzLjY5MiAyMS45MjhDMy40NjU5MSAyMi4wMDMyIDMuMjIzMzQgMjIuMDE0MSAyLjk5MTQ0IDIxLjk1OTRDMi43NTk1NCAyMS45MDQ2IDIuNTQ3NDQgMjEuNzg2NCAyLjM3ODkgMjEuNjE3OUMyLjIxMDM2IDIxLjQ0OTUgMi4wOTIwMiAyMS4yMzc1IDIuMDM3MTEgMjEuMDA1NkMxLjk4MjIgMjAuNzczNyAxLjk5Mjg5IDIwLjUzMTIgMi4wNjc5OSAyMC4zMDUxTDIuNjk2IDE4LjQyMkw1LjU3NCAyMS4zWk00LjEzNDk5IDE0LjEwNUw5Ljg5MSAxOS44NjFMMTkuMjQ1IDEwLjUwN0wxMy40ODkgNC43NTA5OEw0LjEzNDk5IDE0LjEwNVoiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4NCjwvc3ZnPg) no-repeat !important;
    background-size: 16px !important;
    width: 16px;
    position: relative;
    height: 16px;
    display: block;
    top: 7px;
    left: 2px;
}

.mod-icono {
    margin-left: .5rem !important;
    width: 64px
}

.white-button  {
    background: transparent;
    color: white;
    border: none;
}

.inline-button {
    display: flex;
    align-items: center;
}

.inline-button .btn-secondary {
    min-width: 100px;
    height: 38px;
    border-radius: 0.3rem;
    margin-left: 0.5rem;
}


@media screen and (max-width: 991px) {
    .farma-btn-group {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .5rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .header-content {
        display: block;
    }
    .farma-btn-group > * {
        border-radius: 0.358rem;
        max-height: 44px;
        padding: 0.48rem 0.2rem;
        font-size: 1rem;
    }

    .farma-btn-group > *:hover {
        border-radius: 0.358rem;
    }

    .farma-grid {
        grid-template-columns: 1fr;
    }
    .grid-span2 {
        grid-column: unset;
    }
}