@charset "UTF-8";

/*!
 * +----------------------------------------------------------------------------+
 * | RETO FRAMEWORK v9.3.0
 * +----------------------------------------------------------------------------+
 * | Copyright (c) 2004 - 2026, RETOWARE.COM (www.retoware.com)
 * | Jorge Alberto Reteguín Pimentel <jorge.reteguin@retoware.com>
 * | Released under the MIT license
 * | www.retoware.com/retoframework/license/license.txt
 * +----------------------------------------------------------------------------+
 * | Author.......: Jorge Alberto Reteguín Pimentel <jorge.reteguin@retoware.com>
 * | First release: January 12th, 2026
 * | Last update..: January 12th, 2026
 * | WhatIs.......: idaz_custom.css v9.3.0918
 * +----------------------------------------------------------------------------+
 */
:root,
[data-bs-theme=light] {
    --az-red: #d9338c;
    --az-red-rgb: 217, 51, 149;
    --ar-info: #3f7fca;
    --ar-info-rgb: 63, 127, 202;
    --ar-gray-100: #f6f9fc;
    --fn-body-color: #111827;
    --fn-body-color-rgb: 17, 24, 39;
    --fn-border-radius: 1rem;
    --fn-border-radius-sm: calc(var(--fn-border-radius) * 0.75);
    --fn-border-radius-lg: calc(var(--fn-border-radius) * 1.125);
    --fn-border-radius-xl: calc(var(--fn-border-radius) * 1.5);
    --fn-border-radius-xxl: calc(var(--fn-border-radius) * 2.25);
    --fn-border-radius-2xl: var(--fn-border-radius-xxl);
}

[data-bs-theme=dark] {
    --fn-body-color: #cad0d9;
    --fn-body-color-rgb: 202, 208, 217;
}

.dropdown-header {
    display: block;
    padding: 0;
    margin-bottom: 0;
    font-size: 1rem;
    white-space: normal;
    border-bottom: 2px solid var(--az-red);
}

.btn-primary,
[data-bs-theme=dark] .product-card:hover .product-card-button {
    --fn-btn-color: #fff;
    --fn-btn-bg: #3f7fca;
    --fn-btn-border-color: #3f7fca;
    --fn-btn-hover-color: #fff;
    --fn-btn-hover-bg: #366cac;
    --fn-btn-hover-border-color: #3266a2;
    --fn-btn-focus-shadow-rgb: 92, 146, 210;
    --fn-btn-active-color: #fff;
    --fn-btn-active-bg: #3266a2;
    --fn-btn-active-border-color: #2f5f98;
    --fn-btn-active-shadow: unset;
    --fn-btn-disabled-color: #fff;
    --fn-btn-disabled-bg: #3f7fca;
    --fn-btn-disabled-border-color: #3f7fca;
}

.link-primary {
    color: RGBA(var(--ar-info-rgb), var(--fn-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--ar-info-rgb), var(--fn-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--ar-info-rgb), var(--fn-link-underline-opacity, 1)) !important;
}

