html {
    font-size: 14px;
}

@media (min-width: 1200px) {
    .modal-xxl {
        max-width: 1300px;
    }
}

@media (min-width: 645px) {
    .modal-lg, .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 320px) {
    .myCard-title-cli {
        width: 80% !important;
    }
}

@media (max-width: 321px) {
    .invoice-info .invoice-info-actions {
        margin-top: 200px;
    }

    .full-space {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .full-space {
        display: flex;
        flex-direction: column;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    overflow: hidden;
    overflow-y: auto;
}

.body-container {
    min-height: 80vh;
    overflow: auto;
}

.dropdown-item {
    transition: transform 0.2s ease;
}

    .dropdown-item:hover {
        transform: scale(1.1);
    }

.fa {
    padding-right: inherit;
}

.notify-badge {
    /* padding-top: inherit; */
    display: flex;
    position: absolute;
    top: -5px;
    left: 20px;
}

@keyframes fa-animate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fa-shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

@keyframes fa-gentle-shake {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(25deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes light-shake {
    0% {
        transform: skewY(-20deg);
    }

    5% {
        transform: skewY(20deg);
    }

    10% {
        transform: skewY(-20deg);
    }

    15% {
        transform: skewY(20deg);
    }

    20% {
        transform: skewY(0deg);
    }

    100% {
        transform: skewY(0deg);
    }
}

.fa-bounce-on-hover:hover i.fad {
    animation: fa-animate 1s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) !important;
}

.fa-bounce-on-hover:hover i.fa {
    animation: fa-animate 1s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) !important;
}

.fa-shake-on-hover:hover i.fa {
    animation: light-shake 1s ease-in-out;
}

.fa-shake-on-hover:hover i.fad {
    animation: light-shake 1s ease-in-out;
}

.app-sidebar .logo {
    position: relative;
}

    .app-sidebar .logo .logo-text {
        display: block;
    }

    .app-sidebar .logo .logo-hover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../assets/images/LOGO_Horizontal_BG_Rojo.png') no-repeat center;
        background-size: contain;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .app-sidebar .logo a:hover .logo-hover {
        opacity: 1;
    }

    .app-sidebar .logo a:hover .logo-text {
        opacity: 0;
    }


.app-sidebar .logo2 .logo2-icon {
    background: url(../../images/neptune.png) no-repeat;
    background-size: contain;
    border-radius: inherit;
}

.logo {
    background-color: #ff004d !important;
}

.logo2 {
    text-align: center;
    text-decoration: none;
    font-weight: 900;
    color: #40475c !important;
    font-family: Poppins, sans-serif !important;
    font-size: 21px !important;
    position: relative;
    left: -115px; /* Ajusta este valor según lo que necesites */
    font-weight: bold;
}



.title-center {
    text-align: center;
}

.title-white {
    color: white;
}

.logo-text {
    color: floralwhite !important;
}

.logo2-text {
    color: floralwhite !important;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 6px;
    border: 3px solid transparent;
    background-clip: padding-box;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #555 !important;
    }

div::-webkit-scrollbar {
    height: 12px;
}

div::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 6px;
    border: 3px solid transparent;
    background-clip: padding-box;
}


.data-table {
    width: 100% !important;
    border-collapse: collapse;
    border-radius: 10px !important;
}

    .data-table th:first-child {
        border-top-left-radius: 15px;
    }

    .data-table th:last-child {
        border-top-right-radius: 15px;
    }

    .data-table tr:last-child td:first-child {
        border-bottom-left-radius: 15px;
    }

    .data-table tr:last-child td:last-child {
        border-bottom-right-radius: 15px;
    }

    .data-table thead tr th {
        background: #3862d3 !important;
        text-align: center;
    }

.table {
    width: 100% !important;
    border-collapse: collapse;
    border-radius: 10px !important;
}

    .table th:first-child {
        border-top-left-radius: 15px;
    }

    .table th:last-child {
        border-top-right-radius: 15px;
    }

    .table tr:last-child td:first-child {
        border-bottom-left-radius: 15px;
    }

    .table tr:last-child td:last-child {
        border-bottom-right-radius: 15px;
    }

    .table thead tr th {
        background: #ffff !important;
        text-align: center;
        color: gray;
    }

.table-active {
    --bs-table-accent-bg: #356fdc1f;
    color: var(--bs-table-active-color);
}

.page-footer {
    border-color: #ffffff;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0 !important;
    background-position-x: -11px;
}

.modal-backdrop .fade .show {
    filter: blur(4px);
}

.size-auto textarea {
    height: auto !important;
    resize: none;
}

.full-space {
    width: 100%;
}

    .full-space.tab-controlls > button {
        border-color: #dee2e6 !important;
    }

td .btn i {
    margin-left: 0px;
}

#toast-container .toast {
    width: 300px;
    border-radius: 10px;
    box-shadow: none;
    border: none;
}

