@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');

:root {
    --fixnerBlue1: #0b66c3;
    --fixnerBlue2: #85b3e1;
    --fixnerBlue3: #074482;
    --fixnerGray1: #55627e;
    --fixnerGray2: #8f9aa6;
    --fixnerGray3: #aaaaaa; /* creado para los placeholders */
    --fixnerWhite1: #ffffff;
    --fixnerWhite2: #e5e5e5;
    --fixnerWhite3: #f4f6f9;
    --fixnerBlack: #000000; /* 8 */
    --fixnerRed1: #c10c0c; /* 9 */
    --fixnerRed2: #e08686; /* 10 */
    --fixnerRed3: #810808; /* 11 */
    --fixnerOrange1: #ff9700; /* 12 */
    --fixnerOrange2: #e0b986; /* 13 */
    --fixnerOrange3: #aa6500; /* 14 */
    --fixnerYellow1: #ffd000; /* 15 #ffce00 amarillo previo a este*/
    --fixnerYellow2: #e0ce86; /* 16 */
    --fixnerYellow3: #aa8900; /* 17 */
    --fixnerGreen1: #42bf0d; /* 18 */
    --fixnerGreen2: #a1e086; /* 19 */
    --fixnerGreen3: #2c7f09; /* 20*/
    --fixnerPurple1: #9600e5; /* 21 */
    --fixnerPurple2: #bd86e0; /* 22 */
    --fixnerPurple3: #640099; /* 23 */
    --fixnerMagenta1: #dc00e2; /* 24 */
    --fixnerMagenta2: #d985dd; /* 25 */
    --fixnerMagenta3: #910099; /* 26 */
    --fixnerGradient1: #ebf6ff; /* 27 */
    --fixnerGradient2: #e1ecf7; /* 28 */
    --fixnerGradient3: #c2d9f0; /* 29 */
    --fixnerGradient4: #a3c6e9; /* 30 */
    --fixnerGradient5: #67a0da; /* 31 */
    --fixnerGradient6: #488dd2; /* 32 */
    --fixnerGradient7: #2a79cb; /* 33 */
    --wooCommercePurple: #7f54b3;

    --primary: var(--fixnerBlue1) !important;
    /*--secondary: var();*/
    --success: var(--fixnerGreen1) !important;;
    /*--info: var();*/
    --danger: var(--fixnerRed1) !important;;
    --warning: var(--fixnerYellow1) !important;;

    --font-size-base: 0.875rem;
    --line-height-base: 1.75;
}

body {
    font-family: 'Assistant', sans-serif;
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
}

/**
Elementos tinymce en la linea de las tablas
 */
