:root {
    --primary-color: #7bb834;
    --secondary-color: #65972b;
    /* ######### Gris #########*/
    --color-pay-gray-tint-whitegray: #f6f6f6;
    --color-pay-gray-tint-soft: #d9d9d9;
    --color-pay-gray-tint: #9b9b9b;
    --color-pay-gray-tint-strong: #8e8e8e;
    --color-pay-gray: #767676;
    --color-pay-gray-shade-soft: #6c6c6c;
    --color-pay-gray-shade: #555555;
    --text-color: #3c3c3c;
}

html {
    font-size: 14px;
}

.navbar-toggler {
    border-color: #cbcbcb;
}

/* The side navigation menu */
.sidebar {
    margin: 0;
    padding: 0;
    width: 180px;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: auto;
}

/* Sidebar links */
.sidebar a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
}

/* Active/current link */
.sidebar a.active {
    background-color: #04AA6D;
    color: white;
}

/* Links on mouse-over */
.sidebar a:hover:not(.active) {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
    }

    .sidebar a {
        float: left;
    }

    div.content {
        margin-left: 0;
    }
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 400px) {
    .sidebar a {
        text-align: center;
        float: none;
    }
}

.table-efigie {
    max-height: 300px;
    overflow: scroll;
    white-space: nowrap;
}

.table-efigie-head {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #ffffff;
}

.table-efigie tbody tr td,
.table-efigie thead tr th,
.table-efigie thead {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.table-efigie tbody tr:hover td,
.table-efigie tbody tr:hover th {
    background-color: #fdf5e6;
}

.table-font {
    font-size: 14px;
    vertical-align: middle;
}

.bg-efigie {
    /*background-color:#e3c17f!important*/
    /*background-color:#e7d8bb!important*/
    /*background-color:#1966af!important;*/
    background-color: var(--primary-color) !important;
    color: #ffffff;
}

a.bg-efigie:focus,
a.bg-efigie:hover,
button.bg-efigie:focus,
button.bg-efigie:hover {
    background-color: #dae0e5 !important
}

.nav-item-efigie {
    color: #ffffff;
    --bs-nav-link-hover-color: var(--color-pay-gray-tint-soft);
    --bs-navbar-hover-color: var(--color-pay-gray-tint-soft);
    --bs-navbar-brand-hover-color: var(--color-pay-gray-tint-soft);
}

.dropdown-menu {
    --bs-dropdown-link-hover-bg: var(--color-pay-gray-tint-soft);
}

.volver {
    text-align: right;
    text-transform: uppercase;
    color: #ffeaa7;
}

.descargar {
    text-align: right;
    text-transform: uppercase;
    color: #ffffff;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--secondary-color);
    --bs-btn-hover-color: var(--color-pay-gray-tint-whitegray);
    --bs-btn-hover-bg: var(--secondary-color);
    --bs-btn-hover-border-color: var(--secondary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--secondary-color);
    --bs-btn-active-border-color: var(--secondary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}


.conciliado {
    background: linear-gradient(-90deg, rgb(255,255,255,1) 0%, rgb(247, 247, 247) 30%, rgb(236, 245, 255) 100%);
}

.conciliado-completed {
        /*background: linear-gradient(-90deg, rgba(123, 184, 52,1) 0%, rgb(230 243 255) 75%, rgba(255,255,255,1) 100%);*/
    background: linear-gradient(-90deg, rgb(255,255,255,1) 0%, rgb(247, 247, 247) 30%, rgb(236, 255, 237) 100%);
}

.conciliado-failed{
    background: linear-gradient(-90deg, rgb(255,255,255,1) 0%, rgb(247, 247, 247) 30%, rgb(255, 236, 236) 100%);
}

/*scrollbars*/
/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.active>.page-link,
.page-link.active {
    background-color: #65972b;
    border-color: #65972b;
}