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

/* OVERRIDE BOOTSTRAP CLASSES */

.form-control {
    /* font-family: "Poppins", sans-serif; */
    border: none;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 400;
    outline: none;
    padding: 0;
    height: auto;
    box-shadow: none;
}

.form-control:focus {
    border: none;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
}

/* Buttons */

/* select {
    display: none;
} */

.nice-select {
    line-height: 1.5;
    height: auto;
    width: 100%;
    font-size: 14px;
}

.nice-select .list {
    max-height: 40vh;
    overflow: auto;
}

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

:root {
    --background-light: #fbfcfe;
    /*--background-main: #f1f4fa;*/
    --background-blue: #f1f4fa;
    --background-main: #f5f5f5; 
    --background-dark: #535353;

    --text-primary: #333333;
    --text-secondary: #c6c6c6;
    --text-accent: #864192/*#1B60D0*/;  /*MORADO GENERAL*/

    --primary-light: #373ecf;
    --primary-main: #864192;/*#1B60D0;*/  /*MORADO GENERAL*/
    --primary-dark: #0f1364;

    --error: #ff5858;
    --success: #8CE88C;
    --warning: #f7ac02;
    --disabled: #e2e2e2;

    --greenaqua: #ec671a/*#8CE88C*/;
    --green: #29b680;
    --yellow: #f7ac02;
    --blue: #864192;/*#1B60D0;*/  /*MORADO GENERAL*/
    --red: #ff5858;
}

a {
    color: var(--text-primary);
}

a:hover {
    text-decoration: none;
    color: var(--text-dark);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0.5rem 0;
}

h1 {
    font-size: 4rem;
    margin: 1rem 0;
}
h2 {
    font-size: 3.5rem;
}
h3 {
    font-size: 3rem;
}
h4 {
    font-size: 2rem;
}
h5 {
    font-size: 1.5rem;
}
h6 {
    font-size: 1rem;
}

@media (max-width: 1920px) {
    html {
        font-size: 16px;
    }
}
@media (max-width: 900px) {
    html {
        font-size: 15px;
    }
}
@media (max-width: 400px) {
    html {
        font-size: 13px;
    }
}

/* COLORS */
*.red {
    color: var(--red);
}

*.yellow {
    color: var(--yellow);
}

*.greenaqua {
    color: var(--greenaqua);
}
*.blue {
    color: var(--blue);
}
*.green {
    color: var(--green);
}

/* TEXTS */

.page-title {
    font-size: 1.5rem;
    margin-top: 1.2rem !important; /* @Sandra - Se pueden eliminar estos important si se quita la clase m-0 de page-title */
    margin-bottom: 15px !important;
    font-weight: 700;
}

.page-subtitle {
    margin-bottom: 2rem !important;
    color: #7B7B7B;
    font-size: 18px;
}

.page-title .text-info,
.page-title .greenaqua {
    color: var(--blue) !important;
}

/* FORMS */

.form-container {
    margin-bottom: 1.5rem;
}

.form-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.form-row .input-container {
    margin-right: 0.75rem;
}

.form-row .input-container:last-child {
    margin-right: 0;
}

.form-name {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.form-control,
.select2-container--default .select2-selection--single > span.select2-selection__rendered,
.form-control::placeholder {
    color: var(--text-primary);
}

input[readonly].form-control::placeholder {
    color: var(--text-secondary);
}
textarea[readonly]::placeholder {
    color: var(--text-secondary);
}

.form-control:disabled,
.form-control[readonly] {
    background-color: transparent;
    color: var(--text-secondary);
}

.form-control label {
    font-size: 0.75rem;
    margin-left: 0.5rem;
    margin-bottom: 0;
    font-weight: 500;
    color: var(--text-secondary);
}

/* INPUTS */

input:-webkit-autofill {
    /* Para que el autocompletado tenga fondo transparente */
    -webkit-background-clip: text;
}

textarea {
    width: 100%;
}

input,
select,
textarea {
    font-family: "Poppins", sans-serif;
    border: none;
    background: transparent;
    font-size: 14px !important;
    font-weight: 400;
}

input[type="text"]:read-only {
    background: transparent;
    color: var(--text-secondary);
}
/* input[readonly]::placeholder {
    background: transparent;
    color: var(--text-secondary) !important;
} */
/* input:read-only::placeholder {
    color: red;
} */

#body_resumen tr td div input[type="text"]:read-only {
    background: transparent;
    color: var(--text-primary) !important;
}

#row_resumen_suma td input {
    font-weight: bold !important;
    color: var(--text-primary);
}

textarea::placeholder,
input::placeholder {
    height: 100%;
    font-weight: 400;
    color: var(--text-accent);
}

textarea:focus,
input:focus {
    border: none;
    outline: 0;
}

.input-container {
    display: flex;
    flex-grow: 1;
    align-items: center;
    background-color: var(--background-main);
    padding: 10px 20px;
    border-radius: 20px;
    color: var(--text-accent);
    justify-content: space-between;
    position: relative;
    /* display: inline; */
}

.input-container .end-adornment {
    position: absolute;
    right: 8px;
}

.input-container.contained {
    /* padding: 4px 6px 4px 8px; */
    padding: 0.5rem 0.8rem; /* Añadir padding en inputs a petición de Iván */
}

.input-container.fullwidth {
    width: 100%;
}

.input-container i:first-child {
    margin-left: 0.25rem;
    font-size: 14px;
}

.input-container i:last-child {
    margin-right: 0;
}

.input-container.xs {
    width: 60px;
}

.input-container.sm {
    width: 100px;
}

.input-container.md {
    width: 160px;
}

.input-container.lg {
    width: 210px;
}

.input-container.xl {
    width: 280px;
}

label.error {
    display: block;
    width: max-content;
    position: absolute;
    bottom: -14px;
    left: 15px;
    font-size: 0.65rem;
    font-weight: 300;
    color: red;
}

.input-container.error,
.input-container.error input::placeholder {
    color: var(--red) !important;
}

.input-container.error {
    border: 1px solid red;
}

.nice-select {
    padding-right: 1.5rem;
}

.nice-select:after {
    right: 3px;
}

/* BUTTONS */