.emuleted-textArea {
    padding: 4px 3px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    margin-left: 0;
    white-space: normal;
    background-color: var(--fixnerWhite1);
    border: 1px solid var(--fixnerBlue2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    transition: border linear .2s, box-shadow linear .2s;
    border-radius: 4px;
    line-height: 20px;
    color: #555;
    resize: both;

}

.emuleted-textArea:focus {
    border-color: var(--fixnerBlue2);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(133, 179, 225, 0.6);
}

.maximize:focus {
    height: 150px;
    overflow: auto;
}

.maximize {
    height: 31px;
    overflow: hidden;
}

/******/

/**
Nuevas líneas en las tablas
 */

.table tbody tr.newLine td {
    background-color: var(--fixnerGreen2);
}

.table tbody tr.tableSelectLine td {
    background-color: var(--fixnerGradient2);
}

.table td.acciones .btn-group.show,
.table tr:hover .acciones .btn-group {
    visibility: visible;
}

.table .acciones .btn-group {
    visibility: hidden;
}

.table-fixed {
    table-layout: fixed;
}

/******/


/**
Permisos de los elementos
 */
.hidePermission {
    display: none !important;
}

/******/


/*****
Signature pad
****/

.m-signature-pad {
    position: fixed;
    z-index: 2000;
    font-size: 10px;
    width: 700px;
    height: 700px;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -350px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
}

.m-signature-pad--body {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 60px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.m-signature-pad--body canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.m-signature-pad--footer {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 7px;
    height: 40px;
}

.m-signature-pad--footer .description {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 1.8em;
}

@media screen and (max-width: 1024px) {
    .m-signature-pad {
        top: 50%;
        left: 50%;
        width: 700px;
        height: 700px;
        min-width: 250px;
        min-height: 140px;
        margin-left: -350px;
        margin-top: -350px;

    }
}

@media screen and (max-height: 768px) {
    .m-signature-pad {
        margin-left: -160px;
        margin-top: -160px;
        width: 320px;
        height: 320px;
    }
}

@media screen and (max-height: 320px) {
    .m-signature-pad {
        margin-left: -150px;
        margin-top: -150px;
        width: 300px;
        height: 300px;
    }

    .m-signature-pad--footer {
        left: 20px;
        right: 20px;
        bottom: 4px;
        height: 28px;
    }

    .m-signature-pad--footer .description {
        font-size: 1em;
        margin-top: 1em;
    }
}

/*****/

/****
Parte de metadatos
 ***/

.metadatosFila {
    background-color: var(--fixnerWhite3) !important;
}

.metadatosFila td {
    box-shadow: 0 5px 14px -5px rgba(50, 50, 50, 0.81);
    -webkit-box-shadow: 0 5px 14px -5px rgba(50, 50, 50, 0.81);
    -moz-box-shadow: 0 5px 14px -5px rgba(50, 50, 50, 0.81);
}

/***
Para la impresión del fullcalendar
 */
@media print {
    #sideBar {
        display: none;
    }

    #breadcrumb {
        display: none;
    }

    #barCalendar {
        display: none;
    }

    #navbar-inner {
        display: none;
    }

    #content-header {
        display: none;
    }

    #content {
        margin-left: 0;
    }

    #top {
        display: none;
    }

    #idSinPlanificar {
        display: none !important;
    }

    #idPanelEntidad {
        display: none !important;
    }
}

/*****/

/****
    TEXTO: para los textos que estan dentro de los widgtes de mecanismos de contacto
 */
.lh-1 {
    line-height: 1rem;
}

.gwt-InlineLabel {
    font-weight: 600;
}

a > .gwt-InlineLabel {
    font-weight: unset;
}

.table thead th .gwt-InlineLabel {
    font-weight: 700;
}

.main-header .gwt-InlineLabel {
    font-weight: 400;
}

/***/

/***
    MECANISMOS CONTACTO: para que los mecanismos de contacto tengo un alto automatico
 */

.info-box.datos-contactos {
    min-height: auto !important;
}

/***/

/***
    BOTONES
 */

.btn-truncate {
    display: inline-block;
    /*width: 100px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table .btn-group {
    /* para que los botones selectores de las tablas ocupen el espacio disponible*/
    width: 100%;
}

.table .btn-group, .dropdown-btn-group {
    /* hasta un máximo para no romper las botoneras del menú de acciones*/
    max-width: 175px;
}

/***
    Botones header
 */

#actions-menu > div {
    display: flex;
    gap: .25rem;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
    gap: 1.5rem;
}

.gap-5 {
    gap: 3rem;
}

/**
    Imagen perfil de entidades
    Util
 */

.image-profile {
    object-fit: cover;
    object-position: top;
}

.image-profile-worker {
    object-fit: contain;
    object-position: top;
}

/**
    Imagen logo superior izquierda
 */

.logo-superior-izquierda {
    text-align: left;
    height: 57px;
    width: 250px;
    border-width: 1px;
    border-style: solid;
    object-fit: contain;
    object-position: left;
}

/*
    Imagen logo superior izquierda cuando minimizas el sidebar
 */
.logo-superior-izquierda-minimizar {
    text-align: left;
    height: 57px;
    width: 74px;
    border-width: 1px;
    border-style: solid;
    object-fit: contain;
    object-position: left;
}