#toast-container > div:hover {
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 4px 3px 20px 0px #00000080;
    opacity: 1;
    cursor: pointer;
    border: none;
}

#toast-container > .toast-success {
    background-color: #3ead58;
}

#toast-container > .toast-warning {
    background-color: #f37558;
}

#toast-container > .toast-info {
    background-color: #3862d3;
}

#toast-container > .toast-error {
    background-color: #c94949;
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #c94949;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.8;
}

.btn-dropdown-mymenus {
    margin-right: -10px !important;
    margin-left: -18px !important;
    width: 45px !important;
}

.custum-proj-cli {
    border-color: #e3e6ea;
    background: #f4f7fa;
    padding: 15px 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    border: none;
    border-radius: 10px 0px 0px 0px;
    box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.05);
}

.col-proj-cli-but {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
}

.col-proj-cli-title {
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.myCard-title-cli {
    font-family: Poppins, sans-serif;
    font-weight: 500;
}

.proj-cli-container {
}

.my-cli-item-container {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 5px;
}

.list-group-item-custum {
    border-radius: initial !important;
}

.row {
    margin-left: 0px;
}

.to-select-2-normal {
    display: none;
    width: 100%;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-striped-bg: #e0f0ff;
}

.was-validated .custom-select:invalid + .select2 .select2-selection {
    border-color: #dc3545 !important;
}

.was-validated .custom-select:valid + .select2 .select2-selection {
    border-color: #28a745 !important;
}

*:focus {
    outline: 0px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    padding: 10px 18px;
    line-height: 1.5;
    height: 45px !important;
}

.select2-selection select2-selection--single {
    height: 46px !important;
}

.select2-container--default.select2-container--open.select2-container--above
.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--single,
.select2-container--default.select2-container--focus
.select2-selection--single {
    border: 1px solid #2269f5 !important;
}

.is-valid.select2-selection.select2-selection--single {
    border: 1px solid #4bad48 !important;
}

.is-invalid.select2-selection.select2-selection--single {
    border: 1px solid #ff4857 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e3e6ea;
    border: none;
    cursor: default;
}

.select2-container--default.select2-container--open.select2-container--above.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--focus.select2-container--disabled .select2-selection--single {
    border: none !important;
}

.select2-dropdown {
    padding: 10px 15px !important;
    border: none !important;
    margin-top: 3px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 11px 1px rgb(85 85 85 / 28%);
    -webkit-box-shadow: 0 0 11px 1px rgb(85 85 85 / 28%);
    -moz-box-shadow: 0 0 11px 1px rgb(85 85 85 / 28%);
}

div:where(.swal2-icon).swal2-warning {
    border-color: #bc5657 !important;
    color: #bc5657 !important;
}

.loading-card-body-container {
    display: flex;
    justify-content: center;
}

.none-item {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
}

.btn-add,
.btn-add.disabled,
.btn-add:disabled {
    color: #293442;
    background-color: #f4f7fa;
    border-color: #f4f7fa;
}

    .btn-add.focus,
    .btn-add:focus,
    .btn-add:hover,
    .btn-add:not(:disabled):not(.disabled).active,
    .btn-add:not(:disabled):not(.disabled):active,
    .show > .btn-add.dropdown-toggle {
        color: #fff;
        background-color: #3862d3;
        border-color: #3862d3;
    }

.accordion-item .accordion-button i {
    filter: invert(34%) sepia(23%) saturate(3309%) hue-rotate(15deg) brightness(109%) contrast(115%);
}

.btn-new-proy-fixed {
    width: 46px;
    border-radius: 50%;
}


.btn-light {
    transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out;
    border: none;
}

    .btn-light:active {
        background-color: #f8f9fa;
        transition: background-color 0.05s ease-in, box-shadow 0.05s ease-in;
    }

    .btn-light:focus {
        box-shadow: none;
        outline: none;
        background-color: #f8f9fa;
    }

.flatpickr-current-month .flatpickr-monthDropdown-months {
    max-width: 150px;
    min-width: 105px;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    color: #393939;
}

.flatpickr-calendar {
    background: #fdfdfd;
}

.flatpickr-time {
    margin-top: 10px !important;
}

.form-control:disabled {
    background-color: #e3e6ea;
}

.flatpickr-input[readonly] {
    background-color: white;
    background: white;
}

.flatpickr-input:disabled {
    background-color: #e3e6ea;
    background: #e3e6ea;
    color: #444444;
}

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

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

.align-left {
    text-align: left !important;
}

.checkbox-inline {
    display: flex;
    align-items: center;
    margin-top: 2.5rem;
}

#vPadre {
    background-color: #1f1f2b !important;
}