button,
a.button-primary {
    padding: 12px 20px;
    border: none;
    font-size: 14px;
    border-radius: 25px;
    white-space: pre;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

button:focus,
a.button-primary:focus {
    outline: none;
    border: none;
}

button:hover,
a.button-primary:hover {
    cursor: pointer;
    background-color: var(--greenaqua);
}

.button-primary {
    color: white !important;
    background-color: var(--primary-main);
}

.button-primary i {
    font-size: 1rem;
    margin-right: 0.8rem;
}

.button-primary.small {
    padding: 13px 20px;
    font-size: 14px;
}

.button-primary.rounded {
    /* padding-right: 1rem; */
    border-radius: 20px !important;
    /* padding: 4px 12px 4px 12px; */
    font-weight: 300;
}

.button-primary.small i {
    margin-left: 0;
    margin-right: 0.25rem;
}

.button-primary.accent {
    background-color: var(--primary-main) !important;
}

.button-primary.text {
    background-color: transparent;
    color: var(--primary-main) !important;
    font-size: 14px;
}

.button-primary.text.accent {
    color: var(--primary-main) !important;
}

.button-primary.text:hover,
a.button-primary.text:hover {
    background-color: transparent !important;
}

.button-primary.outlined {
    background-color: transparent;
    border: 1px solid var(--primary-main) !important;
    color: var(--text-accent) !important;
}

.button-primary.outlined:hover {
    background-color: var(--background-main);
}

.button-primary.icon-button i {
    margin: 0;
}

.button-primary.light {
    background-color: var(--greenaqua);
    color: #fff !important;
    padding: 0.8rem;
}

.button-primary.light:hover {
    background-color: var(--primary-main);
}

.button-primary.danger {
    background-color: var(--red);
}
.button-primary.danger:hover {
    background-color: #fd2c2c;
}

.dropdown-icon-button:hover {
    cursor: pointer;
}

/* TABLES */

ul.tabla,
ul.tabla ul {
    margin: 0;
    padding: 0;
}

ul.tabla li {
    display: block;
    width: 100%;
    line-height: 20px;
}

ul.tabla.tabla-index-gc li.thead ul li,
ul.tabla.tabla-index-gc li.tbody ul li {
    max-width: calc(100%/5);
}

ul.tabla.tabla-cuentascontables li.thead ul li,
ul.tabla.tabla-cuentascontables li.tbody ul li {
    max-width: calc(100%/5);
}

ul.tabla.tabla-imp-ret-formpag li.thead ul li,
ul.tabla.tabla-imp-ret-formpag li.tbody ul li {
    max-width: calc(100% - 60px);
}

ul.tabla li.thead ul li:nth-child(1),
ul.tabla li.tbody ul li:nth-child(1),
ul.tabla li.thead ul li:nth-child(2),
ul.tabla li.tbody ul li:nth-child(2) {
    max-width: 30px;
    text-align: center;
}

ul.tabla.tabla-index-gc li.thead ul li:nth-child(3),
ul.tabla.tabla-index-gc li.tbody ul li:nth-child(3) {
    max-width: calc((100%/5) - 60px);
    padding-left: 10px;
}

ul.tabla.tabla-cuentascontables li.thead ul li:nth-child(3),
ul.tabla.tabla-cuentascontables li.tbody ul li:nth-child(3) {
    max-width: calc(((100%/5)*3) - 60px);
    padding-left: 10px;
}

ul.tabla li.tbody ul li:nth-child(3) {
    font-weight: 700;
}

ul.tabla li.tbody ul li {
    font-weight: 500;
}

ul.tabla li.thead {
    background-color: var(--blue);
}

ul.tabla li.thead {
    padding: 12px;
}

ul.tabla li.tbody > ul {
    padding: 12px;
}

ul.tabla li.tbody > ul:nth-child(even) {
    background-color: #F5F5F5;
}

ul.tabla li.thead ul li a {
    color: #fff;
}

ul.tabla li.thead ul li a:hover {
    background-color: transparent;
}

ul.tabla li.tfooter {
    margin-top: 10px;
}

ul.tabla li.tfooter nav {
    display: inline-flex;
}

ul.tabla input,
ul.tabla a,
ul.tabla li.tbody ul li {
    cursor: pointer;
}

ul.tabla.tabla-cuentascontables .resp {
    display: none;
}







table {
    border: none;
    width: 100%;
}

table thead tr th,
.table-header {
    padding-bottom: 0.5rem;
    padding-top: 0;
    padding-right: 0.5rem;
    font-weight: 400;
    color: var(--text-primary);
    padding-left: 4px;
    font-size: 12px;
    white-space: nowrap;
}

thead.table-header-border tr th {
    border-bottom: 1px solid var(--background-main);
}

td .input-container {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 0.75rem;
    font-size: 12px;
}

/*table {
    border-collapse: separate;
    border-spacing: 8px 8px;
    padding-bottom: 0;
}*/

.table-responsive {
    overflow-y: hidden;
    overflow-x: auto;
}

.table-name {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

/* Cabecera tabla */

.tabla-levenant > thead > tr > th {
    padding: 0;
}

.tabla-levenant > thead > tr > th,
.tabla-levenant > thead > tr > th .sort-link,
.tabla-levenant > thead > tr > th .sort-link:hover {
    background-color: var(--blue);
    color: #fff;
}

/* Cuerpo tabla */

.tabla-levenant > tbody > tr > td:not(.tabla-levenant__cell--nopadding),
.tabla-levenant > tfoot > tr > td {
    padding: 0.8rem 0.5rem;
}

.tabla-levenant > thead > tr > th > a,
.tabla-levenant > tbody > tr > td > .dropdown > .dropdown-icon-button,
.tabla-levenant > tbody > tr > td > a {
    padding: 0.8rem 0.5rem;
    position: relative;
    display: block;
}

.tabla-levenant > tbody > tr > td {
    min-width: 44px;
}

.tabla-levenant > tbody > tr:nth-child(even) {
    background-color: var(--background-main);
}

.tabla-gastos > tbody > tr:nth-child(4n),
.tabla-facturas > tbody > tr:nth-child(4n),
.tabla-gastos > tbody > tr:nth-child(4n-1),
.tabla-facturas > tbody > tr:nth-child(4n-1) {
    background-color: #fff;
}

.tabla-gastos > tbody > tr:nth-child(4n-2),
.tabla-facturas > tbody > tr:nth-child(4n-2),
.tabla-gastos > tbody > tr:nth-child(4n-3),
.tabla-facturas > tbody > tr:nth-child(4n-3) {
    background-color: var(--background-main);
}

.tabla-levenant td > .dropdown > .dropdown-icon-button {
    display: block;
}

.tabla-levenant td > .dropdown > .dropdown-icon-button:hover {
    cursor: pointer;
    color: blue;
}

/* Paginador tabla */

.tabla-levenant > tfoot > tr > td > .paginator {
    margin-left: auto;
    display: inline-flex;
}

.tabla-levenant > tfoot > tr > td > .paginator .form-control {
    background-color: var(--background-main);
    color: var(--text-accent);
    padding: 8px !important;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
}

.tabla-levenant > tfoot > tr > td > .paginator .form-control.nice-select {
    min-width: 50px !important;
    margin-right: 0.5rem;
    padding-right: 16px !important;
}

.tabla-levenant > tfoot > tr > td > .paginator .page-info.d-none.d-md-block {
    line-height: 35px;
}

.tabla-levenant > tfoot > tr > td > .paginator .form-control.nice-select:after {
    right: 8px;
}

.tabla-levenant > tfoot > tr > td > .paginator .form-control[name="page"] {
    max-width: 40px;
}

.tabla-levenant > tfoot > tr > td > .paginator .page-item .page-link {
    border-radius: 5px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.tabla-levenant > tfoot > tr > td > .paginator .page-item.disabled {
    opacity: 0.5;
}

.tabla-levenant
    > tfoot
    > tr
    > td
    > .paginator
    .page-item:not(.disabled)
    .page-link:hover {
    background-color: var(--background-main);
    color: var(--text-accent);
}

/*  CHECKBOXES */

.checkbox-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--text-primary);
}

.checkbox-container:hover {
    cursor: pointer;
}

.checkbox-container input {
    display: none;
}

.checkbox-square {
    width: 16px;
    height: 16px;
    border: 1px solid var(--text-secondary);
    margin-right: 12px;
    /*border-radius: 50%;*/
    /* background-color: red; */
}

.checkbox-selected {
    background-color: var(--text-primary);
    transition: 0.3s;
    position: relative;
}

.checkbox-selected:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid white;
    border-radius: 50%;
}