/**
    Iconos de avatar redondeados
 */
.rounded-avatar-profile,
.fa-solid.rounded-avatar-xl,
.fa-regular.rounded-avatar-xl,
.fa-brands.rounded-avatar-xl,
.fa-kit.rounded-avatar-xl,
.rounded-avatar-xl,
.fa-solid.rounded-avatar-md,
.fa-regular.rounded-avatar-md,
.fa-brands.rounded-avatar-md,
.fa-kit.rounded-avatar-md,
.rounded-avatar-md,
.fa-solid.rounded-avatar-sm,
.fa-regular.rounded-avatar-sm,
.fa-brands.rounded-avatar-sm,
.fa-kit.rounded-avatar-sm,
.rounded-avatar-sm,
.fa-solid.rounded-avatar-xs,
.fa-regular.rounded-avatar-xs,
.fa-brands.rounded-avatar-xs,
.fa-kit.rounded-avatar-xs,
.rounded-avatar-xs {
    display: flex;
    align-items: center;
    justify-content: center;
    /* esto se usara con los iconos de colaboradores para que tengan un círculo gris de fondo */
    Object-position: center;
    Object-fit: cover;
    background-color: var(--fixnerWhite2);
}

.fa-solid.rounded-avatar-xl, .rounded-avatar-xl {
    height: 5rem;
    width: 5rem;
    min-width: 5rem;
    font-size: 2.5rem;

    i {
        font-size: 2.5rem;
        /*para que el tamaño de fuente solo afecte a los iconos*/
    }
}

.fa-solid.rounded-avatar-md, .rounded-avatar-md, fa-kit.rounded-avatar-md {
    height: 3rem;
    width: 3rem;
    min-width: 3rem;

    i {
        font-size: 1.5rem;
        /*para que el tamaño de fuente solo afecte a los iconos*/
    }
}

.fa-solid.rounded-avatar-sm, .rounded-avatar-sm {
    height: 2rem;
    width: 2rem;
    min-width: 2rem;

    i {
        font-size: 1rem;
        /*para que el tamaño de fuente solo afecte a los iconos*/
    }
}

.fa-solid.rounded-avatar-xs, .rounded-avatar-xs {
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;

    i {
        font-size: 0.875rem;
        /*para que el tamaño de fuente solo afecte a los iconos*/
    }
}

.table-adjustable {
    /*table-layout: fixed;*/
}


.popover.popover-encima-cabecera {
    z-index: 1036;
    /* Para el caso en el que el selector está en la cabecera*/
}

.w-fit-content {
    /* Se usa en los badges para que no se extiendan para ocupar el 100% del espacio disponible pero que sigan siendo responsive*/
    width: fit-content !important;
}

.row-dashed {
    border-top: dashed 2px var(--fixnerWhite2);
    border-bottom: dashed 2px var(--fixnerWhite2);
}

.text-no-wrap {
    white-space: nowrap;
}

.text-line-through {
    text-decoration: line-through;
}

/*991 es md*/
@media (max-width: 991px) {
    .table-adjustable > colgroup > col {
        width: 0;
    }

    .table-adjustable > colgroup > col:last-child {
        width: 0;
    }

    .table-adjustable > colgroup > col:first-child {
        width: 100%;
    }
}

.border-right-grey2 {
    border-right: 1px solid var(--fixnerGray2);
}


.card-body .table .thread1 {
    background-color: var(--fixnerWhite2);
    top: 167px;
    position: sticky;
    z-index: 1034;
}

.card-body .table .threadCreate {
    background-color: var(--fixnerWhite2);
    top: 102px;
    position: sticky;
    z-index: 1034;
}

.card-body .table .thread2 {
    background-color: var(--fixnerWhite2);
    top: 137px;
    position: sticky;
    z-index: 1034;
}

.card-body .table .thread3 {
    top: 197px;
    position: sticky;
}

.card-body .table .thread1.threadProyecto {
    top: 199px;
}