#vPagina {
    background-color: #1f1f2b !important;
}

.btnGuardarPerfil {
    width: 200px !important;
    height: 40px !important;
    text-align: center;
    line-height: 30px;
}

.accordion-item .accordion-button i.material-icons {
    margin-right: -9px !important;
    margin-left: -8px !important;
    color: black;
    filter: invert(24%) sepia(38%) saturate(342%) hue-rotate(0deg) brightness(95%) contrast(88%);
}

.accordion-button-alternative {
    cursor: default;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: none;
}

    .accordion-button-alternative::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
        background-image: none;
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
    }

.me-2-c {
    margin-right: -1.5rem !important;
}


a.no-drop:hover {
    background-color: #3862d3;
    color: white;
}

    a.no-drop:hover i.material-icons {
        color: white;
        filter: invert(0%) sepia(0%) saturate(342%) hue-rotate(0deg) brightness(95%) contrast(100%);
    }

.alert {
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    text-align: center;
}

.alert-success {
    color: #155724;
    width: 300px;
    height: 70px;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.hidden {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.absolute-alert {
    position: absolute;
    top: 15%;
    left: 85%;
    right: 15%;
    transform: translateX(-50%);
}

.password-indicator {
    font-size: 2rem;
    margin-left: -30px;
    margin-top: 16px;
}

.btn-evaluar:disabled {
    color: #fff;
}

@media (min-width: 1199px) {
    .settings-security-two-factor {
        max-width: 100%;
    }
}

.app-container {
    background: White;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position-y: 30vh;
    background-position-x: center;
}

@media (max-width: 1200px) {
    .page-description.d-flex {
        display: block !important;
    }

    .page-description .page-description-actions a {
        margin: 0px 0 0;
    }
}

@media (max-width: 1200px) {
    .navbar-nav {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        .navbar-nav > .nav-item {
            margin: 5px;
            flex-grow: 0;
            width: 30px;
            height: 40px;
        }

    .dropdown-menu {
        min-width: 150px;
    }

    .navbar .dropdown-menu.show {
        margin-top: 0 !important;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .hidden-on-mobile {
        display: block !important;
    }
}

/*#fechaInicio {
    background: #1f1f2b !important;
}*/

.invoice-header {
    background-color: #ff004d !important;
}

    .invoice-header .invoice-issue-date {
        text-align: center;
    }

.invoice-info p span {
    float: right;
    max-width: 47%;
    text-align: end;
}

.invoice-info .invoice-info-actions {
    display: flex;
    margin-top: 45px;
}

.overflow-x-scroll {
    overflow-x: scroll;
    overflow-y: hidden;
}

.overflow-y-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
}

.overflow-xy-scroll {
    overflow-x: scroll;
    overflow-y: scroll;
}

.overflow-xy-hidden {
    overflow-x: hidden;
    overflow-y: hidden;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-auto {
    overflow: auto;
}

body.modal-open {
    overflow: auto;
}

.app-container {
    padding: 0px;
    padding-top: 30px;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 100% !important;
}

@media (max-width: 576px) {
    .app-sidebar .logo,
    .app.menu-off-canvas .app-sidebar .logo,
    .app.sidebar-hidden .app-sidebar .logo.hidden-sidebar-logo {
        width: 100px;
        transform: translateX(290px);
        top: 30px;
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .app-sidebar .logo2,
    .app.menu-off-canvas .app-sidebar .logo2,
    .app.sidebar-hidden .app-sidebar .logo2.hidden-sidebar-logo {
        width: 100px;
        transform: translateX(290px);
        top: 30px;
        margin-bottom: 15px;
    }
}

@media (max-width: 680px) {
    .nav-link.nav-notifications-toggle.fa-shake-on-hover i.fad {
        position: relative;
        transform: translateX(-2px);
    }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.7rem);
    padding-left: var(--bs-gutter-x, 0rem);
    margin-right: auto;
    margin-left: auto;
}

.app-content .container-fluid {
    padding: 0;
    padding-bottom: 50px;
}

.body-container {
    min-height: 80vh;
    overflow: hidden;
}

a {
    color: #ff004d;
    text-decoration: none;
    display: contents;
}

.breadcrumb.breadcrumb-container {
    margin: 0px 15px 0px 30px;
}

.note-modal-content {
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 20px 20px rgb(0 0 0 / 19%);
    -moz-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out !important;
}

.note-dropdown-menu {
    z-index: 9999;
}

.note-modal-body {
    overflow: initial !important;
    overflow-y: scroll !important;
}

.note-modal-footer {
    display: none;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.modal {
    z-index: 1051 !important;
}

.note-dropdown-menu .dropdown-style {
    z-index: 1052 !important;
}

.note-modal {
    z-index: 1052 !important;
}

    .note-modal.fadeIn {
        animation: fadeIn 0.3s ease;
    }

    .note-modal.fadeOut {
        animation: fadeOut 0.3s ease;
    }

.note-editor.note-airframe .note-editing-area .note-codable,
.note-editor.note-frame .note-editing-area .note-codable {
    color: #000000;
    background-color: #e3e3e3;
}

.invoice-table td:nth-child(2) {
    white-space: normal;
    max-width: 250px;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

th {
    align-content: center !important;
}

td {
    align-content: center !important;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:before {
    content: "\e316";
    font-family: "Material Icons";
    font-size: 14px;
    right: 0px;
    bottom: calc(50% - 4px);
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0px;
}

.dataTables_length {
    display: flex;
}

.app-content .page-description {
    margin-bottom: 10px;
}

.btn > i.material-icons {
}
/*Desaparecer barra defs carga*/
.pace-progress {
    display: none;
}

body.modal-open {
    overflow: auto;
    overflow-x: hidden;
}
/*------------------*/
@media (min-width: 554px) {
    .btn > i.fa-duotone {
        align-content: center;
        align-items: center;
        margin: unset;
    }
}

.floating-button {
    position: fixed;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997;
}

.form-check.form-switch {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: -30px;
    margin-top: 20px;
}

    .form-check.form-switch input {
        transform: scale(1.3);
        margin-left: 10px;
    }

    .form-check.form-switch label {
        order: -1;
        margin-top: 5px;
    }

#divPropuesta {
    display: flex;
    justify-content: center;
}

    #divPropuesta table {
        border: 1px black;
        font-size: 14px;
        table-layout: auto;
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
        justify-content: center;
    }

    #divPropuesta tr,
    #divPropuesta th,
    #divPropuesta td {
        font-size: 14px;
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }

.deshabilitado {
    opacity: 0.5;
    pointer-events: none;
}

.zoom-out {
    transition: transform 0.2s ease;
}

    .zoom-out:hover {
        transform: scale(1.05);
        cursor: pointer;
    }

div.widget-stats-container.d-flex {
    min-height: 120px;
    align-items: center;
}

div.tool-bar-buttons > .btn {
    border: 0;
    color: aliceblue;
}

.richText {
    border: none !important;
}

    .richText .richText-toolbar ul li a {
        display: block;
        padding: 10px 13px;
        border-right: #ffffff solid 1px;
        cursor: pointer;
        -webkit-transition: background-color 0.4s;
        -moz-transition: background-color 0.4s;
        transition: background-color 0.4s;
    }

.richText-btn {
    color: #3862d3 !important;
}

.richText-help {
    color: #3862d3 !important;
}

.richText .richText-undo,
.richText .richText-redo {
    color: #3862d3 !important;
}

.richText .richText-initial {
    margin-bottom: -4px;
    padding: 10px;
    background-color: #ffffff;
    border: none;
    color: #33c5ff;
    font-family: Monospace, Calibri, Verdana, Helvetica, sans-serif;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    min-height: 400px;
    height: 400px;
}

.richText .richText-toolbar ul li a:hover {
    background-color: #ddd;
}

a.richText-btn > .fa {
    padding: initial;
}

.richText
.richText-toolbar
ul
li
a
.richText-dropdown-outer > .richText-dropdown-close {
    position: absolute;
    top: 0;
    right: -23px;
    background: #00000036;
    color: #000;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    width: 20px;
    border-radius: 50%;
    width: 33px;
}

@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideOutToLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

.Tables-Anima.visible {
    animation: slideInFromLeft 0.5s ease forwards;
}

.Tables-Anima:not(.visible) {
    animation: slideOutToLeft 0.5s ease forwards;
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.Anim-Editable {
    animation: fadeInScale 0.5s ease forwards;
}

.app-error .app-error-info h6 {
    font-size: 50px;
    font-weight: 800;
    color: #2269f5;
}

.search-visible .search {
    height: 90px;
}

.tab-with-bakground {
    background-color: white;
    border-radius: 10px;
    border-bottom-color: #ccd6ed;
}

.nav-link.btn {
    border-radius: 0px;
}

.border-rounded {
    border-radius: 30px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    margin-block: 5px;
}

.widget-list .widget-list-content .widget-list-item .widget-list-item-description .widget-list-item-description-progress .progress {
    /*height: 15px;*/
}

.blockUI.blockOverlay {
    border-radius: 8px;
}

.widget-list .widget-list-content .widget-list-item .widget-list-item-description {
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

.btn-group-list {
    width: 20px;
}

.modal-body.mb-0.pb-0 {
    min-height: 140px;
}

.avatar.m-r-sm .widget-list-item-icon {
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    margin-right: 20px;
    background: #f4f7fa;
    border-radius: 10px;
}

.avatar .widget-list-item-icon {
    background: #dff0fe;
    color: #2269f5;
}

.widget-list-item-icon.red {
    background: #fce3e5 !important;
    color: #ff4857;
}

.widget-list-item-icon.orange {
    background: #feebdf !important;
    color: #f59922;
}

.widget-list-item-icon.purple {
    background: #e5dffe !important;
    color: #7522f5;
}

.widget-list-item-icon.green {
    background: #e6fcf0 !important;
    color: #4bad48;
}

.widget-list-item-icon i.fa i.fad {
    padding-top: 17px;
    padding-left: 1px;
    font-size: 1.5em;
}

/*[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    min-width: 55px;
}*/

.text-elipsis {
    text-overflow: ellipsis;
}

.nowrap {
    white-space: nowrap
}

.text-color-blue {
    color: #0d6efd;
}

.text-color-red {
    color: #dc3545;
}

.text-color-green {
    color: #198754;
}

.text-color-yellow {
    color: #ffc107;
}

.text-color-orange {
    color: #fd7e14;
}

.text-color-purple {
    color: #6f42c1;
}

.text-color-pink {
    color: #d63384;
}

.text-color-teal {
    color: #20c997;
}

.text-color-gray {
    color: #6c757d;
}

.text-color-brown {
    color: #a52a2a;
}

.text-color-black {
    color: #000000;
}

.text-color-white {
    color: #ffffff;
}

.text-color-gold {
    color: #ffd700;
}

.text-color-cyan {
    color: #0dcaf0;
}

.text-color-magenta {
    color: #ff00ff;
}

.text-color-lime {
    color: #00ff00;
}

.text-color-navy {
    color: #000080;
}

.text-color-olive {
    color: #808000;
}

.text-color-maroon {
    color: #800000;
}

.masonry-column {
    /*padding: 0px 1px 0px 1px;*/
}

.masonry-grid > div .thumbnail {
    margin: 5px 1px;
}

.text-invert {
    mix-blend-mode: difference;
}

.dropzone {
    border-radius: 4px;
    border: 2px dashed #dcdaf4 !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.dz-success-mark {
    filter: invert(56%) sepia(42%) saturate(2227%) hue-rotate(69deg) brightness(97%) contrast(91%);
    border-radius: 50%;
    padding: 2px;
    opacity: 0.8;
}

    .dz-success-mark svg {
        font-size: 54px;
        fill: #fff !important;
    }

.dz-error-mark {
    opacity: 0.8;
    filter: invert(60%) sepia(72%) saturate(4523%) hue-rotate(329deg) brightness(104%) contrast(102%);
    border-radius: 50%;
    padding: 2px;
}

    .dz-error-mark svg {
        font-size: 54px;
        fill: #fff !important;
    }

#mytmp .dz-remove {
    z-index: 999;
    position: absolute;
    display: block;
    top: 0%;
    left: 0%;
    margin-left: -16px;
    margin-top: -16px;
}

    #mytmp .dz-remove svg {
        fill: #444;
        cursor: pointer;
    }

.progress {
    background-color: #dad9f3;
}

.tooltip-inner {
    background-color: rgb(85 85 85 / 95%) !important;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-left-color: rgb(85 85 85 / 95%) !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: rgb(85 85 85 / 95%) !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-left-color: rgb(85 85 85 / 95%) !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: rgb(85 85 85 / 95%) !important;
}

.widget-list .widget-list-content .widget-list-item .widget-list-item-description .widget-list-item-description-progress .progress {
    transition: height 0.3s ease;
}

.widget-list .widget-list-content .widget-list-item:hover .widget-list-item-description .widget-list-item-description-progress .progress {
    height: 18px;
}

.widget-list-item .progress > strong {
    display: none !important;
    text-shadow: 1.5px 0 #000000, -1px 0 #000000, 0 1px #000000, 0 -1px #000000, 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;
}

.widget-list-item:hover .progress > strong {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.widget-list-item .pt-2 > .btn-group {
    border: 0;
    border-radius: 30px;
}

.btn-icon-text {
    border: 0px;
    border-radius: 30px;
}

    .btn-icon-text span {
        color: white;
        border: 0px;
        border: 0px solid transparent;
    }

    .btn-icon-text span {
        font-size: 0;
        transition: font-size 0.4s;
    }

    .btn-icon-text i {
        display: inline-block;
        padding: 0;
        margin: 0;
        margin-right: -5px;
    }

    .btn-icon-text:hover span {
        font-size: initial;
        transition: font-size 0.4s;
    }

    .btn-icon-text:hover i {
        margin-right: 6px;
    }

.text-border {
    text-shadow: 1.5px 0 #000000, -1px 0 #000000, 0 1px #000000, 0 -1px #000000, 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;
}

.flatpickr-calendar {
    position: fixed;
    z-index: 1055;
}

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

.dropdown-menu {
    width: auto;
}

.btn.btn-rounded.force {
    border-top-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.btn.btn-rounded.force-right {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.btn.btn-rounded.force-left {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.btn.btn-rounded.force-top {
    border-top-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
}

.btn.btn-rounded.force-bot {
    border-bottom-right-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.shake {
    animation: shake 0.5s;
    color: red !important;
}

.shake2 {
    animation: shake 0.5s;
    color: darkorange !important;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

.custom-img-style {
    width: 80px;
    height: 80px;
    display: block;
    text-align: center;
    margin-right: 20px;
    background: #f4f7fa;
    border-radius: 10px;
    background: #fce3e5;
    color: #ff4857;
}

.category-card {
    /*width: 150px;*/ /* Tamaño de la card */
    width: -webkit-fill-available; /* Tamaño de la card */
    text-align: center;
    padding: 20px;
    cursor: pointer;
    /*border: 1px solid #d7d7d7;*/
    border-radius: 20px;
}

    .category-card:hover {
        background-color: #dfdfdf; /* Color de fondo al pasar el mouse */
    }

.icon-circle {
    width: 70px;
    height: 70px;
    background-color: var(--bs-primary); /* Color primary de Bootstrap */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; /* Centrar el círculo */
}

.icon {
    font-size: 2rem;
    color: white; /* Color del ícono dentro del círculo */
}

.category-name {
    margin-top: 15px;
    font-size: 1rem;
}

.modal-xxl {
    max-width: 1120px;
}

.bs-stepper-header-stiky {
    position: sticky;
    top: 0;
    z-index: 1000; /* Asegúrate de que quede encima de otros elementos */
    background-color: white; /* Fondo para evitar que el contenido debajo se vea */
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/ /* Opcional: agregar una sombra para resaltarlo */
}

.widget-connection-request .widget-connection-request-container .widget-connection-request-info .widget-connection-request-info-name {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.no-shadow {
    box-shadow: none !important;
}

.text-overflow-hidden {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

    .text-overflow-hidden.lh-1 {
        -webkit-line-clamp: 1;
    }

    .text-overflow-hidden.lh-2 {
        -webkit-line-clamp: 2;
    }

    .text-overflow-hidden.lh-3 {
        -webkit-line-clamp: 3;
    }

    .text-overflow-hidden.lh-4 {
        -webkit-line-clamp: 4;
    }

    .text-overflow-hidden.lh-5 {
        -webkit-line-clamp: 5;
    }

.example-icon-table {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: #e3e3ff;
    color: #6363ff;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .example-icon-table > i.fad {
        line-height: 45px;
        font-size: 30px;
    }

.input-group > .select2-container--default .select2-selection--single {
    border-top-left-radius: 0 !important; /* Elimina el redondeo en la esquina superior izquierda */
    border-bottom-left-radius: 0 !important; /* Elimina el redondeo en la esquina inferior izquierda */
}

.flex-semi-middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse
}

    .flex-semi-middle > i {
        margin-left: 13px;
    }

.input-group .select2-container {
    width: 100% !important;
}

.input-group .select2-container--default .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 100%;
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.italic {
    font-style: italic;
}

.app-menu > ul > li > a.active > i.fad:not(.has-sub-menu) {
    margin-right: 13px;
    vertical-align: top;
    line-height: 20px;
    font-size: 24px;
    filter: inherit;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #3878f6;
}

.app-menu > ul > li > a.active > i.fas:not(.has-sub-menu) {
    margin-right: 13px;
    vertical-align: top;
    line-height: 20px;
    font-size: 24px;
    filter: inherit;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #3878f6;
}

.app-menu > ul > li > a > i.fad:not(.has-sub-menu) {
    margin-right: 13px;
    vertical-align: top;
    line-height: 20px;
    font-size: 24px;
    filter: inherit;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #5d6b86;
    width: 30px;
}

.app-menu > ul > li > a > i.fas:not(.has-sub-menu) {
    margin-right: 13px;
    vertical-align: top;
    line-height: 20px;
    font-size: 24px;
    filter: inherit;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #5d6b86;
    width: 30px;
}

.app-menu > ul > li.active-page > a > i.fad:not(.has-sub-menu),
.app-menu > ul > li.open > a > i.fad:not(.has-sub-menu),
.app-menu > ul > li > a:hover > i.fad:not(.has-sub-menu) {
    color: #ff004d;
}


.app-menu > ul > li > a {
    display: flow;
}


.app-menu > ul > li > a {
    padding-left: 10px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

.accordion-menu li > a > i.has-sub-menu {
    position: absolute;
    left: 90%;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    border-left-color: rgb(85 85 85 / 95%) !important;
}

.h-80 {
    height: 80% !important;
}
.table-container {
    /*display: flex;*/ /* Quitar o comentar */
    /*align-items: center;*/ /* Quitar o comentar */
    width: 100%;
    overflow-x: auto; /* Para scroll horizontal */
    padding: 0.5rem; /* Espaciado opcional */
    margin: 0 auto; /* Para centrar horizontalmente si la tabla es más estrecha */
}

    .table-container table {
        width: 100%; /* Se ajusta al espacio disponible */
        max-width: 100%; /* Evita que desborde */
        margin: 0 auto; /* Centra la tabla si es más pequeña que el contenedor */
    }
.table thead th,
.table tbody td {
    text-align: center; /* o left, según tu preferencia */
}


.empty-notification-message {
    display: none;
    text-align: center;
    padding: 20px 10px;
    color: #6c757d;
    opacity: 0;
    transition: opacity 0.5s ease;
}

    .empty-notification-message.show {
        display: block;
        opacity: 1;
    }

    .empty-notification-message i {
        color: #adb5bd;
        animation: bounceIn 0.8s;
    }

    .empty-notification-message p {
        margin: 0;
        font-size: 14px;
        font-weight: 500;
    }

@keyframes bounceIn {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    60% {
        transform: scale(1.2);
        opacity: 1;
    }

    100% {
        transform: scale(1);
    }
}