.checkbox-square.checkbox-selected:after {
    border-radius: 0;
    background-color: var(--blue);
}

.checkbox-disabled {
    color: var(--text-secondary) !important;
}

.checkbox-disabled:hover {
    cursor: default;
}

.checkbox-disabled .checkbox-selected {
    background-color: var(--text-secondary);
}

/* MODAL */

.modal-content {
    border-radius: 12px;
}

.modal-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: white;
    color: var(--text-primary);
    padding: 1rem;
    padding-top: 0.5rem;
}

.modal-title {
    font-size: 1.75rem;
    font-weight: bolder;
    text-transform: uppercase;
}

/* BOOTSTRAP UTILITIES */

button.close {
    color: var(--text-secondary);
}

button.close:hover {
    background-color: unset;
    color: var(--text-primary);
}

/* SECTIONS  */

.section-name {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.section-name.small {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.divider {
    width: 100%;
    height: 1px;
    background-color: var(--text-secondary);
}

/* PAGINATOR */
.sort-link {
    border: none;
    padding: 0;
    opacity: 1;
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-weight: normal;
}

.sort-link:hover {
    color: var(--text-accent);
    background-color: white;
}

.paginator .pagination-form .nice-select {
    min-width: 40px !important;
}

.paginator .page-link {
    border: none;
    color: var(--text-primary);
}

.page-link:focus {
    box-shadow: none;
}

/* disable arrows on input type number */
.paginator input::-webkit-outer-spin-button,
.paginator input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.paginator input[type="number"] {
    -moz-appearance: textfield;
}

#filter_search {
    width: 60%;
}
#filter_desde {
    width: 20%;
}
#filter_hasta {
    width: 20%;
}

/* Dropdown menu */

.dropdown-menu {
    padding: 0;
    box-shadow: none;
    border: none;
    -webkit-box-shadow: -2px 2px 6px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: -2px 2px 6px 0px rgba(50, 50, 50, 0.2);
    box-shadow: -2px 2px 6px 0px rgba(50, 50, 50, 0.2);
    border-radius: 0 1rem 1rem 1rem;
    margin-top: -0.5rem;
    margin-left: 1.8rem;
    overflow: hidden;
}

.dropdown-menu[x-placement="top-start"] {
    border-radius: 1rem 1rem 1rem 0;
    margin-top: 0;
    margin-bottom: -0.5rem;
}

.dropdown-item {
    font-weight: 300;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--background-main);
    font-size: 0.85rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--blue);
    background-color: var(--background-blue);
}

.dropdown-item:last-item {
    border-bottom: 0;
}

.dropdown-item i {
    color: var(--text-secondary);
    margin-right: 0.5rem;
    transition: color 0.3s ease;
}

.dropdown-item:hover i {
    color: var(--blue);
}

/*.dropdown-item:active {
    background-color: var(--primary-main);
}*/

.dropdown-divider {
    display: none;
}

.text-danger.dropdown-item i,
.text-danger.dropdown-item:hover i {
    color: var(--red) !important;
}

.tabla-facturas > tbody > tr:nth-child(4n) .pagos-collapse-content-wrapper,
.tabla-gastos > tbody > tr:nth-child(4n) .pagos-collapse-content-wrapper,
.tabla-facturas > tbody > tr:nth-child(4n-1) .pagos-collapse-content-wrapper,
.tabla-gastos > tbody > tr:nth-child(4n-1) .pagos-collapse-content-wrapper {
    background-color: var(--background-main);
}

.tabla-facturas > tbody > tr:nth-child(4n-2) .pagos-collapse-content-wrapper,
.tabla-gastos > tbody > tr:nth-child(4n-2) .pagos-collapse-content-wrapper,
.tabla-facturas > tbody > tr:nth-child(4n-3) .pagos-collapse-content-wrapper,
.tabla-gastos > tbody > tr:nth-child(4n-3) .pagos-collapse-content-wrapper {
    background-color: #fff;
}

.pagos-collapse-content-wrapper {
    /*padding-left: 100px;
    padding-right: 100px;
    margin-top: 24px;*/
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    max-width: 560px;
    /*background-color: var(--background-main);
    width: 100%;*/
}

/*#pagos-collapse-table {
    width: 550px;
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* PARA MOSTRAR LOS INPUTS COMO MONEDA */
.input-container.currency::after {
    content: "€";
    margin-bottom: 0.25px;
    margin-right: 6px;
}

.input-container.currency input {
    margin-right: 4px;
    text-align: right;
}

/* PARA MOSTRAR LOS INPUTS COMO PORCENTAJE */
.input-container.percentage::after {
    content: "%";
    margin-bottom: 0.25px;
    margin-right: 6px;
}

.input-container.percentage input {
    margin-right: 4px;
    text-align: right;
}

.input-container.disabled {
    color: var(--text-secondary);
}

.input-container.readonly {
    background-color: transparent;
    padding: 0;
}

.input-container.readonly.currency::after,
.input-container.readonly.percentage::after {
    margin-right: 0;
}

.text-primary {
    color: var(--text-primary) !important;
}

.bold {
    font-weight: bold;
}

.avatar.large {
    width: 100%;
    height: auto;
    max-width: 128px;
    position: relative;
}

.avatar.large.upload:hover {
    cursor: pointer;
}

