:root {
    --color-primary: #5EB7F8;
    --bs-success-rgb: 218, 242, 208;
}

body {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
}

.table {
    --bs-table-striped-bg: rgba(0, 0, 0, 0.02);
    font-family: sans-serif !important;
}

.table th {
    font-size: 11px;
}

.badge {
    --bs-badge-font-size: 12px;
    min-width: 30px;
    text-align: right;
}

.badge-sm{
    font-size: 12px;
}

.text-bg-primary {
    background-color: #4dadf7!important;
}

.btn-warning {
    color: #fff;
}

.btn-warning:hover {
    color: #fff;
}

.color-blue {
    color: #0D6EFD!important;
}

.color-red {
    color: red!important;
}

.color-orange {
    color: #EF6C03!important;
}

.color-green {
    color: green!important;
}

.color-black {
    color: #000!important;
}

.color-white {
    color: #fff!important;
}

.color-transparent {
    color: transparent!important;
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n).no-striped {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: #fff;
}

.bg-blue {
    background-color: rgba(187, 218, 249, 0.5)!important;
}

.bg-blue-opacity {
    background-color: rgba(187, 218, 249, 0.4)!important;
}

.bg-red {
    background-color: rgba(250, 196, 210, 0.5)!important;
}

.bg-red-opacity {
    background-color: rgba(247, 0, 0, 0.06)!important;
}

.bg-green {
    background-color: #C8EED9!important;
}

.bg-green-opacity {
    background-color: rgba(103, 187, 101, 0.125)!important;
}

.bg-orange {
    background-color: rgba(250, 213, 62, 0.7)!important;
    /*background-color: rgba(255, 255, 255, 0.15)!important;*/
}

.bg-azul {
    background-color:#067BC2;
}

.bg-orange-opacity {
    background-color: rgba(242, 157, 0, 0.3)!important;
    /*background-color: orange!important;*/
}

.bg-naranja-verde {
    /* Permalink - use to edit and share this gradient. Enlace permanente - úsalo para editar y compartir este gradiente: https://colorzilla.com/gradient-editor/#ff8f29+1,ff8f29+1,ff8f29+31,b6e026+100 */
    background: linear-gradient(to right, #ff8f29 1%, #ff8f29 1%, #ff8f29 31%, #b6e026 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bg-naranja {
    background-color: #ff8f29;
}

.bg-white {
    background-color: #FFF!important;
}

.bg-zebra, tr.bg-zebra  td, tr.bg-zebra  th, tr.zebra td{
    background-color: #f9f9f9!important;
}

.text-bg-naranja {
    color: #fff !important;
    background-color: #FD9800;
}

.btn-primary {
    --bs-btn-hover-border-color: #5EB7F8;
    --bs-btn-border-color: #5EB7F8;
    --bs-btn-bg: #5EB7F8;
    --bs-btn-hover-bg: #5EB7F8;
}

.max-width-680{
    max-width: 680px;
}

.max-width-200{
    max-width: 200px;
}

.h-100{
    height: 100%;
}

.robot {
    width: 24px;
    height: 24px;
}

.robot-img {
    width: 24px;
    height: 24px;
}

table tr th {
    text-align: center;
}

tr.title td {
    background-color: #F2EEFA;
    color: #000;
}

.dropdown-sm {
    min-width: 300px !important;
}

.text-bg-danger {
    background-color: #f74260!important;
}

.text-bg-danger-light {
    background-color: #ff7f7f!important;;
}

.dropdown-menu.notificaciones {
    max-height: 80vh;
    overflow-y: auto;
}

.text-bg-danger-1 {
    background-color: #fce0e0 !important;
    color: red!important;
}

.fit-content{
    width: fit-content;
}

.me-6 {
    margin-right: 5rem !important;
}

.bg-danger {
    background-color: #f8d7da!important;
    color: red!important;
}

.bg-danger-light {
    background-color: #f2e3e3 !important;
    color:#000!important;
}

.w-85{
    width: 85% !important;
}

.text-bg-success {
    background-color: #66BB6A!important;
}

.text-bg-purple {
    background-color: #7b48ea!important;
    color: #fff;;
}

.icon-excel {
    height: 36px;
    width: 36px;
    cursor: pointer;
}

.icon-menu {
    width: 26px;
    height: 26px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { 
    display: none; 
    outline: none;
}

#buscar-factura:focus{
    border-color: 1px solid #dee2e6 !important;
    box-shadow: none;
}

h1, h2, h3, h4, h5,h6 {
    font-family: "Roboto", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    color: #3f4047;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    line-height: 0.8rem;
}

h6 {
    font-size: 14px;    
}

h5 {
    font-size: 16px;
}

h4 {
    font-size: 18px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 22px;
}

h1 {
    font-size: 24px;
}

.box .box-toolbar {
    float: right;
}

.icon-svg, svg-icon {
    height: 18px;
    width: 18px;
}

.btn svg, a svg {
    height: 18px;
    width: 18px;
}

.dropdown-toggle::after {
    content: none !important;
}

.dropdown-menu.submenu {
    left: 20% !important;
    top: inherit !important;
    top: -3%;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.356);
}

.box .box-header {
    min-height: 40px;
}

.box .box-header .box-toolbar .btn {
    cursor: pointer;
}

.bg-blue, .bg-blue td {
    background-color: #edf2f4;
}

.card {
    border: solid 1px #f1f1f1;
    box-shadow: 0 1px 15px 1px rgba(69,65,78,.1);
}

.ui-badge-value {
    /*text-shadow: 1px 1px 2px #fff;*/
    border: solid 1px;
}

.list-group {
    --bs-list-group-disabled-color: #eee;
}

.card-header {
    font-weight: bold;
    position: relative;
}

.pos-absolute-t0-r0 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px, 10px;
}

nata-ui-chart-donut {
    margin-top: -50px;
}

#loader {
    display: block;
}

.dropdown-menu>li:hover>.dropdown-menu {
    display: block;
    background-color: #fff;
}

.dropdown-menu .dropdown-item {
    cursor: pointer;
}

.dropdown-menu>li:hover>.dropdown-menu {
    width: fit-content;
}

svg.robot path { 
    fill: #fff;
}

/* Ensure submenus appear correctly */
.dropdown-menu .dropdown-menu {
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: -5px;
    display: none;
}


.form-select-sm {
    font-size: 12px;
}

.bg-smoke td {
    background-color: #f9f9f9;
}


.table-danger, tr.table-danger td {
    background-color: #fff9f9!important;
}

.red-1 {
    background-color: #fff3f3!important;
}

.verde-claro-1, tr.verde-claro-1 td {
    background-color: #eaf9e5 !important;
}

.verde-claro-2 {
    background-color: #e6fcde !important;
}


.texto-rojo {
    color: red!important;
    font-weight: bold;
    font-size: 15px;
}

b {
    font-weight: 600;
}

a svg {
    width: 1.4em;
    height: 1.4em;
    vertical-align: top;
}