.card-body .table thead.headCreate.threadProyecto {
    top: 135px;
}

.card-body .table .thread2.stickProyecto, .card-body .table thead.stickProyecto, .stickProyecto, .stickProyecto thead {
    top: 167px !important;
}

.card-body .table thead.threadProyecto, .thead-secondary.threadProyecto, .card-body .table .thread2.threadProyecto {
    top: 168px;
}

.card-body .table .thread3.threadProyecto {
    top: 229px;
}


.maximized-card .card-body .table .thread2 {
    top: -21px;
}

.maximized-card .card-body .table .thread1 {
    top: 14px;
}

.maximized-card .card-body .table .thread3 {
    top: 17px;
}


@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1035;
    }
}

.sticky-card {
    position: sticky;
    top: 138px;
    z-index: 1035;
}

.thead-secondary.card-sticky {
    top: 186px;
}

.card-body .table .dropdown-menu {
    z-index: 1036 !important;
}

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

/* borrar css*/
.traducciones-head-table {
    color: var(--fixnerGray1);
    background-color: var(--fixnerWhite2);
    font-weight: bold;
}

.select2-drop-mask-modal {
    z-index: 1051 !important;
    /*tiene que tener un índice menor que el del selector del modal para que funcione el scroll*/
}

.min-w-110 {
    min-width: 110px;
}

.text-bold.bg-light.chapterDisable {
    color: var(--fixnerWhite2) !important;
}

.card-body .table thead.headCreate, .table .headCreate {
    top: 103px;
}

.thead-secondary {
    color: var(--fixnerGray1);
    background-color: var(--fixnerWhite2);
    font-weight: bold;
    font-size: 0.75rem;
    top: 134px;
    position: sticky;
    z-index: 3;
}

.maximized-card .thead-secondary, .maximized-card .card-body table .thead-secondary {
    top: -14px !important;
}


.proyectEstatusHeader {
    background-color: var(--fixnerWhite1);
    color: var(--fixnerBlack);
    border-color: var(--fixnerWhite1);
}


.cardInforme.todos {
    border-top: 3px solid var(--fixnerGray1);
}

.cardInforme.ventas {
    border-top: 3px solid var(--fixnerGreen3);
}

.cardInforme.trabajos {
    border-top: 3px solid var(--fixnerBlue1);
}

.cardInforme.facturacion {
    border-top: 3px solid var(--fixnerRed1);
}

.cardInforme.compras {
    border-top: 3px solid var(--fixnerPurple1);
}

.cardInforme.entregas {
    border-top: 3px solid var(--fixnerMagenta1);
}

.cardInforme.wooCommerce {
    border-top: 3px solid var(--wooCommercePurple);
}

.cardInforme.webhook {
    border-top: 3px solid var(--fixnerBlue3);
}

.cardInforme.personalizado {
    border-top: 3px solid var(--fixnerGray2);
}

.cardInforme.inventario {
    border-top: 3px solid var(--fixnerOrange1);
}

.cardInforme.tesoreria {
    border-top: 3px solid var(--fixnerGradient5);
}

.cardInforme.ventas .card-footer .btn, .btn.btn-app.ventas.active {
    color: white;
    background-color: var(--fixnerGreen3);
}

.cardInforme.ventas .card-footer button.btn {
    background-color: var(--fixnerGreen2);
}

.cardInforme.tesoreria .card-footer .btn, .btn.btn-app.tesoreria.active {
    color: white;
    background-color: var(--fixnerGradient5);
}

.cardInforme.tesoreria .card-footer button.btn {
    background-color: var(--fixnerGradient4);
}

.cardInforme.facturacion .card-footer .btn, .btn.btn-app.facturacion.active {
    color: white;
    background-color: var(--fixnerRed1);
}

.cardInforme.facturacion .card-footer button.btn {
    background-color: var(--fixnerRed2);
}

.cardInforme.trabajos .card-footer .btn, .btn.btn-app.trabajos.active {
    color: white;
    background-color: var(--fixnerBlue1);
}