.help-text {
    font-size: 0.75rem;
    line-height: 1.4;
}

#retencion_documento_container .input-container .nice-select .list .option:last-child {
    display: none;
}







/* Clases genéricas Levenant */

.lv-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.lv-grid-mw {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.lv-grid-mw > div {
    width: 100%;
}

.jc-between {
    justify-content: space-between;
}

.jc-center {
    justify-content: center;
}

.flex-al-center {
    display: flex;
    align-items: center;
}

.tag-responsive {
    display: none;
    margin-right: 10px;
    font-weight: 400;
}


#bodyconceptos .lv-grid {
    align-items: flex-start !important;
}

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


/* Acciones PAG */

.acciones-pag .contenedor {
    margin-bottom: 20px;
}





/* Editar usuario gestor */

.datos-usuario-gestor,
.direccion-gestor,
.pdf-gestor,
.notificaciones-gestor,
.conf-empresa-gestor,
.datos-usuario-gestor .col-10 .row,
.pdf-gestor .col-10 .row {
    width: 100%;
    margin: 0;
}

.datos-usuario-gestor .col-10 {
    padding: 0;
}

.pdf-gestor .col-10 {
    padding-right: 0 !important;
}



@media screen and (max-width: 1550px) {

    .conf-empresa-gestor > div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 !important;
    }

    .conf-empresa-gestor > div:nth-child(3) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .conf-empresa-gestor > div > div {
        margin: 0 !important;
    }

    .conf-empresa-gestor > div:nth-child(1),
    .conf-empresa-gestor > div:nth-child(3) {
        margin-bottom: 20px;
    }

}


@media screen and (max-width: 1300px) {

    ul.tabla li.tbody ul li {
        font-weight: 600;
    }

}