.link-primary:hover,
.link-primary:focus {
    color: RGBA(50, 102, 162, var(--ar-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(50, 102, 162, var(--ar-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(50, 102, 162, var(--ar-link-underline-opacity, 1)) !important;
}

.bg-az-1 {
    background-color: #BF78A6 !important;
}

.bg-az-2 {
    background-color: #8C0F61 !important;
}

.accordion {
    --fn-accordion-btn-padding-x: 1.25rem;
    --fn-accordion-active-bg: rgba(196, 0, 99, 0.15);
    --fn-accordion-border-radius: var(--fn-border-radius);
    --fn-accordion-inner-border-radius: calc(var(--fn-border-radius) - (var(--fn-border-width)));
    --fn-accordion-body-padding-x: 1.25rem;
    --fn-accordion-body-padding-y: 1rem;
}

.accordion-item {
    border: var(--fn-accordion-border-width) solid var(--fn-accordion-border-color);
}

.c-red {
    color: red;
}

.dropdown-toggle:after {
    content: "";
    margin-right: 0;
    -webkit-mask: none;
    mask: none;
    width: 0;
    height: 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.form-switch.mode-switch {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
}

.form-switch.mode-switch .form-check-label {
    transition: color 0.15s ease-in-out;
    font-size: 1rem;
    font-weight: 600;
}

.form-switch.mode-switch .form-check-label:first-of-type {
    order: 1;
    margin-left: 0.5rem;
    margin-right: 0.25rem;
}

.form-switch.mode-switch .form-check-label:last-of-type {
    order: 3;
    margin-left: 0.25rem;
    margin-right: 0.5rem;
}

.form-switch.mode-switch .form-check-input {
    order: 2;
    margin-left: 0;
    background-color: var(--ar-info);
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(var(--ar-info-rgb));
}

.form-switch.mode-switch .form-check-input:checked {
    background-color: var(--ar-info) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 26'%3e%3cpath d='M4 22.1679C7.5318 20.6248 9.99998 17.1006 9.99998 13C9.99998 8.89937 7.5318 5.37521 4 3.8321C5.22493 3.2969 6.5778 3 8.00002 3C13.5229 3 18 7.47715 18 13C18 18.5228 13.5229 23 8.00002 23C6.5778 23 5.22493 22.7031 4 22.1679Z' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch {
    padding-left: 2rem;
}

.form-check-input {
    width: 1.5rem;
    height: 1.5rem;
}

.form-check .form-check-input {
    float: left;
    margin-left: -2em;
}

.form-control,
.form-select {
    font-size: 1rem;
}

.form-select:disabled,
.form-select[readonly],
.form-control:disabled,
.form-control[readonly]:not(.date-picker) {
    background-color: #f3f3f9;
    opacity: 1;
}

[data-bs-theme=dark] .form-select:disabled,
[data-bs-theme=dark] .form-select[readonly],
[data-bs-theme=dark] .form-control:disabled,
[data-bs-theme=dark] .form-control[readonly]:not(.date-picker) {
    background-color: #383838;
    opacity: 1;
}

.nav-pills .btn-check:checked+.nav-link::after {
    margin-left: .5em;
    font-family: "Font Awesome 7 Pro";
    color: red;
    content: "\f00c";
}

.nav-link {
    color: var(--fn-body-color) !important;
}

.nav-link:hover,
.nav-link.active {
    color: var(--az-red) !important;
}

.dropdown-item {
    color: var(--fn-body-color) !important;
}

.dropdown-item:hover,
.dropdown-item.active {
    color: var(--az-red) !important;
}

.text-muted {
    color: var(--az-red) !important;
    font-size: 0.8rem !important;
    font-weight: bold;
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

.flag-icon:before {
    content: "\00a0";
}

.flag-icon-mx {
    background-image: url(/img/flags/mx.svg);
}

.flag-icon-cr {
    background-image: url(/img/flags/cr.svg);
}

.flag-icon-do {
    background-image: url(/img/flags/do.svg);
}

.flag-icon-gt {
    background-image: url(/img/flags/gt.svg);
}

.flag-icon-hn {
    background-image: url(/img/flags/hn.svg);
}

.flag-icon-ni {
    background-image: url(/img/flags/ni.svg);
}

.flag-icon-pa {
    background-image: url(/img/flags/pa.svg);
}

.flag-icon-sv {
    background-image: url(/img/flags/sv.svg);
}

.flag-icon-us {
    background-image: url(/img/flags/us.svg);
}

/* Tables */
caption {
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    font-weight: bold;
    text-align: center;
}

/* to override datatables.min.css so we can have rows with bg colors */
table.table.dataTable>:not(caption)>*>* {
    background-color: transparent;
}

/* to override bootstrap so we can have rows with bg colors */
.table>:not(caption)>*>* {
    background-color: transparent;
}

table.dataTable td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*  max-width: 200px; *
    /* Adjust according to layout needs */
}

/* to displat search inputs small in DataTables */
tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

/* Drop zone */
.dropzone {
    border-style: dashed;
    border-color: var(--bs-border-color);
    border-width: 2px;
    border-radius: 1em;
}

.dropzone .dz-message {
    margin: 0;
    width: 100%
}

.dz-default button p {
    margin: 0;
}

/*  btn-help */
#btn-help-floating {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 3rem;
    right: 1rem;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 1050;
}

.btn-tiny {
    --bs-btn-padding-y: 0.05rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.view {
    display: none;
}

.view.show {
    display: block;
}