.cardInforme.trabajos .card-footer button.btn {
    background-color: var(--fixnerBlue2);
}

.cardInforme.compras .card-footer .btn, .btn.btn-app.compras.active {
    color: white;
    background-color: var(--fixnerPurple1);
}

.cardInforme.compras .card-footer button.btn {
    background-color: var(--fixnerPurple2);
}

.cardInforme.wooCommerce .card-footer .btn, .btn.btn-app.wooCommerce.active {
    color: white;
    background-color: var(--wooCommercePurple);
}

.cardInforme.wooCommerce .card-footer button.btn {
    background-color: var(--wooCommercePurple);
}

.cardInforme.webhook .card-footer .btn, .btn.btn-app.webhook.active {
    color: white;
    background-color: var(--fixnerBlue3);
}

.cardInforme.webhook .card-footer button.btn {
    background-color: var(--fixnerBlue3);
}

.cardInforme.personalizado .card-footer .btn, .btn.btn-app.personalizado.active {
    color: white;
    background-color: var(--fixnerGray2);
}

.cardInforme.personalizado .card-footer button.btn {
    background-color: var(--fixnerGray2);
}

.cardInforme.entregas .card-footer .btn, .btn.btn-app.entregas.active {
    color: white;
    background-color: var(--fixnerMagenta1);
}

.cardInforme.entregas .card-footer button.btn {
    background-color: var(--fixnerMagenta2);
}

.cardInforme.inventario .card-footer .btn, .btn.btn-app.inventario.active {
    color: white;
    background-color: var(--fixnerOrange1);
}

.cardInforme.inventario .card-footer button.btn {
    background-color: var(--fixnerOrange2);
}

.cardInforme .card-footer {
    background-color: unset;
}

.headerProyect {
    background-color: var(--fixnerBlue3);
}

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