@media screen and (max-width: 1024px) {

    .app-main-content .crear-doc-container {
        flex-wrap: wrap;
    }

    .app-main-content .crear-doc-container > div {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .app-main-content .crear-doc-container > div:last-child {
        margin-bottom: 0;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .app-main-content .crear-doc-container > div:last-child > div {
        min-width: 800px;
    }

    .datos-usuario-gestor .col-10 .col-3,
    .datos-usuario-gestor .col-10 .col-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .direccion-gestor .col-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100%/3);
        -ms-flex: 0 0 calc(100%/3);
        flex: 0 0 calc(100%/3);
        max-width: calc(100%/3);
    }

    .direccion-gestor .col-4,
    .direccion-gestor > div:last-child {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

}


@media screen and (max-width: 950px) {

    ul.tabla.tabla-index-gc li.thead ul li {
        display: none;
    }

    ul.tabla.tabla-index-gc li.thead ul li:nth-child(1),
    ul.tabla.tabla-index-gc li.thead ul li:nth-child(2),
    ul.tabla.tabla-index-gc li.thead ul li:nth-child(4) {
        display: block;
    }

    ul.tabla.tabla-index-gc li.thead ul li:nth-child(4) {
        max-width: calc(100% - 60px);
    }

    ul.tabla.tabla-index-gc li.tbody ul li {
        max-width: 100%;
        padding: 10px;
    }

    ul.tabla.tabla-index-gc li.thead ul li:nth-child(1),
    ul.tabla.tabla-index-gc li.tbody ul li:nth-child(1),
    ul.tabla.tabla-index-gc li.thead ul li:nth-child(2),
    ul.tabla.tabla-index-gc li.tbody ul li:nth-child(2) {
        max-width: 30px;
    }

    ul.tabla.tabla-index-gc li.tbody ul li:nth-child(3) {
        max-width: calc(100% - 60px);
    }


    ul.tabla.tabla-cuentascontables li.thead ul li:nth-child(3),
    ul.tabla.tabla-cuentascontables li.thead ul li:nth-child(4),
    ul.tabla.tabla-cuentascontables li.thead ul li:nth-child(5) {
        display: none;
    }

    ul.tabla.tabla-cuentascontables .resp {
        display: inline-block;
    }

    ul.tabla.tabla-cuentascontables li.tbody ul li:nth-child(3) {
        max-width: calc(100% - 60px);
    }

    ul.tabla.tabla-cuentascontables li.tbody ul li:nth-child(4),
    ul.tabla.tabla-cuentascontables li.tbody ul li:nth-child(5) {
        max-width: 100%;
    }

}




@media screen and (max-width: 768px) {

    .app-main-content .ingreso-cards-container {
        flex-wrap: wrap;
    }

    .app-main-content .ingreso-cards-container > div {
        margin: 0;
        width: 100%;
        max-width: 100%;
        flex-basis: unset;
        margin-bottom: 20px;
    }

    .app-main-content .ingreso-cards-container > div:last-child {
        margin-bottom: 0;
    }

    .acciones-pag .contenedor .al-izq {
        width: 100%;
        justify-content: center;
        display: flex;
        margin-bottom: 20px;
    }

    .acciones-pag .contenedor .al-izq a {
        max-width: 400px;
        display: flex;
        justify-content: center;
    }

    .acciones-pag .contenedor .al-der {
        width: 100%;
    }


    .acciones-pag.indexprod .contenedor .al-der .acciones {
        flex-wrap: wrap;
        justify-content: center;
    }

    .acciones-pag.indexprod .contenedor .al-der .acciones > div {
        width: 100% !important;
        margin-bottom: 20px;
    }


    .datos-usuario-gestor > .col-10 .col-4,
    .direccion-gestor .col-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .direccion-gestor .col-4,
    .direccion-gestor > div:last-child {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

}


@media screen and (max-width: 650px) {

    .datos-usuario-gestor .col-10 .col-3,
    .datos-usuario-gestor .col-10 .col-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .datos-usuario-gestor > .col-2,
    .datos-usuario-gestor > .col-10,
    .pdf-gestor > .col-2,
    .pdf-gestor > .col-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .conf-empresa-gestor > div:nth-child(1),
    .conf-empresa-gestor > div:nth-child(4) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .conf-empresa-gestor > div:nth-child(2),
    .conf-empresa-gestor > div:nth-child(5) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

}


@media screen and (max-width: 550px) {

    .checkbox-container.retencion_activada {
      top: unset !important;
      left: unset !important;
      transform: unset !important;
      position: absolute !important;
      width: 100%;
      position: relative !important;
      display: block;
      text-align: center;
      margin: auto;
      padding-right: 25px;
      margin-top: 10px;
    }
    .checkbox-container.retencion_activada .checkbox-square {
        margin: auto;
    }

    .acciones-pag .buscar {
        width: 100%;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .acciones-pag .filtros {
        width: 100%;
    }

    .acciones-pag .buscar > div {
        max-width: 60%;
        margin-right: -30px !important;
    }

    .acciones-pag .buscar > button {
        max-width: 40%;
        position: relative;
    }

    .datos-usuario-gestor > .col-2,
    .datos-usuario-gestor > .col-10,
    .pdf-gestor > .col-2,
    .pdf-gestor > .col-10,
    .direccion-gestor .col-4,
    .direccion-gestor > div:last-child {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .datos-usuario-gestor > .col-2,
    .datos-usuario-gestor > .col-10,
    .pdf-gestor > .col-2,
    .pdf-gestor > .col-10 {
        padding: 0 !important;
    }

    .datos-usuario-gestor .col-10 .row {
        padding: 0 !important;
    }

    .notificaciones-gestor,
    .nuevo-pass-gestor {
        display: block;
    }

    .notificaciones-gestor > div:first-child,
    .nuevo-pass-gestor > div:first-child {
        margin-bottom: 20px;
    }

    .form-cuentas-contables .col-4 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }



}





/* COLUMNAS GENÉRICAS */

.c-3 > div,
.c-4 > div,
.c-6 > div,
.c-7 > div,
.c-10-2-8 > div {
    width: 100% !important;
    margin-bottom: 10px;
}

.c-4 > div {
    max-width: calc((100%/4) - 9px);
}

.c-3 > div {
    max-width: calc((100%/3) - 6px);
}

.c-6 > div {
    max-width: calc((100%/6) - 7px);
}

.c-7 > div {
    max-width: calc((100%/6) - 7px);
}

.c-10-2-8 > div {
    max-width: calc((100%/10) - 12px);
}

.c-10-2-8 > div:nth-child(1) {
    max-width: calc((100%/10) * 2);
}


@media screen and (max-width: 1330px) {

    .c-10-2-8 > div,
    .c-10-2-8 > div:nth-child(1) {
        max-width: calc((100%/5) - 12px);
    }

}


@media screen and (max-width: 1024px) {
    .c-6 > div {
        max-width: calc((100%/3) - 8px);
    }

    .c-7 > div {
        max-width: calc((100%/3) - 8px);
    }

    .c-4 > div {
        max-width: calc((100%/2) - 9px);
    }

    .c-4 > div:nth-child(2) {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .c-3 > div,
    .c-4 > div,
    .c-6 > div,
    .c-7 > div {
        max-width: 100%;
        margin-right: 0 !important;
    }

    .c-3 > div .input-container,
    .c-4 > div .input-container,
    .c-6 > div .input-container,
    .c-7 > div .input-container {
        margin-right: 0 !important;
    }
}



/* TABLAS GENÉRICAS */

ul.tabla.tabla-c8 li.thead ul li:nth-child(1),
ul.tabla.tabla-c8 li.thead ul li:nth-child(2),
ul.tabla.tabla-c8 li.tbody ul li:nth-child(1),
ul.tabla.tabla-c8 li.tbody ul li:nth-child(2),
ul.tabla li.thead ul li:nth-child(1),
ul.tabla li.thead ul li:nth-child(2),
ul.tabla li.tbody ul li:nth-child(1),
ul.tabla li.tbody ul li:nth-child(2) {
    max-width: 30px;
    text-align: center;
}

ul.tabla.tabla-c8 li.thead ul li:nth-child(1),
ul.tabla.tabla-c8 li.tbody ul li:nth-child(1),
ul.tabla li.thead ul li:nth-child(1),
ul.tabla li.tbody ul li:nth-child(1) {
    visibility: hidden;
    display: none;
}

ul.tabla.tabla-c8 li.thead ul li:nth-child(3),
ul.tabla.tabla-c8 li.tbody ul li:nth-child(3),
ul.tabla li.thead ul li:nth-child(3),
ul.tabla li.tbody ul li:nth-child(3) {
    padding-left: 10px;
}

ul.tabla.tabla-c8 li.thead ul li,
ul.tabla.tabla-c8 li.tbody ul li {
    max-width: calc((100%/9) - 8px);
}

ul.tabla li.thead ul li,
ul.tabla li.tbody ul li {
    max-width: 100%;
    padding: 0 5px;
}

@media screen and (max-width: 1024px) {

    /*
    ul.tabla.tabla-c8 .tag-responsive,
    ul.tabla .tag-responsive {
        display: inline-block;
    }
    
    ul.tabla.tabla-c8 li.thead ul li,
    ul.tabla li.thead ul li {
        display: none;
    }
    
    ul.tabla.tabla-c8 li.thead ul li:nth-child(3),
    ul.tabla li.thead ul li:nth-child(3) {
        display: block;
    }

    ul.tabla.tabla-c8 li.thead ul li:nth-child(3),
    ul.tabla.tabla-c8 li.tbody ul li,
    ul.tabla li.thead ul li:nth-child(3),
    ul.tabla li.tbody ul li {
        max-width: 100%;
        padding: 10px;
        text-align: left !important;
    }

    ul.tabla.tabla-c8 li.tbody ul li:nth-child(3),
    ul.tabla li.tbody ul li:nth-child(3) {
        max-width: calc(100% - 60px);
    }
    /*
    ul.tabla li.thead > ul,
    ul.tabla li.tbody > ul {
        flex-wrap: wrap;
    }
    

    ul.tabla, ul.tabla ul{
        min-width: 1600px;
    }
	

    .lv-grid{
        flex-wrap: nowrap;
    }
	*/

}

@media (max-height:780px){
    .navbar-footer{
        position: unset !important;
    }

    #mySidenav{
        padding-bottom: 50px;
    }
}





/* VER/EDITAR/INDEX PRESUPUESTOS, ALBARANES FACTURAS Y GASTOS EN EMPRESA */

.tabla-indexpresupuesto li.thead ul > li:nth-child(3),
.tabla-indexpresupuesto li.tbody ul > li:nth-child(3),
.tabla-indexalbaran li.thead ul > li:nth-child(3),
.tabla-indexalbaran li.tbody ul > li:nth-child(3),
.tabla-indexfactura li.thead ul > li:nth-child(3),
.tabla-indexfactura li.tbody ul > li:nth-child(3),
.tabla-indexgastos li.thead ul > li:nth-child(3),
.tabla-indexgastos li.tbody ul > li:nth-child(3) {
    max-width: 70px !important;
}

ul.tabla-indexprod li.thead ul > li:nth-child(3),
ul.tabla-indexprod li.tbody ul > li:nth-child(3){
    max-width: 300px !important;
}

ul.tabla-indexprod li.thead ul > li:nth-child(8),
ul.tabla-indexprod li.tbody ul > li:nth-child(8){
    text-align: right;
}

.sort-link::after{
    visibility: visible !important;
}

ul.tabla.tabla-c8.tabla-indexrecurrentes.tabla-recurrencias li.thead ul li:nth-child(4),
ul.tabla.tabla-c8.tabla-indexrecurrentes.tabla-recurrencias li.tbody ul li:nth-child(4),
ul.tabla.tabla-c8.tabla-indexrecurrentes.tabla-recurrencias li.thead ul li:nth-child(6),
ul.tabla.tabla-c8.tabla-indexrecurrentes.tabla-recurrencias li.tbody ul li:nth-child(6),
ul.tabla.tabla-c8.tabla-indexrecurrentes.tabla-recurrencias li.thead ul li:nth-child(3),
ul.tabla.tabla-c8.tabla-indexrecurrentes.tabla-recurrencias li.tbody ul li:nth-child(3) {
    max-width: 150px !important;
}

.tabla-indexpresupuesto li.thead ul > li:nth-child(4),
.tabla-indexpresupuesto li.tbody ul > li:nth-child(4),
.tabla-indexfactura li.thead ul > li:nth-child(4),
.tabla-indexfactura li.tbody ul > li:nth-child(4),
.tabla-indexalbaran li.thead ul > li:nth-child(4),
.tabla-indexalbaran li.tbody ul > li:nth-child(4),
.tabla-indexgastos li.thead ul > li:nth-child(4),
.tabla-indexgastos li.tbody ul > li:nth-child(4) {
    max-width: 100px !important;
    text-align: center;
}

.tabla-indexpresupuesto li.thead ul > li:nth-child(5),
.tabla-indexpresupuesto li.tbody ul > li:nth-child(5),
.tabla-indexfactura li.thead ul > li:nth-child(5),
.tabla-indexfactura li.tbody ul > li:nth-child(5),
.tabla-indexalbaran li.thead ul > li:nth-child(5),
.tabla-indexalbaran li.tbody ul > li:nth-child(5),
.tabla-indexgastos li.thead ul > li:nth-child(5),
.tabla-indexgastos li.tbody ul > li:nth-child(5) {
    max-width: 120px !important;
    text-align: center;
}

.tabla-indexpresupuesto li.thead ul > li:nth-child(6),
.tabla-indexpresupuesto li.tbody ul > li:nth-child(6),
.tabla-indexfactura li.thead ul > li:nth-child(6),
.tabla-indexfactura li.tbody ul > li:nth-child(6),
.tabla-indexalbaran li.thead ul > li:nth-child(6),
.tabla-indexalbaran li.tbody ul > li:nth-child(6),
.tabla-indexgastos li.thead ul > li:nth-child(7),
.tabla-indexgastos li.tbody ul > li:nth-child(7) {
    max-width: 140px !important;
}

.tabla-indexgastos li.thead ul > li:nth-child(6),
.tabla-indexgastos li.tbody ul > li:nth-child(6) {
    max-width: 150px !important;
    text-align: center;
}


.tabla-indexgastos li.thead ul > li:nth-child(8),
.tabla-indexgastos li.tbody ul > li:nth-child(8) {
    max-width: 150px !important;
    text-align: right;
}

.tabla-indexgastos li.thead ul > li:nth-child(8),
.tabla-indexgastos li.tbody ul > li:nth-child(8) {
    max-width: 150px !important;
    text-align: right;
}

.tabla-indexgastos li.thead ul > li:nth-child(9),
.tabla-indexgastos li.tbody ul > li:nth-child(9) {
    max-width: 150px !important;
    text-align: right;
}

.tabla-indexgastos li.thead ul > li:nth-child(10),
.tabla-indexgastos li.tbody ul > li:nth-child(10) {
    max-width: 150px !important;
    text-align: right;
}

.tabla-indexgastos li.thead ul > li:nth-child(11),
.tabla-indexgastos li.tbody ul > li:nth-child(11) {
    max-width: 150px !important;
    text-align: right;
}

.tabla-indexgastos li.thead ul > li:nth-child(12),
.tabla-indexgastos li.tbody ul > li:nth-child(12) {
    max-width: 200px !important;
    text-align: right;
}

.tabla-indexprod li.thead ul > li:nth-child(3),
.tabla-indexprod li.tbody ul > li:nth-child(3),
.tabla-indexprod li.thead ul > li:nth-child(4),
.tabla-indexprod li.tbody ul > li:nth-child(4),
.tabla-indexprod li.thead ul > li:nth-child(5),
.tabla-indexprod li.tbody ul > li:nth-child(5) {
    max-width: 135px !important;
}

.serie-num-fecha {
    margin-bottom: 20px;
}

.serie-num-fecha > div {
    display: inline-block;
    width: 100%;
    max-width: 150px;
}

.datos-cliente > div .input-container {
    max-width: 300px;
    width: 100%;
    margin-right: 10px;
}

.sin-datos-contacto {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 15px;
}

.datos-cliente .ocultate {
    display: none !important;
}

#table-conceptos {
    overflow-y: hidden;
    overflow-x: auto;
}

#table-conceptos #header-table-conceptos,
#table-conceptos #bodyconceptos {
    min-width: 1600px;
}



#table-resumen {
    min-width: 800px;
    max-width: 800px;
}

#header-table-conceptos > div:last-child {
    margin-right: 0 !important;
}

.conceptos-presupuestos .form-row .input-container:last-child {
    margin-right: 0.75rem;
}

.conceptos-presupuestos #bodyconceptos .form-row {
    justify-content: space-between;
}

#filtersCollapse {
    margin-bottom: 20px;
}

.table-amortizaciones {
    width: 500px;
    margin: 0 auto;
}


.add-edit-contacto .lv-grid-mw,
.add-edit-producto .lv-grid-mw {
    justify-content: space-between;
}

.add-edit-contacto .lv-grid-mw > div,
.add-edit-producto .lv-grid-mw > div {
    margin-bottom: 20px;
}

.checks-cliente-proveedor > div:nth-child(1) {
    margin-bottom: 20px
}


@media screen and (max-width: 1420px) {
	.tabla-formas-de-pago {
		overflow-y: scroll;
	}

	.tabla-formas-de-pago > div {
		min-width: 1130px;
	}
	
	.tabla-formas-de-pago > div.float-right {
	    float: none !important;
	}
}


@media screen and (max-width: 1330px) {

    .conceptos-presupuestos #header-table-conceptos {
        display: none;
    }
    
    .conceptos-presupuestos .tag-responsive {
        display: inline-block;
        width: 100%;
        max-width: 160px;
    }

    .conceptos-presupuestos .c-10-2-8 > div,
    .conceptos-presupuestos .c-10-2-8 > div:nth-child(1) {
        max-width: 100%;
    }

    .conceptos-presupuestos .c-10-2-8 > div > .input-container,
    .conceptos-presupuestos .c-10-2-8 > .input-container {
        display: inline-block;
        width: 100%;
        max-width: 300px;
    }

    .conceptos-presupuestos #btndesc {
        top: 50%;
        transform: translate(0,-50%);
    }

}