.max2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.swiper-container {
    color: var(--fixnerGray1);
    width: 100%;
    height: 500px;
    text-align: center;
    /*box-shadow: 0px 3px 5px #8f9aa6;*/
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.swiper-btn-color {
    color: var(--fixnerGray2);
}

.swiper-pagination-bullet-active {
    background-color: var(--fixnerGray2);
    transform: scale(1.5);
}

.swiper-pagination-bullet:hover {
    background-color: var(--fixnerGray1);
}

.swiper-slide .logo {
    width: 250px;
    margin-bottom: 2rem;
}

.swiper-slide img {
    width: 132px;
    margin: 4rem auto 1rem;
}

.swiper-slide p {
    width: 60%;
    margin: 0 auto .5rem;
}

.swiper-slide .btnPrimary:hover {
    background-color: var(--fixnerBlue3);
}

.swiper-slide .btnPrimary {
    display: inline-block;
    background-color: var(--fixnerBlue1);
    color: var(--fixnerWhite1);
    padding: .5rem 1rem;
    border-radius: 4px;
    font-weight: 400;
    margin-top: 1rem;
}

.swiper-button-disabled {
    display: none;
}

/*
Para los checkBox con texto
 */
label.checkbox > input {
    margin-right: 0.5rem;
}

table td:first-child {
    font-weight: 600;

}

.card table td:first-child {
    font-weight: inherit;
}

.descripcion * {
    padding: revert;
}

.descripcion img {
    max-width: 100%;
    height: auto;
}

.currentBreadcrumb, .currentBreadcrumb:hover {
    color: var(--fixnerBlack);
    font-weight: 600;
}

.breadcrumb-options .select2-container {
    width: 0;
    visibility: hidden;
    height: 0;
}

.breadcrumb-button {
    margin-left: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.breadcrumb-options a {
    color: var(--fixnerBlack);
}

.breadcrumb-button:hover {
    background: var(--fixnerGray2);
    color: var(--fixnerWhite1);
}

.select2-drop-mask-breadcrumb {
    z-index: 1036 !important;
}

.select2-breadcrumb {
    z-index: 1036 !important;
}

.text-truncate-2 {
    --num-lines: 2;
    --line-height-truncate: var(--line-height-base);

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--num-lines); /* numLines */
    /* fallback IE */
    line-height: var(--line-height-truncate); /* fallback */
    max-height: calc(var(--line-height-truncate) * var(--num-lines)); /* line-height * numLines */
}

.fs-1 {
    font-size: calc(var(--font-size-base) * 2.5);
}

.fs-2 {
    font-size: calc(var(--font-size-base) * 2);
}

.fs-3 {
    font-size: calc(var(--font-size-base) * 1.75);
}

.fs-4 {
    font-size: calc(var(--font-size-base) * 1.5);
}

.fs-5 {
    font-size: calc(var(--font-size-base) * 1.25);
}

.fs-6 {
    font-size: var(--font-size-base);
}

.form-control, .ordenTextBox input {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control, .ordenTextBox input {
        transition: none;
    }
}

.form-control::-ms-expand, .ordenTextBox input::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus, .ordenTextBox input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.form-control::-webkit-input-placeholder, .ordenTextBox input::-webkit-input-placeholder {
    color: #939ba2;
    opacity: 1;
}

.form-control::-moz-placeholder, .ordenTextBox input::-moz-placeholder {
    color: #939ba2;
    opacity: 1;
}

.form-control:-ms-input-placeholder, .ordenTextBox input:-ms-input-placeholder {
    color: #939ba2;
    opacity: 1;
}

.form-control::-ms-input-placeholder, .ordenTextBox input::-ms-input-placeholder {
    color: #939ba2;
    opacity: 1;
}

.form-control::placeholder, .ordenTextBox input::placeholder {
    color: #939ba2;
    opacity: 1;
}

.form-control:disabled, .form-control[readonly], .ordenTextBox input:disabled, .ordenTextBox input[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

select.form-control:-moz-focusring, .ordenTextBox input:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

select.form-control:focus::-ms-value, .ordenTextBox input:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-sm, .ordenTextBox input {
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.border-1 {
    border: 0.1rem solid;
}

.shadow-card {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.logoSidebar {
    padding: unset;
    height: 57px;
}

.imgLogo {
    height: 100%;
}


.password-section {
    position: relative;
    display: inline-block;
}

.password-section .fa-eye {
    position: absolute;
    top: 76%;
    right: 22px; /* Adjust this value to control the icon's position */
    transform: translateY(-50%);
    cursor: pointer;
}

.password-section .fa-eye-slash {
    position: absolute;
    top: 76%;
    right: 22px; /* Adjust this value to control the icon's position */
    transform: translateY(-50%);
    cursor: pointer;
}

.notificacionLlamadas {
    color: #C09853;
    background-color: #FCF8E3;
    border-color: #FBEED5;
    z-index: 2000;
    position: fixed;
    left: 50%;
    top: 8%;
    border-radius: 0.25rem;
    padding: 0.5rem;
}

.border-1 {
    border: 0.1rem solid;
}

.shadow-card {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.logoSidebar {
    padding: unset;
    height: 57px;
}

.imgLogo {
    height: 100%;
}

.bg-light-danger {
    background-color: #f2dede;
}

.bg-light-secondary {
    background-color: #aaaaaa;
}

.bg-light-success {
    background-color: #dff0d8;
}

.bg-purple {
    background-color: var(--fixnerPurple1);
}

.btn-disabled-with-tooltip {
    pointer-events: auto !important;
    cursor: initial !important;
}

.sidebar-collapse {
    #imagenLogoMinimizado {
        display: initial;
    }

    #imagenLogo {
        display: none;
    }

    #sideBar:hover {
        #imagenLogoMinimizado {
            display: none;
        }

        #imagenLogo {
            display: initial;
        }
    }
}

#imagenLogoMinimizado {
    display: none;
}

#imagenLogo {
    display: initial;
}

.caja-moneda {
    width: 40px;
}

.pointer:hover {
    cursor: pointer;
}