@media screen and (max-width: 1330px) {

    .conceptos-presupuestos .tag-responsive {
        display: block;
        margin-bottom: 5px;
    }

}

@media screen and (max-width: 1180px) {

	ul.tabla {
		overflow-y: scroll;
	}
	
	ul.tabla > li {
		width: 1110px;
	}

}

/*
@media screen and (max-width: 1024px) {

    .tabla-indexpresupuesto li.thead ul > li:nth-child(4),
    .tabla-indexpresupuesto li.tbody ul > li:nth-child(4),
    .tabla-indexalbaran li.thead ul > li:nth-child(4),
    .tabla-indexalbaran li.tbody ul > li:nth-child(4),
    .tabla-indexgastos li.thead ul > li:nth-child(4),
    .tabla-indexgastos li.tbody ul > li:nth-child(4),
    .tabla-indexprod li.thead ul > li:nth-child(4),
    .tabla-indexprod li.tbody ul > li:nth-child(4) {
        max-width: 100% !important;
    }

}
*/

@media screen and (max-width: 820px) {

    .add-edit-producto .lv-grid-mw.c-2,
    .add-edit-producto .lv-grid-mw.c-4 {
        flex-wrap: wrap;
    }

    .add-edit-producto .lv-grid-mw.c-2 > div,
    .add-edit-producto .lv-grid-mw.c-4 > div {
        flex-basis: unset;
    }

    .add-edit-producto .lv-grid-mw.c-2 > div,
    .add-edit-producto .lv-grid-mw.c-4 > div,
    .add-edit-producto .col {
        max-width: 100% !important;
        padding: 0 !important;
    }
	
	.input-container.lg {
		width: 100%;
	}

}

@media screen and (max-width: 1330px) {

    .add-edit-contacto .lv-grid-mw.c-4,
    .add-edit-contacto .lv-grid-mw.c-5 {
        flex-wrap: wrap;
    }

    .add-edit-contacto .lv-grid-mw.c-4 > div,
    .add-edit-contacto .lv-grid-mw.c-5 > div {
        max-width: calc(100%/2);
    }

}


@media screen and (max-width: 600px) {

    .serie-num-fecha > div {
        max-width: 100%;
        margin-right: 6px;
        margin-bottom: 10px;
    }

    .datos-cliente .lv-grid-mw {
        display: block;
    }

    .datos-cliente > div .input-container {
        margin-bottom: 10px;
        max-width: 100%;
    }

    .add-edit-contacto .lv-grid-mw.c-3 {
        flex-wrap: wrap;
    }

    .add-edit-contacto .lv-grid-mw.c-3 > div,
    .add-edit-contacto .lv-grid-mw.c-4 > div,
    .add-edit-contacto .lv-grid-mw.c-5 > div {
        max-width: 100%;
    }

}





/* EDIT CUENTAS BANCARIAS EMPRESA */

.edit-cuentasbancarias .b-1 {
	padding-bottom: 20px;
}

.edit-cuentasbancarias .b-1 > div,
.edit-cuentasbancarias .b-2 > div {
	padding-right: 15px;
    padding-left: 15px;
}

.edit-cuentasbancarias .b-1 > div {
	max-width: calc(100%/5) !important;
	width: 100%;
}

.edit-cuentasbancarias .b-1 > div:nth-child(2) {
	max-width: calc((100%/5)*2) !important;
}

.edit-cuentasbancarias .b-2 > div {
	max-width: calc(100%/2) !important;
	width: 100%;
}


@media screen and (max-width: 1024px) {
	
	.edit-cuentasbancarias .b-1 > div {
		max-width: calc(100%/2) !important;
	}

	.edit-cuentasbancarias .b-1 > div:nth-child(2) {
		max-width: calc(100%/2) !important;
	}
	
}

@media screen and (max-width: 800px) {
	
	.edit-cuentasbancarias .b-1 > div {
		max-width: 100% !important;
	}

	.edit-cuentasbancarias .b-1 > div:nth-child(2) {
		max-width: 100% !important;
	}
	
	.edit-cuentasbancarias .b-2 > div {
		max-width: 100% !important;
	}
	
}


/*AMADEO - EMPRESA*/
#retencion_documento_container .input-container .nice-select .list .option:last-child {
    display: none;
}

.concepto-container{
    display: inline-block;
    width: 100%;
}

.concepto-container.tipo-operacion,.concepto-container.producto{
    max-width: 290px !important;
}

.concepto-container.cuenta-contable{
    max-width: 300px;
}

.concepto-container.cantidad {
  max-width: 80px;
}

.concepto-container.porcentage {
  max-width: 80px;
}

.concepto-container.precio-unidad {
  max-width: 120px;/*80px;*/
}

.concepto-container.importe {
  max-width: 100px;
}

.concepto-container.impuesto {
  max-width: 115px;
}

.concepto-container.equivalencia {
  max-width: 100px;
}

.concepto-container.retencion {
  max-width: 80px;
}

.concepto-container.total {
  max-width: 100px;
}

.concepto-container.borrar{
  max-width: 80px;
}

.concepto-container.descripcion{
    margin-top: 10px;
}

#header-table-conceptos > div {
  padding-bottom: 10px;
}

#bodyconceptos-default,#vencimientos-row-default{
    display: none;
}

.concepto-container.descripcion.ocultar{
    display: none;
}

#btndesc{
    cursor: pointer;
}

option:disabled {
    opacity: .1;
    color: #d7d7d7;
}

.sineuro:after{content: "%" !important;}

.sineuro.removeporcen:after{content: "" !important;}


.autocompletar-custom{
    position: absolute;
    top: 40px;
    background: white;
    z-index: 9999;
    width: 100%;
    min-height: 100px;
    left: 0;
    display: none;
    overflow-y: scroll;
    max-height: 170px;
}

.autocompletar-custom.muestrame{
    display: block;
}

.autocompletar-custom li,.autocompletar-custom-contacto li{
    padding: 10px;
    list-style: none;
    transition: .6s;
}

.autocompletar-custom  li:hover, .autocompletar-custom-contacto li:hover{
    cursor: pointer;
    background: #161d9229;
}

.autocompletar-custom-contacto.ocultar{
    display: none;
}

.autocompletar-custom-contacto{
    position: absolute;
    top: 40px;
    background: white;
    z-index: 9999;
    width: 100%;
    min-height: 100px;
    left: 0;
    overflow-y: scroll;
    max-height: 170px;
}

#btndesc{
    position: absolute;
    right: 10px;
}

#recargo_eq_porcentaje:after,#rec_eq_value_porcentaje div:after,.resumen #rec_eq_value_porcentaje div.input-container.currency:after{
    content: "%" !important;
}

#ocultar_recurrente.ocultar{
    display: none;
}


a.dropdown-item.disabled {
  pointer-events: none;
  cursor: no-drop;
  opacity: .5;
}

#avatar-preview-logo{
    min-height: 128px;
}

#table-conceptos.quitaroverflow{
    overflow: unset;
}



/*Bloque recurrente*/
.bloque-recurrente > .contenedor {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: calc(100% / 2 - 166px);
    margin-right: 20px;
}

.bloque-recurrente > .contenedor:nth-child(1),
.bloque-recurrente > .contenedor:nth-child(3) {
    max-width: 120px;
}

.bloque-recurrente > select{
    max-width: 10%;
}

.duracion > *,.dias_antes > *{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: calc(100% - 149px);
    margin-right: 20px;
}

.duracion > .checkbox-container,.dias_antes > .checkbox-container {
	max-width: 105px;
}

.duracion .checkbox-container .checkbox-label,.duracion .checkbox-container .checkbox-square, .dias_antes .checkbox-container .checkbox-label,.dias_antes .checkbox-container .checkbox-square{
    vertical-align: middle;
    display: inline-block;
}

.bloque-recurrente{
    margin-top: 20px;
}

.bloque-recurrente input{
    border-radius: 40px;
    background-color: var(--background-main);
    padding: 5px 15px;
}

.bloque-recurrente.ocultar{
    display: none;
}


ul.tabla.tabla-c8.tabla-recurrencias li.thead ul li,ul.tabla.tabla-c8.tabla-recurrencias li.tbody ul li{
    max-width: calc((100%/9) - 8px) !important;
}

ul.tabla.tabla-c8.tabla-recurrencias li.thead ul li,ul.tabla.tabla-c8.tabla-recurrencias li.tbody ul li{
    max-width: calc((100%/9) - 8px) !important;
}

ul.tabla.tabla-c8.tabla-recurrencias li.thead ul li:nth-child(1),ul.tabla.tabla-c8.tabla-recurrencias li.tbody ul li:nth-child(1),ul.tabla.tabla-c8.tabla-recurrencias li.thead ul li:nth-child(2),ul.tabla.tabla-c8.tabla-recurrencias li.tbody ul li:nth-child(2){
    max-width: 30px !important;
}

ul.tabla.tabla-c8.tabla-recurrencias li.thead ul li:nth-child(4),ul.tabla.tabla-c8.tabla-recurrencias li.tbody ul li:nth-child(4){
    max-width: 300px !important;
}

.upper{
    text-transform: capitalize;
}

.far.fa-fw.fa-paper-plane {
  margin-left: -4px;
}

.separador-trimestreuno{
    border-top: 2px solid #1b60d066;
}

.separador-trimestrecuatro{
    border-bottom: 2px solid #1b60d066;
}


@media screen and (max-width: 1080px) {
	
	.bloque-recurrente-box {
		overflow-x: scroll;
	}
	
	.bloque-recurrente {
		width: 1010px;
		padding-bottom: 20px;
	}
	
}


@media screen and (max-width: 565px) {

    .info-resumen {
        overflow-y: hidden;
        overflow-x: auto;
    }

    .info-resumen table {
        min-width: 500px;
    }

}

/*Utilidades*/
.separacionyborde{
    border-bottom: 2px #1b60d025 solid;
    padding-bottom: 20px;
}

.separacionyborde.pb40c{
    padding-bottom: 40px;
}


#flash-alert{
    position: absolute;
    width: 100%;
    bottom: 0;
    max-width: 50%;
    transform: translate(-50%,0%);
    left: 50%;
    z-index: 10;
}

#flash-alert .alert{
    position: relative;
}

.errorline{
    border: 1px solid #ff5858;
}

.section-container.info-resumen{
    display: inline-block !important;
    max-width: 49%;
}

.info-resumen-beneficio{
    max-width: 20%;
}

.archivobtn{
    max-width: 150px;
    margin-left: auto;
    margin-bottom: 10px;
    padding: 9px 20px !important;
}


.recurrente .contenedor > span {
  font-size: 14px;
  padding: 15px 4px;
}

.recurrente .contenedor > select {
    max-width: max-content;
}


.vencimiento select:focus,.vencimiento select{
    border: 1px solid #c1c1c1;
    padding: 5px 8px;
    max-width: max-content;
}

.abriranyo-footer{
    margin-bottom: 20px;
    margin-top: 10px;
}

.leyes > div {
  display: block;
  margin-bottom: 10px;
  margin-right: 20px;
}

.leyes div .checkbox-label {
  display: inline-block;
  max-width: 100%;
  vertical-align: text-top;
}

.leyes .checkbox-square {
  display: inline-block
}

#retencion_documento_container .input-container.contained.xs{
    width: 75px;
}

.checkbox-square.radiobox,.checkbox-square.radiobox:after{
    border-radius: 50%;
}

/*PARTE DE GASTOS INDEX*/
.index-fechagasto{
    max-width: 100px !important;
}

.index-fechafacturagasto{
    max-width: 125px !important;
}


.sort-link.asc, .sort-link.desc{
    background-color: transparent;
}

.accion-f-g,.accion-f-g > .dropdown > i{
    width: 100%;
}

.numero-f-g{
    max-width: 100px;
    text-align: center;
}

.checkbox-container.retencion_activada {
  position: absolute;
  left: 3%;
  top: 70%;
  transform: translate(-50%,-50%);
}


@media screen and (max-width: 1024px) {
	
	.section-container.info-resumen {
		display: block !important;
		max-width: 100%;
	}
	
}


@media screen and (max-width: 820px) {
	
	.section-container.info-resumen {
		overflow-x: scroll;
	}
	
	.section-container.info-resumen table {
	    min-width: 750px;
	}
	
}




/*RESPONSIVE LOGIN*/


.solomovil{
    display: none;
    text-align: center;
}

.solomovil img{
    max-width: 330px;
    margin: auto;
    padding-bottom: 50px;
}

@media(max-width: 767px){
    .solomovil{
        display: block;
    }
}



.colorcontrasena{
    color:var(--primary-main) !important;
}

.botonvolve a,.botonenvi button{
    border-radius: 40px !important;
    padding: 3px 20px !important;
    font-size: 14px;
}

.botonenvi button{
  border-color:  var(--primary-main) !important;
}

.botonenvi button:hover{
    background-color: var(--greenaqua);
    border-color: var(--greenaqua) !important;
}