@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

/* ---------- SELECTION ----------*/
::-moz-selection {
    background: var(--c-primary-200);
    color: var(--c-primary-500)
}

::selection {
    background: var(--c-primary-200);
    color: var(--c-primary-500)
}

/* ---------- SCROLLBAR ----------*/
::-webkit-scrollbar {
    width: 8px;
    height: 4px
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: var(--br-small)
}

::-webkit-scrollbar-thumb {
    background: var(--c-primary-275);
    border-radius: var(--br-small)
}

::-webkit-scrollbar-thumb:hover {
    background: var(--c-primary-300)
}

/* ---------- ALL ----------*/
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/* ---------- BODY ----------*/
body {
    font-family: var(--ff-main);
    font-size: var(--fs-400);
    font-weight: 400;
    line-height: 1.5;
    color: var(--c-secondary);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    overflow: auto;
}

.body {
    padding: 0 2rem 1.5rem
}

body.modalOpen,
main.modalOpen {
    overflow: hidden
}

body.inline {
    padding: 0 5px
}

body.frame-inline {
    padding: 0 1rem 0 5px;
}

.evaluation-report-config,
.sensitivity-report-config {
    padding: 2rem 1rem 2rem 2rem
}

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

    body,
    .body {
        padding: 1rem 5%
    }

    body.frame-inline {
        padding: 0 0 0 5px;
    }

    .evaluation-report-config {
        padding: 2rem calc(5% - 1rem) 2rem 5%
    }
}

/* ---------- RESET ----------*/
fieldset {
    min-inline-size: auto
}

.fa-lg {
    line-height: 1;
    vertical-align: baseline;
    font-size: inherit
}

hr,
iframe {
    border: none
}

hr {
    border-bottom: var(--border-main)
}

a {
    color: var(--c-primary-400);
    text-decoration: none
}

a:hover {
    color: var(--c-primary-300);
}

option {
    color: black
}

button {
    cursor: pointer
}

ul,
p {
    margin: 0
}

ul {
    padding: 0
}

p {
    padding: 0;
    text-align: left
}

ul {
    list-style: none
}

.ck-content ul {
    list-style: disc;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px
}

i {
    pointer-events: none;
    cursor: default;
    vertical-align: baseline;
    line-height: 1
}

/* ---------- PROGRESS ----------*/
/* background: */
progress::-webkit-progress-bar {
    background-color: white;
    width: 100%;
    border: var(--border-main);
    border-color: var(--c-primary-250);
    border-radius: 22rem;
    overflow: hidden;
}

progress {
    background-color: white;
    accent-color: var(--c-primary-400);
}

/* value: */
progress::-webkit-progress-value {
    background-color: var(--c-primary-400);
}

progress::-moz-progress-bar {
    background-color: var(--c-primary-400);
}

progress {
    color: var(--c-primary-400);
}

/* ---------- MODULAR CSS ----------*/
.d-none {
    display: none !important
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0
}

.round-item {
    width: var(--round-item-size, var(--button-size));
    height: var(--round-item-size, var(--button-size));
    border-radius: 50%
}

.border-main {
    border: var(--border-main)
}

.bold {
    font-family: var(--ff-bold)
}

.width-100 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 1rem 1rem 0;
    width: 100%
}

.width-50 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

td.of-wrap {
    overflow-wrap: anywhere
}

.sticky-top {
    position: sticky;
    top: 0;
}

/* ---------- PAGE LOADER ----------*/
.page-loader-cont {
    inset: 0 auto auto 0;
    background-color: white;
    z-index: 4;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.page-loader-cont.loading {
    opacity: 1;
    pointer-events: auto
}

.page-loader {
    --round-item-size: 8rem;
    border: 1rem solid var(--c-primary-100);
    border-left: 1rem solid var(--c-accent);
    border-top: 1rem solid var(--c-primary-400);
    border-bottom: 1rem solid var(--c-primary-500);
    -webkit-box-shadow: var(--shadow-main);
    box-shadow: var(--shadow-main);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation: rotate 1.5s ease-in-out 0s infinite normal both;
    animation: rotate 1.5s ease-in-out 0s infinite normal both
}

.page-loader-cont.small .page-loader {
    --round-item-size: 6rem;
    border-width: .85rem
}

.page-loader i {
    font-size: 3.5rem;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-bottom: .5rem;
    color: var(--c-accent);
    line-height: 1
}

.page-loader-cont.small .page-loader i {
    font-size: 2.25rem
}

.page-loader-p {
    display: block;
    font-weight: bold;
    text-align: center;
    margin-top: .75rem;
    font-size: 1.2rem;
    color: var(--c-primary-500)
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/* ---------- PRINT ----------*/
@media print {
    body {
        max-height: none;
    }

    .no-print,
    .no-print *,
    .header-side,
    .header-main,
    .button-container,
    .with-tree__wrapper {
        display: none !important
    }

    .main {
        max-width: 100vw !important
    }
}

.title {
    font-size: 1.25rem;
    color: var(--c-primary-600);
    text-transform: uppercase;

    padding: 0 .5rem;
    margin-bottom: .75rem;
    margin-top: 1rem;
}

.title i {
    font-size: .9em;
    margin-right: .5rem;
}

.title--sticky {
    position: sticky;
    top: 0;
    z-index: 9;

    background: white;
    margin: 0;
    padding: 1rem .5rem .75rem;
    border-bottom: var(--border-main);
    border-color: var(--c-primary-100);
}

.subtitle {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    margin: .5rem;

    color: var(--c-primary-400);
}

/* ---------- BASE CSS ----------*/
.header-base,
.title-base,
.header-section-base,
.button-section-base,
.button-small,
.ul-section-base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.title-base,
.header-section-base,
.ul-section-base {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.header-base,
.header-section-base {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.sideform__wrapper .header-section-base {
    margin: 0 1rem .75rem;
}

.title-base,
.button-section-base,
.button-small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.inner-section-base,
.width-100 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.section-base,
.inner-section-base,
.button-section-base,
.button {
    border: var(--border-main);
}

.button,
.inner-section-base {
    border-radius: var(--br-small)
}

.header-base {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    margin-bottom: 1.5rem;
    padding: 1.75rem 0.75rem 0 0;
}

.section-base {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    padding: .75rem;
    border-radius: var(--br-small);
    -webkit-box-shadow: var(--shadow-main);
    box-shadow: var(--shadow-main);
    background-color: white;

    margin-right: -5px;
    margin-left: -5px;

    position: relative;
}

.section-base--sticky {
    position: sticky;
    top: 0;
}

.inner-section-base {
    padding: .75rem
}

.inner-section-base+.inner-section-base {
    margin-left: 1rem
}

.header-section-base {
    margin: 0 0 .75rem;
    padding: 0 0 .35rem .65rem;
    border-bottom: var(--border-main)
}


.risks__body.width-100 {
    padding: 0;
}

.section-base+.risks__body {
    margin-top: .75rem;
}

.risks__body fieldset {
    margin: 0 -5px !important;
}

.risks__body fieldset+fieldset {
    margin: .5rem -5px 0 !important;
}

.risks form.form {
    margin: 0;
}

.container-section-base+.container-section-base,
.container-section-base.open+.header-section-base,
.ul-section-base.open+.header-section-base,
.mip-sect__grouped+.header-section-base,
.mip-sect_set+.header-section-base {
    margin-top: 1rem;
}

.title-base {
    margin: 0;
    color: var(--c-primary-500)
}

.title-section-base {
    font-size: .97rem;
    font-weight: normal;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    color: var(--c-primary-600)
}

.title-base i,
.title-section-base i {
    font-size: 1.1em;
    vertical-align: text-bottom;
    margin-right: .25em;
    color: var(--c-primary-400);
}

.title-base.warning i,
.title-section-base.warning i {
    color: inherit;
}

.open .title-section-base span {
    display: none
}

.subtitle-section-base {
    width: 100%;
}

.button-section-base,
.button-small {
    width: var(--button-size);
    height: var(--button-size);

    font-size: .85rem;
    line-height: 1;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.button-section-base {
    color: var(--c-secondary-500);
    background-color: var(--c-secondary-bkg);
    border-radius: var(--br-small);

    margin-left: .35rem;

    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.button-section-base:disabled {
    opacity: .5;
    cursor: not-allowed
}

.button-section-base.long {
    width: auto;
    padding-inline: 1rem
}

/* .button-section-base i{margin-left: 1px; line-height: 0; vertical-align: middle;} */
.button-section-base .fa-plus {
    margin-top: 2px
}

.button-section-base.chevron i {
    margin-left: 1px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.open .button-section-base.chevron i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-left: 0;
}

.button-section-base.small {
    font-size: .75rem;
    width: var(--button-size-small);
    height: var(--button-size-small);
    border-radius: var(--br-small);
}

.title-section-base+.button-section-base {
    margin-left: auto
}

.button {
    color: var(--c-secondary-700);
    background-color: white;
    padding: .5em 1em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.button-section-base.add,
.button-section-base.solid,
.button.principal,
.button.active,
.button.active:hover {
    color: white;
    background-color: var(--c-primary-400);
    border-color: var(--c-primary-400)
}

fieldset+.button {
    margin-top: 1rem
}

.button-section-base:hover {
    background-color: var(--c-secondary-050);
}

.button-section-base.add:hover,
.button-section-base.solid:hover {
    color: white;
    background-color: var(--c-primary-300);
    border-color: var(--c-primary-300)
}

.button-section-base.delete:hover,
.button.danger:hover {
    color: var(--c-danger);
    background-color: var(--c-danger-o-15);
    border-color: var(--c-danger);
}

/* .button-section-base:disabled{opacity: .5;} */

.button:hover {
    background-color: var(--c-secondary-050)
}

.button:disabled {
    background-color: var(--c-secondary-100);
    color: var(--c-secondary-200);
    border-color: var(--c-secondary-200);
    cursor: default;
}

.button.principal:hover {
    color: white;
    background-color: var(--button-color, var(--c-primary-300));
    border-color: var(--button-color, var(--c-primary-300))
}

.button.principal:disabled {
    background-color: var(--c-secondary-100);
    color: var(--c-secondary-200);
    border-color: var(--c-secondary-100);
    cursor: default;
}

.button.principal.danger:not(:disabled):hover {
    background-color: var(--c-danger);
    border-color: var(--c-danger)
}

.button:not(.button-small) i {
    margin-right: .5em
}

.button+.button {
    margin-left: .5rem
}

.risks-view .button {
    margin-top: .25rem
}

.risks-view .button+.button {
    margin-left: 0
}

.risks-view .jstree-button-container .button {
    margin: 0
}

.header-section-base .button {
    padding: 0.25rem 1rem 0.15rem
}

.header-section-base .button:first-of-type {
    margin-left: auto
}

/* .table-section .button{margin-block: .5rem} */

.container-section-base {
    height: 0;
    overflow: hidden
}

.container-section-base.open {
    height: auto;
    overflow: auto
}

.button i.fa-circle-notch,
.modal__button i.fa-circle-notch,
.dt-button i.fa-circle-notch {
    margin-left: .5rem;
    display: none;
    transform-origin: center
}

.button i+i.fa-circle-notch,
.modal__button i+i.fa-circle-notch,
.dt-button i+i.fa-circle-notch {
    margin-left: 0;
}

.button.loading,
.modal__button.loading,
.dt-button.loading {
    opacity: .5;
    cursor: wait
}

.button.loading:not(.button-small) {
    padding-right: .35em
}

.button.loading i,
.modal__button.loading i,
.dt-button.loading i {
    display: none;
}

.button.loading i.fa-circle-notch,
.modal__button.loading i.fa-circle-notch,
.dt-button.loading i.fa-circle-notch {
    display: inline-block;
    animation: rotate 1s linear 0s infinite normal both;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.ul-section-base {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    height: 0;
    margin: 0;
    overflow: hidden;
}

.ul-section-base.open {
    height: auto;
    overflow: auto;
    /* background-color: var(--c-primary-bkg); */

    padding: 0;
    margin: 0;

    /* border: var(--border-main); */
    /* border-radius: var(--br-main); */
    /* border-color: var(--c-primary-050); */
}

.ul-section-base--table.open {
    overflow: hidden;
}

div.ul-section-base.open {
    background-color: transparent;
    border: none;
    padding: 0;
}

.li-section-base {
    border: var(--border-main);
    border-color: var(--c-primary-200);
    border-radius: var(--br-small);

    padding: 0.5rem 0.25rem;
    margin: 0 0 0.5rem;

    max-width: 100%;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(25% - 1rem);
    flex-basis: calc(25% - 1rem);

    /* -webkit-box-shadow: var(--shadow-soft); */

    /* box-shadow: var(--shadow-soft); */
    background-color: white;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.li-section-base.li-placeholder {
    padding: .5rem .75rem;
    font-size: .85rem;
}

.li-section-base.long {
    flex-basis: calc(100% - 1rem);
}

.li-title-section-base {
    width: 100%;

    font-size: .85rem;
    font-weight: bold;
    color: var(--c-primary-600);
    margin: 0;
    padding: 0 .5rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.li-title-section-base span:not(.risk__title-text) {
    font-family: var(--ff-main);
    font-weight: normal;
    font-size: .8rem;
    line-height: 1.7;
    color: var(--c-primary-400);
    white-space: nowrap;
}

.li-section-base--sorting {
    flex-wrap: nowrap;
    flex-basis: calc(100% - 1rem);
    order: var(--order, 0);
}

.sorting-section-base {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
    margin-right: .5rem;
    padding-right: 0.65rem;
    flex-shrink: 0;
    border-right: var(--border-main);
}

.fa-solid.fa-sort-up {
    margin-bottom: -7px;
}

.fa-solid.fa-sort-down {
    margin-top: -6px;
}

.sorting-section-base .button-section-base {
    /* flex-grow: 1; */
    width: 1.25rem;
    height: 1.25rem;
    font-size: .85em;
    max-height: 50px;
}

.sorting-section-base .button-section-base i {
    margin-left: 0;
}

.sorting-section-base .button-section-base+.button-section-base {
    margin-top: .35rem;
}

/* .sorting-menu-section-base{
    position: absolute;
    left:0;
    bottom: -25%;
    padding: .25rem;

    background-color: white;
    border: var(--border-main);
    border-radius: var(--br-small);

    cursor: default;

    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

.sorting-section-base:hover .sorting-menu-section-base{
    opacity: 1;
    pointer-events: auto;
}

.sorting-menu-section-base .button-section-base{
    margin-left: 0;
} */


.info-section-base {
    width: 100%;
    overflow: hidden;
}

.li-text-section-base {
    width: 100%;
    font-size: .8rem;
    padding: 0 0.5rem;
    white-space: initial;
    margin: 0;
    color: var(--c-primary-600);
}

.li-title-section-base+.li-text-section-base {
    margin-top: .25rem;
    padding-top: .35rem;
    border-top: var(--border-main);
}

.li-text-section-base--texts {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 1rem;
}

.main__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    margin: 0 -.25rem 1rem;
    padding: 1.25rem 0 0 0;
}

.main__info.has-tree {
    margin-bottom: .5rem;
}

.main__title {
    position: relative;
    font-size: 1.25rem;

    margin: 0;
    margin-bottom: 0.25rem;
    padding: 0 0 0.15rem 0.25rem;
    border-bottom: var(--border-main);
    width: 100%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    color: var(--c-primary-600);
}

.main__title>i {
    color: var(--c-primary-400);
    margin-right: .25rem;
}

.main__title-text {
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;

    color: var(--c-primary-300);
}

.main__title>span {
    width: 90%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.main__subtitle {
    display: block;
    width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.main__sticky {
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    z-index: 100001;

    -webkit-transform: translateY(-102%);

    -ms-transform: translateY(-102%);

    transform: translateY(-102%);

    width: 100%;
    min-height: 69.23px;
    padding: 1.1rem 2rem 0.8rem;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(19, 34, 38, 0);
    box-shadow: 0px 0px 10px 0px rgba(19, 34, 38, 0);

    border-bottom: var(--border-main);
    background: white;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-transition: top .5s ease;

    -o-transition: top .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;
}

.show.main__sticky {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;

    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);
}

.main__sticky .main__title {
    border: none;
    margin: 0;
    padding-bottom: 0;
}

.main__sticky .main__title-text {
    font-size: .85rem;
    line-height: 1;
}

.main__sticky .main__subtitle {
    font-size: 1rem;
    padding: 0;
    margin: 0;
    line-height: 1.5;
}

.main__sticky .main__config {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}


.main__title>i {
    margin-bottom: .2em;
    margin-right: 0.25em;
    font-size: 1em;
    vertical-align: baseline;
}

.main__config {
    font-size: 1rem;

    width: 2rem;
    height: 2rem;
    padding: 0;
    margin: -.2rem 0 0 auto;

    color: var(--c-primary-275);
    background: transparent;

    border: none;
    border-radius: var(--br-small);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -ms-flex-item-align: start;
    align-self: flex-start;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.main__config:hover {
    color: var(--c-primary-400);
    background-color: var(--c-primary-200-t);
}

.main__config i {
    margin: 0;
    font-size: 1rem;
}

.main__breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    flex-wrap: wrap;

    color: var(--c-secondary);
    margin: 0;
    padding: 0 0.25rem;

    -ms-flex-negative: 0;
    flex-shrink: 0;

    width: 100%;
    overflow: hidden;
}

.main__breadcrumb {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.main__breadcrumb:last-child {
    font-weight: bold;
    color: var(--c-primary-300);
}

.main__breadcrumb::after {
    content: '>';
    color: inherit;
    margin-right: .25rem;
}

.main__breadcrumb:last-child:after {
    content: '';
}

.main__breadcrumb-a {
    color: inherit;
    display: inline;
}

a.main__breadcrumb-a:hover {
    color: var(--c-primary-300);
}

.main__breadcrumb:last-child .main__breadcrumb-a:hover {
    color: var(--c-primary-600);
}

.main__section-flex {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 300px;
}

.main__tabs,
.tabs,
.filter-tabs {
    margin: 0 .45rem;
    width: auto;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    border-bottom: var(--border-main);
    padding-bottom: .35rem;
}

.filter-tabs i {
    margin-right: .5rem;
}

.inner-section-base .tabs {
    margin: 0;
}

.tabs~.tabs__section-wrapper {
    margin-top: 1rem;
}

.main__section-wrapper>div>.tabs {
    margin: 0 -.25rem;
}

.main__tabs {
    /* overflow-x: auto; */
    padding-bottom: 0;
    margin: 0 -5px 1rem;

    gap: .5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    position: sticky;
    /* padding-top: .75rem; */
    top: 0;
    z-index: 99999;
    background-color: white;
}

.main__sticky+div .main__tabs,
.main__sticky+.main__tabs,
.risks__body .main__tabs {
    top: 69.22px;
}

.tabs__tab,
.filter-tabs__tab {
    flex-grow: 1;
    margin-left: .5rem;
}

.main__tab:hover {
    position: relative;
    z-index: 1;
}

.tabs__tab input {
    display: none;
}

.main__tab:first-child,
.tabs__tab:first-child,
.filter-tabs__tab:first-child {
    margin-left: 0;
}

.main__tab-button,
.tabs__button,
.agenda__tab-button,
.measure-filter__button,
.filter-tabs__button {
    font-family: var(--ff-main);
    font-size: .9rem;
    text-transform: uppercase;
    display: block;

    color: var(--c-secondary);
    background-color: transparent;

    border: none;
    border-radius: var(--br-small);
    padding: .65rem 1rem;

    cursor: pointer;
}

.main__tab-button {
    height: 100%;
}

.active .main__tab-button,
.tabs__button,
.agenda__tab-button,
.measure-filter__button,
.filter-tabs__button {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tabs__button,
.agenda__tab-button,
.measure-filter__button,
.filter-tabs__button {
    width: 100%;
    color: var(--c-secondary-700);
    background-color: var(--c-secondary-050);
}

.small .tabs__button,
.agenda__tab-button,
.measure-filter__button {
    padding: 0.35em 2em;
}

.tabs__tab .tabs__button.with-number,
.measure-filter__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    padding: 0;
}

.tabs__text {
    font-size: .8rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: .5rem;
    pointer-events: none;
    text-align: center;
    pointer-events: none;
}

.tabs__count {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: .45rem .75rem;
    border-left: var(--border-main);
    pointer-events: none;
}

.measure-filter__button .tabs__text {
    padding: .35rem;
}

.measure-filter__button .tabs__count {
    padding: .35rem 1rem;
}

.measure-filter__label {
    padding: 0;
}

.main__tab {
    background-color: white;
}

.main__tab-button {
    position: relative;

    color: var(--c-tab-button, var(--c-secondary-500));
    background-color: var(--bkg-tab-button, var(--c-secondary-050));
    border-radius: var(--br-small) var(--br-small) 0 0;
    padding: .5rem .9rem;

    border: var(--border-main);
    border-bottom: none;
    border-color: var(--bc-tab-button, var(--c-primary-200-tl));
}

.main__tab-button.danger {
    --c-tab-button: var(--c-danger-500);
    --bkg-tab-button: var(--c-danger-o-15);
    --bc-tab-button: var(--c-danger);
    --hover-tab-button: var(--c-danger-o-25);
}

.main__tab.active .main__tab-button.danger {
    background-color: var(--c-danger);
}

.main__tab:hover .main__tab-button {
    background-color: var(--hover-tab-button, var(--c-primary-200));
}

.active:hover .main__tab-button {
    border-radius: var(--br-small) var(--br-small) 0 0;
    border-color: var(--c-primary-200-tl);
}

.main__tab-button-icon {
    pointer-events: none;
}

.main__tab-button-text {
    display: inline-block;
    pointer-events: none;
    margin-left: .5rem;
}

.main__tab-config {
    margin-left: auto;
}

.main__tab-config .main__config {
    margin-top: 0;
}

.tabs__tab:hover .tabs__button,
.agenda__tab:hover .agenda__tab-button,
.measure-filter__button:hover,
.filter-tabs__tab:hover .filter-tabs__button {
    color: var(--c-primary-400);
    background-color: var(--c-primary-200);
}

/* .filter-tabs__tab:hover .filter-tabs__button.danger{
    color: var(--c-danger-500);
    background-color: var(--c-danger-o-25);
} */

.main__tab.active .main__tab-button,
.tabs__tab.active .tabs__button,
.agenda__tab.active .agenda__tab-button,
.measure-filter__input:checked+.measure-filter__button,
.filter-tabs__tab.active .filter-tabs__button {
    color: var(--c-primary-000);
    background-color: var(--c-primary-400);
}

.main__tab.active .main__tab-button,
.tabs__tab.active .tabs__button,
.agenda__tab.active .agenda__tab-button {
    cursor: default;
}

.main__section-wrapper,
.tabs__section-wrapper,
.agenda__tab-wrapper {
    display: none;
}

.main__section-wrapper.active,
.tabs__section-wrapper.active,
.agenda__tab-wrapper.active {
    display: block;
}

.main__section-wrapper.active {
    height: 100%;
    min-height: 300px;
}

.no-height .main__section-wrapper.active,
.no-height .main__section-flex {
    height: auto;
    min-height: 0;
}

.no-height .main__tabs,
.no-height .form-row,
.no-height .acordeon {
    margin-left: 0;
    margin-right: 0;
}

.tabs__section-wrapper--flex.active {
    display: flex;
    flex-direction: column;
}

.tabs__section-wrapper.form-row {
    display: none;
}

.tabs__section-wrapper.form-row.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* -------- ACORDEON ---------- */

.acordeon {
    border: var(--border-main);
    border-radius: var(--br-small);
    padding: 1.2rem 1rem;
    margin: 1rem -5px 1.5rem;
}

.tabs__section-wrapper .acordeon:first-child {
    margin-top: 0;
}

.acordeon-nopadding {
    padding: 0;
    border: unset;
}

.acordeon__list {
    margin: 0;
}

.acordeon__item {
    margin: 0;
}

.acordeon__item.active {
    padding: .5rem 0;
    border-top: var(--border-main);
}

.acordeon__item:first-child.active {
    border-top: none;
    padding-top: 0;
}

.acordeon__item:last-child.active {
    padding-bottom: 0;
}

.acordeon__title {
    font-size: .9rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: .5rem .5rem .5rem .75rem;

    color: var(--c-primary-500);
    background-color: var(--c-primary-bkg);

    border: var(--border-main);
    border-bottom: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    cursor: pointer;
}

.acordeon__item:hover .acordeon__title {
    background-color: var(--c-primary-200-t);
}

.acordeon__item:first-child .acordeon__title {
    border-radius: var(--br-small) var(--br-small) 0 0;
}

.acordeon__item:last-child .acordeon__title {
    border-bottom: var(--border-main);
    border-radius: 0 0 var(--br-small) var(--br-small);
}

.acordeon__item.active .acordeon__title {
    background-color: var(--c-primary-400);
    color: var(--c-primary-000);
    border-radius: var(--br-small) var(--br-small) 0 0;
}

.acordeon__item:last-child.active .acordeon__title {
    border-bottom: none;
}

.acordeon__actions {
    font-size: .8rem;

    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0 .75rem 0 0;
    margin-left: auto;

    border-right: var(--border-main)
}

.acordeon__actions i {
    display: block;
    pointer-events: auto;
    cursor: pointer;
    padding: .35rem .25rem .25rem;

    border-radius: var(--br-small);
}

.acordeon__actions i:hover {
    background-color: var(--c-primary-200-tl);
}

.acordeon__title i.fa-caret-right {
    font-size: 1.3em;
    margin-right: .75rem;
    margin-left: 1rem;

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    -o-transition: transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;
}

.acordeon__item.active .acordeon__title i.fa-caret-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.acordeon__content {
    display: none;
}

.acordeon__item.active .acordeon__content {
    display: block;
    border: var(--border-main);
    padding: .5rem;
    border-radius: 0 0 var(--br-small) var(--br-small);
}

.acordeon__item.active .acordeon__content.full-screen {
    position: fixed !important;
    inset: 0;
    padding: 1vw;
    background-color: white;
    z-index: 999999;
    border: none;
}

.acordeon__content.full-screen iframe {
    width: calc(100% - 2rem) !important;
    height: 100% !important;
}

.acordeon__content.full-screen .flow-status.flow-status iframe:first-child{
    width: 100%!important;
}

.acordeon__content .acordeon__actions {
    display: none;

    position: fixed;
    top: 0;
    right: 0;
    padding: 1.25rem .75rem 0 0;

    pointer-events: none;
}

.acordeon__content .acordeon__actions i {
    color: var(--c-primary-300);
    background: var(--c-primary-200-t);
    border: var(--border-main);
    border-right: none;
    border-radius: var(--br-small);
    padding: .5rem .45rem .45rem;
}

.acordeon__content .acordeon__actions i:hover {
    color: var(--c-primary-400);
    background-color: var(--c-primary-200);
}

.acordeon__content.full-screen .acordeon__actions {
    display: block;
    pointer-events: auto;
}

@media screen and (min-width: 1000px) {
    .iframe-full-screen .with-tree__wrapper {
        position: fixed;
        z-index: 999999;
        right: calc(0px + 2rem);
    }
}

@media screen and (max-width: 1000px) {
    .acordeon__content.full-screen iframe {
        height: calc(100% - 4rem) !important;
    }

    .acordeon__content.full-screen .flow-status.flow-status iframe:first-child{
        height: 100% !important;
    }

    .acordeon__content.full-screen .flow-status.flow-status iframe:last-child{
        width: 100% !important;
    }
}

/* -------- MODAL ---------- */

.modal__container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--c-modal-bkg);
    z-index: 100001;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    opacity: 0;
    pointer-events: none;

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.iframe-full-screen .modal__container{
    z-index: 9999999;
}

.modal__container--noiframe {
    /* position: absolute; */
    left: var(--nav-width);
    width: calc(100% - var(--nav-width));
}

.modal__container.openModalBkg {
    opacity: 1;
    pointer-events: auto;
}

.modal {
    max-height: calc(100vh - var(--header-height) * 2);

    padding-bottom: 2rem;

    min-width: 400px;
    width: calc(100% - 8vw);

    background-color: white;
    border-radius: var(--br-small);

    -webkit-box-shadow: var(--shadow-main);

    box-shadow: var(--shadow-main);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;


    -webkit-transform: translateY(1.25rem);


    -ms-transform: translateY(1.25rem);


    transform: translateY(1.25rem);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#plotly-modal {
    padding-bottom: 0;
}

.modal-scroll {
    padding-bottom: 1rem;
}

.openModalBkg .modal.openModal {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.modal--xs {
    max-width: 500px;
}

.modal--sm {
    max-width: 700px;
}

.modal--md {
    max-width: 1000px;
}

.modal__close:not(.modal__button, .dialog__button, .button) {
    position: absolute;
    top: .5rem;
    right: .5rem;

    width: 2.25rem;
    height: 2.25rem;

    font-size: 1rem;

    border: none;
    border-radius: var(--br-small);
    color: var(--c-primary-200-t);
    background-color: transparent;

    -webkit-transition: color .2s ease;

    -o-transition: color .2s ease;

    transition: color .2s ease;
}

.modal__close:not(.modal__button, .dialog__button, .button):hover {
    color: var(--c-primary-000);
}

.modal__header {
    padding: 1rem 1.75rem;
    color: var(--c-primary-000);
    background-color: var(--c-primary-400);

    border-radius: var(--br-small) var(--br-small) 0 0;
    text-align: center;

    height: 100%;
}

.modal__title {
    font-weight: bold;
    font-size: 1.35rem;
    text-transform: uppercase;
    text-align: inherit;
}

.modal__body {
    margin: 2rem 0 0;
    padding: 0 2rem;
    height: 100%;
    overflow-y: auto;
}

.modal__side-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modal__side {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 1rem);
    flex-basis: calc(50% - 1rem);
    padding: .5rem;
}

.modal__subtitle {
    color: var(--c-primary-400);
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 0 2rem 1rem;
    margin-bottom: 1rem;
    border-bottom: var(--border-main);
    line-height: 1;
    border-radius: var(--br-main) var(--br-main) 0 0;
}

.modal__button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.5rem;
}

.modal__button {
    text-transform: uppercase;

    color: var(--c-primary-000);
    background-color: var(--c-primary-400);

    padding: .5rem 1.5rem;
    border: none;
    border-radius: var(--br-small);

    margin: 0 .5rem;
}

.modal__button[id^="filter"] {
    position: fixed;
    bottom: 2rem;
    right: 2.5rem;
}

.modal__button:hover {
    background-color: var(--c-primary-300);
}

.modal__button.secondary {
    color: var(--c-primary-400);
    border: 1.5px solid var(--c-primary-400);
    background-color: transparent;
}

.modal__button.secondary:hover {
    background-color: var(--c-primary-200-t);
}

.modal__button.delete {
    color: var(--c-danger-500);
    border: 1.5px solid var(--c-danger-500);
    background-color: transparent;
}

.modal__button.delete:hover {
    color: var(--c-danger-500);
    border: 1.5px solid var(--c-danger-500);
    background-color: var(--c-danger-o-15);
}

.modal__button.solid.delete {
    font-family: var(--ff-bold);
    color: white;
    background-color: var(--c-danger-500);
    border: 1.5px solid var(--c-danger-500);
}

.modal__button.solid.delete:hover {
    color: white;
    background-color: var(--c-danger-600);
    border: 1.5px solid var(--c-danger-600);
}

.accent_danger {
    overflow: auto;
    padding: 1rem 0;
}

.modal__accent {
    padding: 1rem;
    background-color: var(--c-primary-bkg);
    border: var(--border-main);
    border-radius: var(--br-small);
}

.modal__accent.danger {
    color: var(--c-danger-500);
    border-color: var(--c-danger-o-25);
    background-color: var(--c-danger-light);
}

.accent_danger .jstree.jstree-default .jstree-clicked,
.accent_danger .jstree.jstree-default .jstree-anchor,
.accent_danger .jstree .jstree-icon {
    color: var(--c-danger-500);
}

.table-delete-dialog .modal__accent {
    border-top: none;
    border-radius: 0 0 var(--br-small) var(--br-small);
}

.modal-close__text {
    margin-bottom: 1rem;
    padding: 0 0.25rem 0.25rem;
    color: var(--c-primary-400);
    font-weight: bold;
    text-align: left;
    border-bottom: var(--border-main);
}

.accent_danger .modal-close__text {
    color: var(--c-danger-500);
    border-color: var(--c-danger-o-25);
}

.modal-close__sure {
    font-size: 1rem;
    text-align: center;
    margin-top: 2rem;
    padding-bottom: 0.25rem;
    border-bottom: var(--border-main);
}

.deletion-tree {
    max-width: 100%;
    overflow: hidden;

    text-align: left;
}

.deletion-tree .jstree-anchor {
    width: 97%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#add_related-datatable_users {
    display: none;
}

.modal-close__sure {
    font-size: 1rem;
    text-align: center;
    margin-top: 2rem;
    padding-bottom: 0.25rem;
    border-bottom: var(--border-main);
}

.deletion-tree {
    max-width: 100%;
    overflow: hidden;
}

.deletion-tree .jstree-anchor {
    width: 97%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#add_related-datatable_users {
    display: none;
}


/* -------------------- SIDE MENU ------------------- */

.side-menu {
    position: fixed;
    top: 0;
    left: 102%;
    z-index: 99999;

    width: 100%;
    max-width: var(--header-open-width);
    height: 100vh;

    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-shadow: var(--shadow-main);
    box-shadow: var(--shadow-main);

    border-left: var(--border-main);

    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.side-menu.side-menu--open {
    left: calc(100% - var(--header-open-width));
}

.side-menu__header {
    color: white;
    background-color: var(--c-primary-400);

    font-size: 1.15rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    padding: .9rem 1rem .7rem 1.5rem;
}

.side-menu__title {
    width: 100%;
    line-height: 1.3;
}

.side-menu__title span {
    opacity: .75;
    font-size: .85em;
    display: block;
    /* line-height: 1; */
}

.side-menu__close {
    font-size: inherit;
    background-color: transparent;
    border: none;
    color: inherit;

    -ms-flex-negative: 0;
    flex-shrink: 0;

    opacity: .5;

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.side-menu__close:hover {
    opacity: 1;
}

.side-menu__body {
    padding: 1rem;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: auto;
    margin-bottom: 1rem;
}

.side-menu__section {
    padding: 0 .35rem 1rem;
    margin-bottom: 1rem;
}

.side-menu__section-title {
    color: var(--c-primary-400);
    margin-bottom: .25rem;
    border-bottom: var(--border-main);
}

ul+.side-menu__section-title {
    margin-top: 1.5rem;
}

.side-menu__ul {
    margin: 0;
    padding: 0;
}

.side-menu__li {
    margin: 0 0 0 1rem;
    padding: 0;
}

.required-field span:after {
    content: ' *';
}

.jstree-anchor[data-required="true"] {
    font-weight: bold;
}

.jstree-anchor[data-blocked="true"] {
    opacity: .5;
}

.jstree-anchor[data-blocked="true"] .jstree-icon {
    color: var(--c-secondary);
}

.jstree-anchor[data-active="true"] .jstree-icon {
    color: var(--c-aixa-turquoise);
}


/* .jstree-anchor[data-multitrial="true"] i:not(.jstree-icon.fa-bell){
    color: var(--c-primary-400);
} */

.jstree-default .jstree-anchor {
    position: relative;
}

#ebr_tree .jstree-icon.fa-bell {
    position: absolute;
    right: 100%;
    width: 20px;
}

.animated-input {
    animation: input-changed 1.5s ease 0s 1 normal both;
}

@keyframes input-changed {
    0% {
        box-shadow: inset 0 0 0 0 transparent !important;
    }

    50% {
        box-shadow: inset 0 0 0 2px var(--c-primary-400) !important;
    }

    100% {
        box-shadow: inset 0 0 0 0 transparent !important;
    }
}

/* ------------------------------ HOME ------------------------------ */

.home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    padding: 2rem 2rem 0;
    gap: .5rem;
}

.home__section {
    padding: 1rem;
    border: var(--border-main);
    border-radius: var(--br-main);

    -webkit-box-shadow: var(--shadow-main);
    box-shadow: var(--shadow-main);

    -webkit-box-flex: 150;
    -ms-flex-positive: 150;
    flex-grow: 150;

    -ms-flex-negative: 1;
    flex-shrink: 1;

    min-width: 275px;
}

.monitor-section {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;

    max-height: calc(100vh - 3.9rem);
    max-width: 1500px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.graph-section {
    -ms-flex-preferred-size: 550px;
    flex-basis: 550px;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    gap: 0.5rem;
}

.home__subtitle {
    font-size: 1.1rem;
    font-weight: normal;
    font-weight: bold;
    text-transform: uppercase;

    margin: .5rem 0;
    padding: 0 .5rem .5rem;
    color: var(--c-primary-400);

    border-bottom: var(--border-main);
}

.home__subtitle i {
    font-size: 1.25em;
    vertical-align: text-bottom;
    margin-right: .5rem;
}

.home__ul {
    height: auto;
    background-color: var(--c-primary-bkg);

    padding: 0.45rem 0.25rem 0;
    margin: 0;

    border: var(--border-main);
    border-radius: var(--br-main);
    border-color: var(--c-primary-100);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    overflow-y: auto;
}

.home__li {
    border-radius: var(--br-main);
    margin: 0 0.25rem 0.5rem;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    -ms-flex-negative: 0;
    flex-shrink: 0;

    -ms-flex-preferred-size: calc(50% - 1rem);
    flex-basis: calc(50% - 1rem);

    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);

    background-color: white;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;

    -webkit-transition: -webkit-box-ordinal-group .1s linear .1s;
    transition: -webkit-box-ordinal-group .1s linear .1s;
    -o-transition: order .1s linear .1s;
    transition: order .1s linear .1s;
    transition: order .1s linear .1s, -webkit-box-ordinal-group .1s linear .1s, -ms-flex-order .1s linear .1s;
}

.home__li.faved {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.home__fav {
    font-size: 1rem;
    color: var(--c-primary-400);
    color: white;
    background-color: var(--c-primary-400);

    padding: .5rem 1rem;

    border: none;
    border-radius: var(--br-main) 0 0 var(--br-main);
}

.faved .home__fav {
    background-color: var(--c-warning);
}

.home__fav .fa-solid {
    display: none;
}

.faved .home__fav .fa-solid {
    display: block;
}

.faved .home__fav .fa-regular {
    display: none;
}

.home__link {
    display: block;
    width: 100%;
    padding: 0.75rem 0.5rem 0.75rem .75rem;
    border: var(--border-main);
    border-left: none;
    border-radius: 0 var(--br-main) var(--br-main) 0;
}

.hand-hygiene .home__link {
    border: var(--border-main);
    border-radius: var(--br-main);
}

.home__li-title,
.home__li-type,
.home__li-episody {
    margin: 0;
}

.home__li-type {
    color: var(--c-primary-400);
    width: 100%;
    font-size: .8rem;
    margin-bottom: .15rem;
    padding: 0 .5rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home__li-title {
    width: 100%;

    font-size: .9rem;
    font-weight: bold;
    color: var(--c-primary-600);
    border-bottom: var(--border-main);
    margin-bottom: .5rem;
    padding: 0 .5rem .5rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.hand-hygiene .home__li-title {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;

    text-transform: uppercase;
}

.home__li-title span {
    font-family: var(--ff-main);
    font-weight: normal;
    font-size: .8rem;
    line-height: 1.7;

    color: var(--c-primary-400);
    margin-left: 1rem;
    white-space: nowrap;
}

.home__li-episody {
    font-size: .8rem;
    padding: 0 0.5rem;
    white-space: initial;
}

.home__li-data span {
    color: var(--c-primary-400);
    font-weight: bold;
    margin-right: .5rem;
}

.home__graph-container {
    position: relative;
}

.home__graph {
    max-height: 350px;
    opacity: 0;
    pointer-events: none;
}

.home__graph:nth-child(1n + 2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.home__graph.active {
    opacity: 1;
    pointer-events: auto;
}

.home__button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.home__label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    -ms-flex-negative: 0;
    flex-shrink: 0;

    cursor: pointer;
}

.home__label:nth-child(1n + 2) {
    margin-left: .5rem;
}

.home__button {
    display: block;
    width: 100%;

    font-size: .8rem;
    text-align: center;
    text-transform: uppercase;

    padding: .25rem .5rem;

    border: var(--border-main);
    border-radius: var(--br-small);

    color: var(--c-primary-500);
    background-color: var(--c-primary-bkg);

    -moz-user-select: none;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.home__radio:checked+.home__button {
    color: white;
    border-color: var(--c-primary-400);
    background-color: var(--c-primary-400);
}

.home__radio {
    display: none;
}

/* --------------------------- PRL & RRHH --------------------------- */

.prl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    width: 100%;
}

.prl__section {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    -ms-flex-negative: 0;
    flex-shrink: 0;

    -ms-flex-preferred-size: calc(50% - 1rem);
    flex-basis: calc(50% - 1rem);

    width: calc(100% - 1rem);
    min-width: 460px;
    margin: .5rem;
    height: calc(50vh - 36px - .5rem);
    overflow-x: hidden;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;

    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);
}

.prl__section__top {
    min-height: 600px;
}

.prl__section.non-assigned {
    -ms-flex-preferred-size: calc(100vh - 1rem);
    flex-basis: calc(100vh - 1rem);

    -ms-flex-negative: 1;
    flex-shrink: 1;

    height: auto;
}

.prl__container {
    overflow: auto;
    /* overflow-y: auto; */
    -ms-flex-negative: 1;
    flex-shrink: 1;
    height: 100%;
}

.prl .tabs {
    border: none;
    margin: 0;
}

.prl .tabs__tab,
.prl .tabs__button {
    width: 100%;
}

.prl .tabs__button {
    border: var(--border-main);
    padding: 0.65rem 0.5rem;
}

.tabs__sec-section-wrapper .dataTables_wrapper .dataTable {
    padding: 0;
}

.main__section-wrapper>.tabs+.tabs__section-wrapper .dataTable,
.main__section-wrapper>.tabs+.risks__container .tabs__section-wrapper .dataTable {
    padding: 0.75rem 0 1rem;
}

.main__section-wrapper .risks__tabs {
    margin: 0 0.45rem 1.5rem;
}

.jstree-tab {
    padding: 1rem .5rem .5rem;
}

.prl__container.jstree-tab {
    padding: 0 .5rem .5rem;
}

.prl .jstree-anchor {
    margin-right: 1rem;
}

.jstree {
    color: var(--c-primary-700);
}

.jstree i {
    color: var(--custom-color, var(--c-primary-400));
}

/* .jstree i.fa-square-check, .jstree i.fa-circle-check, .jstree i.fa-check{
    font-size: 1.5em!important;
} */

.jstree.jstree-default i.fa-check,
.jstree-legend__li i.fa-check {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    /* font-size: .9em!important; */
    padding: 0 1px 1px 1px;

    border: var(--border-main);
    border-color: var(--c-primary-300);
    border-radius: var(--br-small);

    width: 20px;
    height: 20px;
    line-height: 20px;
}

.jstree.jstree-default i.fa-check {
    margin: 2px 2px 0;
}

.jstree .jstree-anchor.jstree-disabled,
.jstree .jstree-anchor.jstree-disabled i {
    color: var(--c-secondary-300) !important;
}

.jstree .jstree-node.jstree-node--bold>.jstree-anchor {
    font-weight: bold;
}

.jstree #clinic_history .jstree-anchor {
    font-weight: bold;
}

#clinic_history .jstree-icon {
    color: var(--c-primary-600);
}

/* .jstree .jstree-node:not(.jstree-leaf){
    font-weight: bold;
} */

.jstree .jstree-node.jstree-leaf {
    font-family: var(--ff-main);
}

.jstree .jstree-icon.moderate {
    --custom-color: var(--c-moderate);
}

.jstree .jstree-node.red,
.jstree .jstree-icon.red,
.jstree .jstree-icon.sup-high {
    --custom-color: var(--c-danger);
}

.jstree .jstree-node.orange,
.jstree .jstree-icon.orange,
.jstree .jstree-icon.high {
    --custom-color: var(--c-warning);
}

.jstree .jstree-node.green,
.jstree .jstree-icon.green,
.jstree .jstree-icon.sup-low {
    --custom-color: var(--c-success);
}

.jstree .jstree-icon.low {
    --custom-color: var(--c-low);
}

.jstree .jstree-node.gray,
.jstree .jstree-icon.gray {
    --custom-color: var(--c-secondary-200);
}

.jstree .jstree-icon {
    color: var(--custom-color, var(--c-secondary-500));
}

.jstree .jstree-icon.fa-exclamation.extreme {
    width: 4px;
}

.jstree .jstree-icon.extreme {
    color: #ff0000;
}

.jstree .jstree-leaf.red .jstree-anchor::before,
.jstree .jstree-leaf.orange .jstree-anchor::before,
.jstree .jstree-leaf.green .jstree-anchor::before {
    content: "";
    display: inline-block;
    width: .75rem;
    height: .75rem;
    background-color: var(--custom-color, var(--c-primary-400));
    border-radius: 50%;
    margin: 0 0.40rem -1px 0.34rem;
}

.jstree .jstree-leaf.red .jstree-anchor:has(.jstree-icon)::before,
.jstree .jstree-leaf.orange .jstree-anchor:has(.jstree-icon)::before,
.jstree .jstree-leaf.green .jstree-anchor:has(.jstree-icon)::before {
    content: none;
}

.jstree.jstree-default .jstree-clicked {
    background-color: transparent;
    color: var(--c-primary-400);
    border-radius: var(--br-small);
    box-shadow: none;

    /* font-weight: bold; */
}

.jstree-clicked .jstree-icon,
#clinic_history .jstree-clicked .jstree-icon {
    color: var(--custom-color, var(--c-primary-400));
}

.jstree.jstree-default .jstree-hovered,
.jstree-default .jstree-wholerow-hovered {
    background-color: var(--c-select-tree-item-bkg);
}

.jstree .jstree-anchor>.jstree-themeicon {
    margin: 0;
    font-size: inherit;
}

.select2-hidden-accessible[required] {
    /* display: block; */
    height: 0;
    border: 1px solid transparent;
    margin-bottom: -2px;
}


.jstree-ocl {
    pointer-events: auto;
}

.with-tree__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.with-tree__section #template-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    margin-bottom: 2rem;
}

.with-tree__wrapper {
    overflow: hidden;
    width: 350px;
    -ms-flex-negative: 0;
    flex-shrink: 0;

    margin: 0 -2rem 0 var(--with-tree-button-size, 1.5rem);

    -webkit-transition: width .5s ease;

    -o-transition: width .5s ease;

    transition: width .5s ease;
}

.with-tree__wrapper.hidden {
    width: var(--with-tree-button-size, 1.5rem);
}

.with-tree__tree {
    width: 99%;
    min-width: min(329px, 99%);
    height: 75vh;
    margin: 0 0 0 1.6rem;
    padding: 1rem 2rem 1rem 1.25rem;
    border-radius: var(--br-main) 0 0 var(--br-main);

    position: relative;
    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);
}

#tree-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#tree-wrapper .col {
    width: 95%;
}

.with-tree__container {
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
}

.with-tree__container::-webkit-scrollbar {
    width: 0;
}

.with-tree__timer{
    background: var(--c-warning-100);
    border: var(--border-main);
    border-color: var(--c-warning-o-25);
    color: var(--c-warning-500);
    padding: .25rem .5rem;
    border-radius: var(--br-small);
    margin-top: .75rem;

    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
}

.with-tree__timer strong{
    font-size: 1rem;
    white-space: nowrap;
}

.with-tree__next-timers{
    gap: .5rem;
    font-size: .75rem;
    margin-top: .5rem;
    padding-bottom: .5rem;

    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
}

.with-tree__next-timers .with-tree__timer{
    margin: 0;
    padding: .1rem .5rem 0;
    flex-shrink: 0;
}

.with-tree__hide {
    position: absolute;
    top: 5rem;
    right: 100.5%;

    width: var(--with-tree-button-size, 1.5rem);
    height: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    color: var(--c-primary-300);
    background: var(--c-primary-200-t);

    border: var(--border-main);
    border-right: none;
    border-radius: var(--br-small) 0 0 var(--br-small);

    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.with-tree__hide:hover {
    color: var(--c-primary-400);
    background-color: var(--c-primary-200);
}

.with-tree__hide .fa-chevron-right {
    display: block;
}

.with-tree__hide .fa-folder-tree {
    display: none;
    font-size: 1rem;
}

.hidden .with-tree__hide .fa-chevron-right {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.jstree-button {
    position: sticky;
    top: 0;
    left: 0;

    width: 1.75rem;
    height: 1.75rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    color: var(--c-secondary-500);
    background-color: var(--c-secondary-bkg);
    border: var(--border-main);
    border-radius: var(--br-small);

    margin-bottom: .5rem;

    cursor: pointer;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.jstree-button i {
    height: .65rem;
}

#tree-wrapper .input-label,
.input-label.small {
    padding: 0;
    font-size: .85rem;
}

#tree-wrapper .checkbox-styled,
.input-label.small .checkbox-styled,
.input-label.small .radio-styled,
.checkbox-group .input-label .checkbox-styled,
.checkbox-group .input-label .radio-styled {
    width: 1rem;
    height: 1rem;
}

.checkbox-group .input-label .checkbox-styled,
.checkbox-group .input-label .radio-styled {
    align-self: flex-start;
    /* margin-top: .1rem; */
}

#tree-wrapper form {
    margin-bottom: 1rem;
    border-bottom: var(--border-main);
    padding-bottom: 1rem;
}

.jstree-button:hover {
    background-color: var(--c-secondary-100);
}

.vakata-context.jstree-contextmenu,
.vakata-context.jstree-contextmenu ul {
    background-color: white;
    border: var(--border-main);
    border-radius: var(--br-small);
    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);

    z-index: 999999;
}

.jstree-contextmenu.vakata-context li>a {
    color: var(--c-primary-600);

    -webkit-transition: all .2s ease;

    -o-transition: all .2s ease;

    transition: all .2s ease;
}

.jstree-contextmenu.vakata-context li>a .vakata-contextmenu-sep {
    border-left: var(--border-main);
}

.vakata-context li>a>i {
    color: var(--c-primary-400);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.jstree-contextmenu.vakata-context li>a:hover,
.jstree-contextmenu.vakata-context .vakata-context-hover>a {
    background-color: var(--c-primary-200-t);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.jstree-contextmenu.vakata-context li.jstree-delete>a:hover,
.jstree-contextmenu.vakata-context .vakata-context-hover.jstree-delete>a {
    color: var(--c-danger);
    background-color: var(--c-danger-o-15);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.jstree-contextmenu.vakata-context li.jstree-delete>a:hover i,
.jstree-contextmenu.vakata-context .vakata-context-hover.jstree-delete>a i {
    color: var(--c-danger);
}

.jstree-contextmenu.vakata-context li.jstree-delete>a:hover .vakata-contextmenu-sep,
.jstree-contextmenu.vakata-context .vakata-context-hover.jstree-delete>a .vakata-contextmenu-sep {
    border-color: var(--c-danger-o-5);
}

.jstree-contextmenu.vakata-context .vakata-context-separator>a,
.jstree-contextmenu.vakata-context .vakata-context-separator>a:hover {
    border-top: var(--border-main);
}


.jstree-er.check {
    background-position: -4px -68px !important;
}

.jstree-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;

    margin-bottom: .75rem;
    border-bottom: var(--border-main);
    padding-bottom: .75rem;
}

.jstree-button-container .button+.button {
    margin: 0;
}

/* ------------------------------ RISKS ------------------------------ */

.risks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    /* gap: .5rem; */

    max-width: 100%;
}

.risks .header-section-base.localizer {
    /* display: block; */
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0 0 0 .25rem;
    border-bottom: none;
}

.risks .input-label {
    padding: 0;
}

.risks .tabs {
    margin: 0 0 1rem;
}

.risks .tabs__section-wrapper {
    padding: 0 .1rem;
}

/* .risks .ul-section-base, .risks-view .ul-section-base, .tapiz .ul-section-base, .summary .ul-section-base{
    margin: 0;
} */

.assessment .li-title-section-base,
.measures .li-title-section-base,
.risks-view .li-title-section-base {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.measures .li-title-section-base {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.assessment .li-title-section-base span,
.measures .li-title-section-base span,
.risks-view .li-title-section-base span {
    margin-left: auto;
}

.li-title-section-base span.title-width {
    /* max-width: 85%; */
    margin-left: 0;
    margin-right: .5rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;

    color: inherit;
    font-weight: bold;
    margin-left: 0;
}

.li-title-section-base span.flag {
    display: inline-block;
    width: .85em;
    height: .85em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.25rem;
    margin-left: 0;

    border-radius: 50%;
    background-color: var(--c-flag);

    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.li-title-section-base span.risk__title-text {
    max-width: 90%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.li-title-section-base span.risks__checkbox {
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin-left: auto;

    border: var(--border-main);
    border-radius: var(--br-small);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;

    cursor: pointer;
    margin-bottom: 3px;
}

.li-title-section-base span.risks__date {
    margin-left: auto;
    padding-left: .5rem;
}

.li-title-section-base span.risks__checkbox:not(.checked):hover {
    background-color: var(--c-primary-200-t);
}

.li-title-section-base span.risks__checkbox.checked {
    background-color: var(--c-primary-400);
    border-color: var(--c-primary-400);
}

.li-title-section-base span.risks__checkbox i {
    color: white;
    margin-top: 2px;

    opacity: 0;
}

.li-title-section-base span.risks__checkbox.checked i {
    opacity: 1;
}

#jstree_risk {
    margin-bottom: 1rem;
}

.moderate,
#jstree_risk li[rel="moderate"] {
    --c-flag-l: var(--c-moderate-l);
    --c-flag-m: var(--c-moderate-m);
    --c-flag: var(--c-moderate);
    --c-flag-d: var(--c-moderate-d);
}

.high,
#jstree_risk li[rel="high"] {
    --c-flag-l: var(--c-high-l);
    --c-flag-m: var(--c-high-m);
    --c-flag: var(--c-high);
    --c-flag-d: var(--c-high-d);
}

.sup-high,
#jstree_risk li[rel="sup-high"],
.danger {
    --c-flag-l: var(--c-sup-high-l);
    --c-flag-m: var(--c-sup-high-m);
    --c-flag: var(--c-sup-high);
    --c-flag-d: var(--c-sup-high-d);
}

.low,
#jstree_risk li[rel="low"] {
    --c-flag-l: var(--c-low-l);
    --c-flag-m: var(--c-low-m);
    --c-flag: var(--c-low);
    --c-flag-d: var(--c-low-d);
}

.sup-low,
#jstree_risk li[rel="sup-low"] {
    --c-flag-l: var(--c-sup-low-l);
    --c-flag-m: var(--c-sup-low-m);
    --c-flag: var(--c-sup-low);
    --c-flag-d: var(--c-sup-low-d);
}

.extreme {
    --c-flag-l: var(--c-danger);
    --c-flag-m: white;
    --c-flag: var(--c-danger);
    --c-flag-d: white;
    --c-flag-extreme: var(--c-danger);
}

.li-section-base:not(.sup-low, .low, .moderate, .high, .sup-high) span.flag {
    display: none;
}

.li-section-base.pending span.flag {
    display: none;
}

.risks .li-section-base {
    min-width: min(299px, calc(100% - .5rem));
}

.risks .cause .li-section-base {
    -ms-flex-preferred-size: calc(100% - 1rem);
    flex-basis: calc(100% - 1rem);
}

.row-remake {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;
}

.row-remake .col-checkbox {
    margin: 0.65rem 5% 0.5rem .5rem;

}

.row-remake .input-text {
    white-space: nowrap;
}

.section-base--big {
    display: none;
}

.section-base--small {
    margin-top: .5rem;
    margin-bottom: .5rem;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.risks__button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: .5rem;
}

.risks__button-label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.risks__button-label:nth-child(1n + 2) {
    margin-left: .5rem;
}

.risks__filter-button {
    display: block;
    width: 100%;
    padding: .35rem;
    text-align: center;

    border: var(--border-main);
    border-radius: var(--br-small);

    color: var(--c-primary-400);
    background-color: var(--c-primary-bkg);
}

.risks__filter-button:hover {
    color: var(--c-primary-300);
}

.risks__filter-checkbox {
    display: none;
}

.risks__filter-checkbox:checked+.risks__filter-button {
    border-color: var(--c-flag, var(--c-primary-400));

    color: var(--c-flag-d, var(--c-primary-400));
    background-color: var(--c-flag-l, var(--c-primary-200-t));
}


.li-section-base.completed span.flag {
    display: none;
}

.risks .ul-section-base {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.risks .assessment {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(299px, 100%), 1fr));
    gap: .25rem;
}

.risks .assessment.open {
    padding: .25rem;
}

.risks .assessment .li-section-base {
    position: relative;
    margin: 0;
    max-width: 100%;
    min-width: 0;
}

.risks .assessment .li-section-base:first-child {
    grid-column: 1/-1;
    /* -ms-flex-preferred-size: calc(100% - 1rem); */

    /* flex-basis: calc(100% - 1rem); */
    border-left: 12px solid var(--c-flag);
}

.risks .assessment .li-section-base.no-valoration:first-child {
    border-left: var(--border-main);
}

.risks .assessment .li-section-base:first-child .flag {
    display: none;
}

.risks .assessment .li-section-base:first-child {
    margin-bottom: 1.25rem;
}

.risks .assessment .li-section-base:first-child::after {
    content: '';
    position: absolute;
    top: calc(100% + .75rem);
    left: -.6rem;
    width: calc(100% + .5rem);
    border-bottom: var(--border-main);
}

.risks .assessment .li-section-base.no-valoration:first-child::after {
    left: .25rem;
    width: calc(100% - .5rem);
}

.li-text-section-base .large {
    left: 0;
    width: calc(100% - .5rem);
}

.prox .li-section-base.completed,
.completed .li-section-base:not(.completed) {
    display: none;
}

.risks-wrapper-sticky .tabs__tab {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
}

.risks-view__item.open__modal {
    cursor: pointer;
}

.search-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;

    margin: 0 -.25rem 1rem;
}

.search-header__month {
    margin: .5rem 0 0;
    width: 100%;
    border-top: var(--border-main);
}

.search-header .form-control {
    padding: 5px !important;
    font-size: .85rem;
    line-height: 1;
}

.search-header>span {
    margin: 0 .25rem;
}

.search-header__month>span {
    flex-grow: 1;
}

.search-button {
    color: white;
    background-color: var(--c-primary-400);
    border: none;

    width: var(--input-height);
    height: var(--input-height);
    font-size: .9rem;
    align-self: bottom;

    border-radius: var(--br-small);
    margin-top: 1.45rem;
    margin-left: .25rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;
}

.search-button:hover {
    background-color: var(--c-primary-300);
}

.search-button-cont {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

table .col-checkbox {
    width: 100px;
    text-align: center !important;
}

input[type="checkbox"],
.input-label input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}

.input-label {
    cursor: pointer;
    padding: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding-bottom: .5rem;
    padding-top: .75rem;

    min-width: 175px;
}

.input-label.table-checkbox {
    padding-bottom: 0;
    text-align: center;
}

.input-label.input-label--options {
    min-width: 0;
}

.input-label.input-label--lab-test {
    font-weight: bold;
    color: var(--c-primary-400);

    margin: 0;
    padding: 1rem 0.75rem .85rem;
    border-bottom: var(--border-main);
}

/* .col-checkbox .input-label{
    min-height: 45px;
} */

.checkbox-styled,
.radio-styled {
    position: relative;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;

    background-color: var(--c-secondary-bkg);
    border: var(--border-main);
    border-radius: 2.5px;

    vertical-align: bottom;

    -ms-flex-negative: 0;

    flex-shrink: 0;
    margin-left: .25rem;
}

.radio-styled {
    border-radius: 50%;
}

.input-label.table-checkbox {
    min-width: 1rem;
}

.input-label.table-checkbox .checkbox-styled {
    margin: 0 auto;
}

input[type="checkbox"]:focus-visible + .checkbox-styled {
  outline: 2px solid;
  outline-offset: 2px;
}

input[type="checkbox"]:checked+.checkbox-styled,
input[type="radio"]:checked+.checkbox-styled {
    border-color: var(--c-primary-400);
    -webkit-box-shadow: inset 0 0 0 2px var(--c-primary-bkg), inset 0 0 0 100px var(--c-primary-400);
    box-shadow: inset 0 0 0 2px var(--c-primary-bkg), inset 0 0 0 100px var(--c-primary-400);

    -ms-flex-negative: 0;

    flex-shrink: 0;
}

input[type="radio"]:checked+.radio-styled {
    border-color: var(--c-primary-400);
    -webkit-box-shadow: inset 0 0 0 2px var(--c-primary-bkg), inset 0 0 0 100px var(--c-primary-400);
    box-shadow: inset 0 0 0 2px var(--c-primary-bkg), inset 0 0 0 100px var(--c-primary-400);

    -ms-flex-negative: 0;

    flex-shrink: 0;
}

.input-text {
    padding-left: .75rem;
    line-height: 1;
}

.radio-styled+.input-text {
    padding-left: .5rem;
}

input[type="checkbox"]:disabled+.checkbox-styled,
input[type="radio"]:disabled+.radio-styled {
    opacity: .5;
}

.table-checkbox input[type="checkbox"]:disabled+.checkbox-styled,
.table-checkbox input[type="checkbox"]:disabled+.radio-styled {
    border-color: var(--c-primary-400);
}

input[type="checkbox"]:disabled+.checkbox-styled+.input-text,
input[type="radio"]:disabled+.radio-styled+.input-text {
    opacity: .35;
}

.checkbox-styled {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.col.col-checkbox:first-child,
.col+.col-checkbox {
    margin-top: .75rem;
}


.risks-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    flex-wrap: wrap;
    gap: 1rem;
    margin-left: -5px;
}

.risks-view .section-base {
    position: relative;
    margin: 0;

    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;

    width: 65%;
}

.risks-view .section-base:first-child {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    width: 30%;
    min-width: min(450px, 100%);
    padding: .75rem;
    max-height: 87vh;
    overflow-y: auto;
}

.risks-view .section-base:first-child .jstree {
    width: 100%;
    /* margin-right: 2rem; */
}

.risks-view__container {
    width: 100%;
    /* height: 100%; */
}

.risks-wrapper .ul-section-base.open,
.risks-wrapper fieldset {
    margin: 0;
    margin-top: 0 !important;
}

.risks-wrapper .tabs {
    margin-inline: 0;
    margin-bottom: 1rem;
}

.risks-eva {
    padding-bottom: 2rem;
}

.risks-eva .section-base:last-child {
    margin-left: 0;
}

.risks-eva div.tabs__section-wrapper {
    padding-top: 0rem;
}

.table-section .tabs__section-wrapper {
    padding-top: .5rem;
}

.tabs__section-wrapper>form>fieldset:first-of-type {
    margin-top: 0 !important;
}

.risks-view .header-section-base.margin,
.risks-wrapper .header-section-base.margin {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.risks-view .open+.header-section-base.margin,
.risks-wrapper .open+.header-section-base.margin {
    margin-top: 1.25rem;
}

.pog-section__container {
    position: relative;
}

.risks-wrapper .header-section-base-sticky,
.pog-section__container .header-section-base-sticky {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10;
    padding-top: .5rem;
}

.risks-view .header-section-base .input-label,
.risks-wrapper .header-section-base .input-label {
    min-width: auto;
    padding-right: .75rem;
    margin-left: auto;
}

#jstree_risk li[rel="sup-high"]>a,
#jstree_risk li[rel="high"]>a {
    /* color:var(--c-flag, var(--c-primary-700));  */
    background-color: var(--c-flag-l);
    /* font-weight: bold; */
}

#jstree_risk li[rel="sup-high"]>a:hover,
#jstree_risk li[rel="high"]>a:hover,
#jstree_risk li[rel="sup-high"]>a.jstree-clicked,
#jstree_risk li[rel="high"]>a.jstree-clicked {
    /* background-color: var(--c-flag-l); */
    background-color: var(--c-select-tree-item-bkg);
}

#jstree_risk li>a i {
    /* color:var(--c-flag, var(--c-primary-400)); */
    pointer-events: auto;
    cursor: pointer;
}

.jstree-default .jstree-wholerow-clicked {
    background: var(--c-select-tree-item-bkg);
}

.jstree-legend {
    position: sticky;
    z-index: 1;
    inset: 0;
    border-radius: var(--br-small);
    border: var(--border-main);
    padding: .5rem 0;
    background: white;

    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;

    color: var(--c-primary-700);
}

.jstree-lengend--evachange {
    bottom: 1rem;
    margin-top: 1rem;
}

.jstree-legend__li {
    padding: .25rem .75rem;
}

.jstree-legend__li i {
    color: var(--c-primary-400);
    margin-right: .25rem;
}

.jstree-legend__li i.low,
i.low {
    color: var(--c-low);
}

.jstree-legend__li i.green,
.jstree-legend__li i.sup-low,
i.sup-low,
i.green {
    color: var(--c-success);
}

.jstree-legend__li i.gray,
i.gray {
    color: var(--c-secondary-200);
}

.jstree-legend__li i.moderate,
i.moderate {
    color: var(--c-moderate);
}

.jstree-legend__li i.orange,
.jstree-legend__li i.high,
i.high,
i.orange {
    color: var(--c-warning);
}

.jstree-legend__li i.red,
.jstree-legend__li i.sup-high,
i.sup-high,
i.red {
    color: var(--c-danger);
}

.jstree-legend__li i.extreme {
    color: #ff0000;
}

.jstree-legend__abreviation {
    font-weight: 800;
    color: var(--c-primary-400);
}

.jstree-legend__circle {
    display: inline-block;

    width: .75rem;
    height: .75rem;
    margin-right: .35rem;
    margin-bottom: -.1rem;
    border-radius: 50%;

    border: var(--border-main);
    border-color: var(--c-flag);
    background-color: var(--c-flag-extreme, var(--c-flag-m));
}

.center-tree-tabl__legend {
    justify-content: center;
    /* margin-bottom: 1rem; */
    border-radius: var(--br-small) var(--br-small) 0 0;
}

.risks-view .tabs,
.eva-custom .tabs,
.risks__tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
}

.risks-view .tabs__tab,
.eva-custom .tabs__tab,
.risks__tabs .tabs__tab {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: calc(50% - .25rem);
    margin: 0;
}

.risks-view .tabs__button,
.eva-custom .tabs__button,
.risks__tabs .tabs__button {
    width: 100%;
    color: var(--c-primary-400);
    background-color: var(--c-primary-200-t);
    white-space: nowrap;
    padding: 0.65rem;
}

.risks-view .tabs__section-wrapper,
.risks-wrapper .tabs__section-wrapper {
    margin-bottom: 1rem;
}

.risks-view textarea,
.risks-wrapper textarea {
    margin-top: 1rem;
}


.risks-view .jstree-anchor {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 92.5%;
}

.risks-view__info {
    margin-bottom: 1rem;
}

.risks-view__info .col+.col-checkbox {
    margin-top: 1.75rem;
}

.li-section-base.placeholder {
    display: none;
}

.li-section-base.placeholder.active {
    display: block;
    padding-left: 1rem;
}

.section-tree {
    padding-top: 1rem;
}

.section-tree.active,
.eva-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 0;
}

.table-section {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.eva-custom .inner-section-base:first-child {
    padding: 2rem 1rem;
    overflow-x: auto;
}

.risks-wrapper h2.title-section-base,
.risks h2.title-section-base {
    max-width: 90%;
}

fieldset+.tabs {
    margin: 1.75rem -5px 0;
}

.risks-view .tabs__section-wrapper .dataTable {
    padding: .75rem 0 1rem;
}

.risks-view .section-tree {
    padding: 0;
}

.risks-view__company-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;
    padding: .25rem 0 .15rem;
}

.risks-view__company-info p {
    padding: .15rem 1rem;
}

.risks-view__company-info .desc {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.risks-view__company-info .bold {
    color: var(--c-primary-400);
}

legend i {
    margin-right: .5rem;
    vertical-align: baseline;
}

.eva-related {
    margin-right: -5px;
    margin-left: -5px;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    display: -ms-grid;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1rem;
}

.eva-related fieldset {
    margin: 0 !important;
}

.risks-view__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    margin-right: -5px;
}

.risks-view__wrapper .risks-view {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 1rem;
    width: 90%;
}

.risks-view__side-menu {
    padding: 0;
    margin: 0;
    border-radius: var(--br-main);
    -webkit-box-shadow: var(--shadow-main);
    box-shadow: var(--shadow-main);
    position: sticky;
    /* top: 0.5rem; */
    top: 5.15rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 67px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.risks-view__li-section {
    padding: 0.3rem .75rem .75rem;
    border: var(--border-main);
    border-top: none;
    border-bottom: none;

    display: none;
}

.risks-view__li-section#none-section {
    border-top: none;
}

.risks-view__li-section.active {
    display: block;
}

.risks-view__li-section.active+.active {
    padding-top: .3rem;
    border-top: var(--border-main);
}

.risks-view__side-menu.side-menu--readonly .risks-view__li-section {
    border-top: var(--border-main);
}

.risks-view__side-menu.side-menu--readonly .risks-view__li-section.active {
    border-radius: var(--br-main) var(--br-main) 0 0;
}

.risks-view__side-menu.side-menu--readonly .risks-view__li-section.active+.active {
    border-radius: 0;
}

.risks-view__item {
    color: white;
    border-radius: var(--br-main);
    background-color: var(--c-primary-400);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    width: 2.5rem;
    height: 2.5rem;
    margin-top: .5rem;

    position: relative;
    display: none;
}

.risks-view__side-tree {
    text-align: right;
}

#evaluation_risk__iframe {
    height: 83vh;
}

.env .risks-view__item {
    color: var(--c-primary-400);
    background-color: white;

    border: var(--border-main);
}

.risks-view__item.add {
    background-color: var(--c-primary-bkg);
    color: var(--c-primary-300);
    border: var(--border-main);

    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.risks-view__item.add:hover {
    background-color: var(--c-primary-050);
    color: var(--c-primary-400);
}

.risks-view__item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.risks-view__item i {
    font-size: 1.35em;
}

.risks-view__item span {
    position: absolute;
    right: calc(100% + .5rem);

    font-weight: bold;
    color: var(--c-primary-400);
    color: inherit;
    background-color: inherit;

    white-space: nowrap;
    height: 100%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 0 1rem;
    border-radius: var(--br-main);
    border: inherit;

    -webkit-box-shadow: var(--shadow-main);
    box-shadow: var(--shadow-main);

    opacity: 0;
    pointer-events: none;

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.risks-view__item span.risks-view__side-tree {
    min-width: 200px;
    height: auto;
    padding: 1rem .5rem;

    color: var(--c-primary-600);
    background-color: white;
    border: var(--border-main);
    display: block;

    top: 0;
}

.risks-view__item span.risks-view__side-tree::after {
    content: '';
    display: block;
    position: absolute;

    top: 0;
    right: -1rem;
    width: 1rem;
    height: 3rem;
}

.risks-view__side-tree .jstree-ocl {
    pointer-events: none;
}

.risks-view__item:hover span,
.risks-view__side-menu.show span:not(.risks-view__side-tree) {
    opacity: 1;
    pointer-events: auto;
}

.risks-view__item:hover span .jstree-ocl {
    pointer-events: auto;
}

.risks-view__add {
    width: 100%;
    border: none;
    border-bottom: var(--border-main);
    border-radius: var(--br-main) var(--br-main) 0 0;

    color: white;
    background-color: var(--c-primary-400);

    padding: .65rem;
    font-size: 1rem;
}

.risks-view__add:hover {
    background-color: var(--c-primary-300);
}

.risks-view__show {
    width: 100%;
    border: none;
    border: var(--border-main);
    border-radius: 0 0 var(--br-main) var(--br-main);

    color: var(--c-secondary-600);
    background-color: var(--c-secondary-bkg);
    padding: .75rem;
}

.risks-view__side-menu .risks-view__show .fa-eye,
.risks-view__side-menu.show .risks-view__show .fa-eye-slash {
    display: none;
}

.risks-view__side-menu.show .risks-view__show .fa-eye,
.risks-view__side-menu .risks-view__show .fa-eye-slash {
    display: block;
}

.risks-view__inactive {
    display: none;
}

#create-workstation-period__iframe {
    width: 100%;
    min-height: 55vh;
    border: 0;
}

#create-workstation-period__iframe .side-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#create-workstation-period .modal__body {
    margin-top: 0;
    padding: 0;
}

#create-workstation-period {
    padding-bottom: 0;
}

span.light {
    display: block;
    width: .75rem;
    height: .75rem;
    margin: 0 auto;

    border: var(--border-main);
    border-color: var(--c-flag-l, transparent);
    border-radius: 50%;
    background-color: var(--c-flag, transparent);
}

.tds-control {
    padding: 0 2rem;
}

.tds-control__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    gap: 1rem;
}

.tds-control__item {
    -ms-flex-preferred-size: calc(50% - 0.5rem);
    flex-basis: calc(50% - 0.5rem);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 500px;
}

.dashboard {
    padding: 0 12px;
}

.dashboard__title {
    font-size: 1.35rem;
    color: var(--c-primary-400);
    padding-bottom: .25rem;
    border-bottom: 2px solid var(--c-primary-300);
    margin-block: 2rem .75rem;
}

.dashboard__title i {
    font-size: .9em;
    margin-inline: .25rem;
}

.dashboard__accordion {
    background-color: white;
    border: var(--border-main);
    border-radius: .5rem;

    -webkit-transition: -webkit-box-shadow .3s ease;

    transition: -webkit-box-shadow .3s ease;

    -o-transition: box-shadow .3s ease;

    transition: box-shadow .3s ease;

    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}

.dashboard__accordion+.dashboard__accordion {
    margin-top: .5rem;
}

.dashboard__accordion:last-child {
    margin-bottom: 3rem;
}

.open.dashboard__accordion {
    -webkit-box-shadow: 5px 5px 10px 5px #bebebe3e;
    box-shadow: 5px 5px 10px 5px #bebebe3e;
}

.dashboard__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    padding: 1rem 1rem 0.75rem;
    border-radius: .5rem;
    border-bottom: 1px solid transparent;
    background-color: var(--c-primary-bkg);

    color: var(--c-primary-400);

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;
}

.open .dashboard__header {
    border-radius: .5rem .5rem 0 0;
    border-bottom: var(--border-main);
}

.dashboard__subtitle {
    color: var(--c-primary-600);
    margin: 0;
    padding: 1rem;
    font-size: 1em;
    line-height: 1.2;
}

.dashboard__subtitle i {
    margin-right: .5rem;
}

.dashboard__chevron {
    color: var(--c-primary-400);
    border: none;
    background-color: transparent;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-bottom: -2px;
}

.dashboard__chevron i {
    font-size: 1.1rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);

    -webkit-transition: -webkit-transform .3s ease;

    transition: -webkit-transform .3s ease;

    -o-transition: transform .3s ease;

    transition: transform .3s ease;

    transition: transform .3s ease, -webkit-transform .3s ease;
}

.open .dashboard__chevron i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.dashboard__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.open .dashboard__grid {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
}

.dashboard__body {
    max-height: 100%;
    overflow-y: auto;
}

.open .dashboard__body {
    display: block !important;
}

.dashboard__iframe {
    width: 100%;
    margin-block: 1rem 2rem;
    display: block;
    height: 100%;
}

.dashboard-panel {
    padding: .5rem 1.25rem;
}

.main__inline .dashboard-panel {
    padding-right: .3rem;
}

.dashboard-panel table.dataTable {
    padding-bottom: 0.5rem;
}

.dashboard-panel .dataTables_info {
    padding-left: 0.25rem;
}

.dashboard-panel .dataTables_wrapper .dataTables_length {
    bottom: 0.25rem;
}

.dashboard__row {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
    gap: 0 .75rem;
    padding: 0 .5rem;
}

.dashboard__row .col {
    width: auto;
}

.dashboard__buttons {
    padding: 1rem .5rem 0;
}

.dashboard__buttons button[type="submit"] {
    margin-left: auto;
}

.dashboard__body {
    padding: 0 2rem 2rem;
}

.index {
    padding-top: 1.5rem;
}

.dashboard__categories {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    text-align: center;
    gap: 1rem;
}

.dashboard__a {
    font-size: 1.25rem;

    display: block;

    border: var(--border-main);
    border-radius: var(--br-small);
}

.dashboard__a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    width: 100%;
    padding: 1rem;

    border-radius: var(--br-small) var(--br-small) 0 0;
    background-color: var(--c-secondary-bkg);
    border-bottom: var(--border-main);

    -webkit-transition: background-color .2s ease;

    -o-transition: background-color .2s ease;

    transition: background-color .2s ease;
}

.dashboard__a:hover span {
    background-color: var(--c-primary-050);
}

.dashboard__a i {

    width: 2.5em;
    height: 2.5em;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-radius: 50%;

    font-size: 1.5rem;
    background-color: white;
    border: var(--border-main);
}

.dashboard__a:hover {
    color: var(--c-primary-400);
}

.card__accordion {
    overflow: hidden;
    border-radius: var(--br-main);
    border: var(--border-main);
}

.card__accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 1rem 1rem 0.95rem;
    margin: 0;
    border-bottom: 1.5px solid transparent;
    background-color: var(--c-primary-bkg);

    color: var(--c-primary-400);

    cursor: pointer;
    -webkit-transition: border .3s .2s ease, background-color .3s ease;
    -o-transition: border .3s .2s ease, background-color .3s ease;
    transition: border .3s .2s ease, background-color .3s ease;
}

.card__accordion-title:hover {
    background-color: var(--c-primary-050);
}

.open .card__accordion-title {
    border-bottom: var(--border-main);
    -webkit-transition: border .3s ease, background-color .3s ease;
    -o-transition: border .3s ease, background-color .3s ease;
    transition: border .3s ease, background-color .3s ease;
}

.card__accordion-title i.fa-angle-down {
    font-size: 1.1rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.open .card__accordion-title i.fa-angle-down {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.card__accordion-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.open .card__accordion-grid {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
}

.card__accordion-body {
    overflow: hidden;
}

.open .card__accordion-body {
    display: block;
}

.card__accordion-body iframe {
    width: 100%;
}

.dashboard__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dashboard__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    gap: 1rem 2rem;
    padding: 0 .5rem;
    margin-top: 1.5rem;
}

.dashboard__card {
    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: min(400px, 100%);
}

.dashboard__card--bar {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    min-width: min(800px, 100%);
}

.dashboard-panel .dataTables_wrapper {
    margin-top: .75rem;
}

.main__inline .modal:not([id^='filterset-'], .dialog__body) {
    padding-bottom: 0;
}

.main__inline {
    padding: 0 1rem 0 0;
}

.dashboard__graphs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr .5rem 1fr .5rem 1fr;
    grid-template-columns: repeat(var(--graph-cols, 2), minmax(0, 1fr));
    grid-auto-flow: row dense;

    padding: .5rem;
    background-color: var(--c-primary-bkg);
    border: var(--border-main);
    border-color: var(--c-primary-100);
    border-radius: var(--br-main);
    gap: .5rem;

    max-width: 100%;
    min-width: 0;
}

.dashboard__graph,
.dashboard__graph__stacked {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: var(--border-main);
    margin-bottom: 0;
    border-radius: var(--br-main);
    padding: 1rem;
    background-color: white;
    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);

    min-width: 0;
}

.dashboard__graph__inside,
.dashboard__graph-container-two-graphs,
.dashboard__graph-container-wide,
.dashboard__graph-container-narrow {
    min-width: 0;
}

.dashboard__graph.span-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

.dashboard__graph.row-2 {
    -ms-grid-row-span: 2;
    grid-row: span 2;
}

.dashboard__graph.span-3 {
    -ms-grid-column-span: 3;
    grid-column: span 3;
}

.risks__tabs {
    margin-inline: -.25rem;
}

.tapiz {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(600px, 100%), 1fr));
    gap: .5rem 1rem;
}

.tapiz__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
}

div.ul-section-base.tapiz__container {
    border-radius: 0;
    margin: 0 -5px;
}

div.ul-section-base.open.tapiz__container {
    overflow: visible;
}

.tapiz__worker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);

    padding: .65rem;
    margin: 0;
}

.tapiz__worker .bold {
    color: var(--c-primary-600);
}

.tapiz__img-container {
    width: 75px;
    height: 75px;
    border-radius: 50%;

    -ms-flex-negative: 0;

    flex-shrink: 0;
    cursor: pointer;
}

.tapiz__img {
    position: relative;

    z-index: 100000;
    width: 100%;
    height: 100%;
    max-width: 100%;

    border: 1px solid var(--bs-primary-light);
    border-radius: .25rem;

    -o-object-fit: cover;

    object-fit: cover;

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
}


.tapiz__img-container:hover .tapiz__img {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
}

.tapiz__img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tapiz__data {
    padding-left: 1.5rem;
    margin-left: 1rem;
    border-left: var(--border-main);

    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0 2%;
}

p.tapiz__p {
    flex-basis: 23%;
    min-width: fit-content;
    max-width: 100%;
    flex-shrink: 0;
}

.tapiz p.tapiz__p {
    flex-basis: 44%;
}

.tapiz .header-section-base {
    padding-left: .5rem;
    padding-bottom: .25rem;
    margin-bottom: .35rem;
}

.tapiz .title-section-base {
    font-size: .97rem;
}

.tapiz .risks__tabs {
    margin: 0;
}

.tapiz .tabs__tab {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.tapiz .tabs__section-wrapper {
    overflow: auto;
    margin: 0;
    min-height: 50px;
    height: 100%;
    padding-bottom: 0;
    position: relative;
}

.tapiz__info {
    min-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 338px;
}

.tapiz__info .tabs__container {
    overflow: auto;
    min-height: 0;
    height: 100%;
    margin-top: .35rem;
}

.tapiz__wrapper {
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    display: -ms-grid;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
    grid-auto-rows: 1fr;
    gap: .5rem 1.25rem;

    flex-shrink: 0;
}

.ul-section-base.open+.tapiz__wrapper {
    margin-top: .5rem;
}

.tapiz__no-data {
    text-align: center;
    position: absolute;
    top: 41%;
    left: 0;
    right: 0;
}

.warning {
    color: var(--c-danger);
}

.tapiz .li-section-base {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    padding: 0.5rem 0.25rem;
}

.tapiz .li-title-section-base {
    font-size: .87rem;
    padding: 0 0.5rem 0.25rem;
}

.tapiz .li-text-section-base {
    width: auto;
    font-size: .77rem;
}

.tapiz__accordions {
    overflow: auto;
}

.tapiz__tree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tapiz__tree .with-tree__tree {
    min-height: 0;
    height: 73vh;
    margin-top: 1rem;
}

.tapiz__side-menu {
    padding: .5rem;
    margin-left: 1.6rem;
    border-radius: var(--br-small);
    min-width: 329px;
}

.tapiz__side-menu__ul {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    position: relative;
    gap: .5rem;
}

.tapiz__side-menu__a {
    color: white;
    background-color: var(--c-primary-400);

    width: 2rem;
    height: 2rem;
    font-size: 1rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-radius: var(--br-small);
}

.tapiz__side-menu__a:hover {
    color: white;
    background-color: var(--c-primary-300);
}

.tapiz__side-menu__wrapper.mobile {
    display: none;
}

/* .tapiz__accordions .ul-section-base{
    border-radius: 0;
} */

.tapiz .dataTable {
    padding-top: 0;
    padding-bottom: .25rem;
}

.tabs__container .dataTable {
    padding-top: 0;
    padding-bottom: .1rem;
}

.mip-sect {
    padding-bottom: 2rem;
}

.mip-sect label {
    padding-top: 0;
    line-height: 1.3;
}

.mip-sect__li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0.25rem 0;

    border: var(--border-main);
    border-radius: var(--br-main);
    background-color: white;

    /* max-width: calc(var(--column-size, 600px) + 200px); */

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;


    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);
}

.mip-sect__li:first-child {
    margin-top: 0;
}

.ebr-pog__ul {
    width: 100%;
}

@media screen and (min-width: 1400px) {
    .ebr-pog__ul {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: .5rem;
    }

    .ebr-pog__ul .mip-sect__li {
        flex-basis: 49%;
        margin: 0 !important;
    }
}

.mip-sect__group-ul .mip-sect__li {
    margin: 0 0.15rem 0.4rem;
}

.mip-sect__wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.25rem 0.5rem 0.5rem;
}

.show-item-comment {
    color: var(--c-primary-700);
}

.mip-sect__header {
    margin: 0;
    padding: 0 0 .25rem .25rem;
    margin-bottom: .4rem;
    border-bottom: var(--border-main);
    text-transform: uppercase;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: .25rem;

    min-height: 30px;
    line-height: 1.2;
}

.mip-sect__title {
    margin: 0;
    padding: 0;
    /* margin-top: .75rem; */
    color: var(--c-primary-400);
}

.mip-sect__table .mip-sect__title {
    margin: 0;
    text-transform: uppercase;
    text-align: left;
    padding: 0 .5rem;
}

.mip-sect__title i {
    vertical-align: text-bottom;
    margin-right: .25em;
}

.mip-sect__header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    gap: .25rem;

    margin-left: auto;
    /* -webkit-box-flex: 1; */
    /* -ms-flex-positive: 1; */
    /* flex-grow: 1; */
}

.mip-sect__header-buttons .input-label,
.vaccination__header-buttons .input-label {
    margin: 0;
    min-width: 0;
    margin-left: 0.5rem;
    padding: 0.25em 0.75em;
    padding-left: 0.5rem;
    font-size: .85rem;
}

.mip-sect__header-buttons .checkbox-styled,
.vaccination__header-buttons .checkbox-styled {
    width: 1rem;
    height: 1rem;
}

.mip-sect__header-buttons span+.input-label {
    border-left: var(--border-main);
}

.mip-sect__header-button {
    font-size: .9em;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: text-bottom;
    color: white;

    border: none;
    border-radius: var(--br-small);
    background-color: var(--c-primary-400);

    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 1px;

    -ms-flex-item-align: stretch;

    -ms-grid-row-align: stretch;

    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mip-sect__header-button i {
    margin-bottom: -2px;
}

.mip-sect__header-button:hover {
    background-color: var(--c-primary-300);
}

.mip-sect__subtitle {
    color: var(--c-primary-400);
    ;
    border: var(--border-main);
    background-color: var(--c-primary-bkg);
    border-radius: var(--br-small);
    padding: .25em .75em .15em;

    min-height: 1.75em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mip-sect__header-dialog {
    display: none;

    padding: 0 .25rem;
    max-height: 100px;
    margin-bottom: .5rem;
    overflow: auto;
}

.new-recurrent .mip-sect__header-dialog{
    padding: 0;
}

.mip-sect__header-dialog>* {
    font-size: var(--fs-400);
    margin: 0;
}

.mip-sect__header-dialog.open {
    display: block;
}

.mip-sect__header-images-wrapper {
    background-color: var(--c-primary-200-t);

    /* position: fixed; */
    /* inset: 0; */
    padding: 2vw;
    /* z-index: 15; */

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    transition: opacity .3s ease;
}

.mip-sect__header-images {
    padding: 1.5vw 2vw 0;

    /* border: var(--border-main);
    border-radius: var(--br-small);
    background-color: white;
    box-shadow: var(--bs-main); */

    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 1rem;

    width: fit-content;
    max-width: 100%;
    max-height: 100%;

    transform: translateY(0);
    transition: transform .3s ease;

    overflow: hidden;
}

.images-slider__header {
    padding: .5rem;
    border-bottom: var(--border-main);

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.images-slider__close {
    font-size: 1rem;
    line-height: 0;
    vertical-align: middle;

    padding: .5rem;
    border: none;
    border-radius: var(--br-small);
    background-color: transparent;

    cursor: pointer;
    transition: background-color .3s ease;
}

.images-slider__close:hover {
    background-color: var(--c-secondary-050);
}

.images-slider__title {
    font-size: clamp(1rem, 0.9rem + 0.3vw, 1.25rem);
    font-weight: bold;
    text-transform: uppercase;
    color: var(--c-primary-700);
}

.images-slider__wrapper {
    overflow: hidden;

    padding-inline: .5rem;
    box-sizing: border-box;

    width: var(--slider-w, 100%);
    max-width: 100%;

    max-height: var(--slider-h, 100%);
    min-height: 100px;

    margin-inline: auto;
    touch-action: pan-y;
}

.images-slider {
    margin: 0;
    padding: 0;
    list-style: none;

    display: flex;
    align-items: center;
    gap: 1rem;

    will-change: transform;
    transition: transform .5s ease;
}

.images-slider__li {
    flex: 0 0 100%;
    min-width: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1200px) {
    .images-slider__li {
        flex: 0 0 calc((100% - 1rem) / 2);
    }
}

.images-slider__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: var(--slider-h, 100%);
    object-fit: contain;
}

.image-slider__controllers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    padding-top: 1rem;
    border-top: var(--border-main);
}

.image-slider__button {
    line-height: 0;
    vertical-align: middle;

    font-size: 1.25rem;
    padding: .25rem .5rem;
    color: var(--c-primary-400);
    background-color: transparent;

    border: none;
    transition: transform .3s ease, opacity .3s ease;
}

.image-slider__button:disabled {
    opacity: 0;
    pointer-events: none;
}

.image-slider__button.prev:not(:disabled):hover {
    transform: translateX(-.5rem);
}

.image-slider__button.next:not(:disabled):hover {
    transform: translateX(.5rem);
}

.dots {
    display: flex;
    gap: .5rem;
}

.dot {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;

    border-radius: 50%;

    background-color: var(--c-secondary-050);
    border: 1px solid var(--c-secondary-100);

    cursor: pointer;
    transition: background-color .3s ease, border-color .3s ease;
}

.dot:hover {
    background-color: var(--c-secondary-100);
}

.dot.active {
    background-color: var(--c-primary-400);
    border-color: var(--c-primary-400);
}

.mip-sect__li-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    gap: .5rem;
    margin: 0;
    width: 100%;
}

.mip-sect__li-body .select2.select2-container {
    min-width: 150px;
}

.mip-sect__li-data {
    display: grid;
    grid-template-columns: 0rem 1fr;

    position: relative;

    width: 100%;
    min-width: min(var(--input-size, 125px), 100%);
}

.mip-sect__li-data .form-error {
    grid-column: span 2;
}

.mip-sect__li-data.altered {
    grid-template-columns: 1.5rem 1fr;
}

.mip-sect_set .mip-sect__li-data {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
}

.mip-sect__li-data::before,
.mip-sect__li-data::after {
    content: "";
    position: absolute;
    z-index: 0;
    height: var(--input-height);
    bottom: 0;
    left: .05rem;
    right: 2.25rem;
    border-radius: var(--br-small);
    background: var(--c-primary-200);
    border: 1px solid var(--c-primary-250);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    opacity: 0;
}

@-webkit-keyframes anime {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        opacity: .1
    }

    to {
        -webkit-transform: scale(1.1, 1.5);
        transform: scale(1.1, 1.5);
        opacity: 0
    }
}

@keyframes anime {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        opacity: .1
    }

    to {
        -webkit-transform: scale(1.1, 1.5);
        transform: scale(1.1, 1.5);
        opacity: 0
    }
}

.mip-sect__li-data.highlight-change::before {
    -webkit-animation: anime 2s ease-out 1;
    animation: anime 2s ease-out 1;
}

.mip-sect__li-data.highlight-change::after {
    -webkit-animation: anime 2s ease-out 1s 1;
    animation: anime 2s ease-out 1s 1;
}

.mip-sect__li-data>* {
    position: relative;
    z-index: 1;
}

/* .mip-sect__li-data .ck-editor, .mip-sect__li-data .checkbox-group, .mip-sect__li-data .custom-file-input, .mip-sect__input-container{
    width: 100%!important;
} */

.mip-sect__input-container {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
}

.mip-sect__input-container>* {
    flex-grow: 1;
}

.mip-sect__li-data .checkbox-group {
    padding: 1rem .75rem .75rem;
}

.mip-sect__li-data .checkbox-select {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1rem 2rem;
}

.mip-sect__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mip-sect__li-button-container {
    position: relative;
}

.multiple .mip-sect__li-button-container {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.mip-sect-menu {
    width: 1.5rem;
    height: var(--input-height);
    border-radius: var(--br-small);
    font-size: 1.1rem;
}

.mip-sect-menu.open {
    color: white;
    border-color: var(--c-primary-400);
    background-color: var(--c-primary-400);
}

.mip-sect__li-menu {
    position: absolute;
    bottom: 0;
    right: 4rem;
    height: var(--input-height);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;
}

.multiple .mip-sect__li-menu {
    right: 2.7rem;
    bottom: -1px;
}

.mip-sect__li-menu button {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
    margin-left: 0.25rem;
    border-radius: var(--br-small);
}

.mip-sect__li-menu.closed button:not(.commented) {
    display: none;
}

.mip-sect__li-menu button.commented {
    color: var(--c-moderate-d);
    background-color: var(--c-moderate-l);
    border-color: var(--c-moderate);
}

.mip-sect__li-buttons,
.answer-somatometry__li-buttons {
    /* height: 100%; */
    align-self: stretch;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: .5rem;
    border-left: var(--border-main);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mip-sect__li-buttons button,
.answer-somatometry__li-buttons button {
    margin-left: 0;
}

.mip-sect__li-buttons button+button {
    margin-top: .5rem;
}

.mip-sect__li-buttons .button-section-base,
.answer-somatometry__li-buttons .button-section-base {
    /* width: var(--input-height); */
    /* height: var(--input-height); */
}

.answer-somatometry__li-buttons {
    flex-direction: row;
}

.answer-somatometry__li-buttons button+button {
    margin-left: .5rem;
}

.mip-sect label {
    font-size: .8rem;
    text-transform: initial;
}

.mip-sect .ul-section-base.open:not(.mip-sect__group-ul) {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.mip-sect__group-ul.open {
    margin: 0;
}

.mip-sect .title-section-base {
    color: var(--c-primary-500);
}

.mip-sect .select2.select2-container--default .select2-selection--single .select2-selection__rendered,
.mip-sect .select2.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0.25rem 0.75rem;
    line-height: 1.9;
    background-color: white;
    border-radius: var(--br-small);
}

.mip-sect .select2.select2-container--default .select2-selection--single,
.mip-sect .select2.select2-container .select2-selection--single {
    min-height: 39px;
    font-size: .9rem;
}

.mip-sect .header-section-base,
.mip-sect>.mip-sect__header {
    padding: 0 0 .25rem .5rem;
}

.mip-sect>.ul-section-base+.mip-sect__header {
    margin-top: .5rem;
}

.mip-sect__ul-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--c-primary-700);
    border-bottom: var(--border-main);
    margin: .25rem .25rem .5rem;
}

table.mip-sect__table {
    padding: 0;
}

.mip-sect__table .mip-sect__header {
    border: none;
    padding: 0;
    margin: 0;
    align-items: center;
}

.mip-sect__table-empty {
    margin: 0 auto;
    width: 100%;
}

.mip-sect__table-empty .button-section-base {
    margin: 0;
    width: 100%;
    height: var(--input-height);
}

table.mip-sect__table thead>tr>th {
    text-align: center;
    min-width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table.mip-sect__table thead>tr>th.mip-sect__table-input-column {
    text-align: center;
}

.mip-sect__table-input-column>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-section-base--th:first-child {
    margin-left: 1rem;
}

.button-section-base--th {
    background-color: transparent;
    color: var(--c-primary-100);
    border-color: var(--c-primary-300);
}

.button-section-base--th:hover,
.button-section-base--th.delete:hover {
    color: var(--c-primary-000);
    border-color: var(--c-primary-100);
}

table.mip-sect__table thead>tr>th.mip-sect__table-button-column {
    min-width: 0;
    width: calc(var(--input-height) + .5rem * 2);
}

table.mip-sect__table tbody>tr>td {
    padding: .5rem 1rem;
    border-left: var(--border-main);
}

table.mip-sect__table tbody>tr>td:not(.mip-sect__table-buttons, :first-child) {
    width: 200px;

}

table.mip-sect__table thead>tr>th:first-child {
    min-width: 125px;
}

table.mip-sect__table tbody>tr>td:first-child {
    text-align: center;
    padding: .5rem;

    position: sticky;
    left: 0;
    z-index: 2;
    border-right: var(--border-main);
    background: white;
}

table.mip-sect__table tbody>tr:nth-child(even) td:first-child {
    background-color: var(--c-primary-bkg);
}

table.mip-sect__table tbody>tr>td:nth-child(2) {
    border-left: 0;
}

table.mip-sect__table tbody>tr>td:last-child {
    padding-right: 1rem;
}

table.mip-sect__table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 var(--br-main);
}

table.mip-sect__table tbody tr:last-child td:last-child {
    border-radius: 0 0 var(--br-main) 0;
}

table.mip-sect__table tbody>tr>td.mip-sect__table-buttons {
    padding: .5rem;
    position: sticky;
    right: 0;
    border-left: var(--border-main);
    background: white;
    z-index: 2;

    /* display: flex; */
    /* gap: .5rem; */
}

table.mip-sect__table tbody>tr>td.mip-sect__table-buttons div {
    display: flex;
    gap: .5rem;
}

table.mip-sect__table tbody>tr:nth-child(even) td.mip-sect__table-buttons {
    background-color: var(--c-primary-bkg);
}

.mip-sect__table-buttons .button-section-base {
    width: var(--input-height);
    height: var(--input-height);
    margin: 0;
}

table.mip-sect__table tbody>tr>td.no-symmetry+.mip-sect__table-buttons,
table.mip-sect__table tbody>tr>td.no-symmetry {
    padding: .5rem;
}

/* -------------- POG / EBR RECURRENT -------------- */
.recurrent-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border: var(--border-main);

    margin-bottom: 1rem;
}

table.dataTable.recurrent {
    border-collapse: collapse;
    width: max-content;
    min-width: 100%;
}

table.dataTable.recurrent td {
    padding: .5rem .75rem .4rem;
    border-bottom: var(--border-main);
    background-color: #fff;
}

table.dataTable.recurrent tr:last-child td{
    border-bottom: none;
}

table.dataTable.recurrent td.col-name {
    position: sticky;
    left: 0;
    z-index: 3;
    width: 1%;
    min-width: min(20vw, 250px);
    max-width: min(20vw, 250px);
    background-color: #fff;

    text-transform: uppercase;
    line-height: 1.1;
    box-shadow: inset -1px 0 0 0 var(--c-border);
    padding: .65rem;
    border-left: none;
}

.col-name .mip-sect__title{
    text-align: left;
}

table.dataTable.recurrent td.col-actions {
    position: sticky;
    right: 0;
    z-index: 3;
    background-color: #fff;

    padding: .65rem;
    border-right: none;
    box-shadow: inset 1px 0 0 0 var(--c-border);
    width: 1%;

    vertical-align: top;
    height: 0;
}

table.dataTable.recurrent td:not(.col-name, .col-actions) {
    min-width: 300px;
}

table.dataTable.recurrent td:not(.col-name, .col-actions) + td:not(.col-name, .col-actions) {
    border-left: var(--border-main);
}

table.dataTable.recurrent td.col-actions div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;

    width: fit-content;
    height: 100%;
}

table.dataTable.recurrent td.col-actions .button-section-base {
    margin: 0;
    height: 100%;
}

@media screen and ( max-width: 900px) {
    table.dataTable.recurrent td.col-actions .button-section-base{
        width: 1.5rem;
    }
}

@media (max-width: 768px) {
    .col-name .mip-sect__title{
        font-size: .8rem;
    }

    table.dataTable.recurrent {
        /* tendremos una variable por tabla para el hueco central */
        --mid-col-w: auto;
    }

    table.dataTable.recurrent td:not(.col-name, .col-actions) {
        min-width: var(--mid-col-w, auto);   /* hueco entre name y actions */
    }
}

.recurrent__input{
    display: flex;
}

.recurrent__input-actions{
    display: flex; 
    flex-direction: column; 
    margin-bottom: .25rem;
}

.recurrent__input-actions .button-section-base{
    font-size: .6rem;

    flex-grow: 1; 
    width: 1.25rem;
    height: auto;

    border-radius: 0;
}

.recurrent__input-actions .button-section-base:first-child{
    border-bottom: 0;
    border-radius: var(--br-small) var(--br-small) 0 0;
}

.recurrent__input-actions .button-section-base:last-child{
    border-top: 0;
    border-radius: 0 0 var(--br-small) var(--br-small);
}

.recurrent__input-actions .button-section-base + .button-section-base {
    border-top: var(--border-main);
}

.new-recurrent{
    display: flex;
    gap: 1rem;

    overflow: auto;
    padding: .5rem 0 1rem;

    position: relative;
}

.new-recurrent__card{
    border: var(--border-main);
    border-radius: var(--br-main);
    background-color: white;
    box-shadow: var(--shadow-soft);
    padding: 1rem;

    display: grid;
    gap: 1rem;

    width: min(450px, 100%);
    flex-shrink: 0;
}

.new-recurrent__card.active{
    border-width: 2px;
    border-color: var(--c-aixa-turquoise);

    position: sticky;
    right: 0;
    z-index: 9;
}

.new-recurrent__card.add-new-recurrent{
    color: var(--c-secondary-700);
    background-color: white;
    border-color: var(--c-secondary-100);
    box-shadow: none;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-transform: uppercase;
    opacity: .5;

    width: auto;

    /* position: sticky;
    right: 0;
    z-index: 10; */

    transition: opacity .3s ease, background-color .3s ease;
}

.new-recurrent__card.add-new-recurrent i{
    font-size: 1.5em;
}

.new-recurrent__card.add-new-recurrent:hover{
    opacity: 1;
    background-color: var(--c-secondary-050);
}

.new-recurrent__label{
    display: flex;
    justify-content: space-between;
}

.new-recurrent__name{
    color: var(--c-primary-700);
    margin: 0;
}

.new-recurrent__label-actions{
    display: flex;
}

.new-recurrent__label-action, .new-recurrent__label-action.capture__button{
    font-size: .75rem;

    background-color: transparent;
    border: none;

    width: 1.5em;
    height: 1.5em;

    display: flex;
    justify-content: center;
    align-items: center;

    color: var(--c-action, var(--c-secondary-200));
    transition: color .3s ease;
}

.new-recurrent__label-action:hover{
    color: var(--c-hover-action, var(--c-primary-400));
}

.new-recurrent__label-action.active, .new-recurrent__label-action.show-item-comment{
    --c-action: var(--c-secondary-700)
}

.new-recurrent__label-action.show-item-comment.inactive{
    --c-action: var(--c-secondary-200)
}

.new-recurrent__label-action .yellow{
    --c-action: var(--c-moderate);
    --c-hover-action: var(--c-moderate);
}

.new-recurrent__actions{
    display: flex;
    gap: .5rem;

    margin-top: .25rem;
}

.new-recurrent__actions .button-section-base{
    flex-grow: 1;
    margin: 0;
}

.title-section-base span.checkbox-toggle {
    display: inline-block;
    width: 1.75rem;
    height: 1rem;
    margin-right: 0.25rem;
    margin-top: 1px;
}

.title-section-base .checkbox-toggle::before {
    width: calc(1rem - 4px - 0.25rem);
    height: calc(1rem - 4px - 0.25rem);
}

.title-section-base .form-check-input:checked+.checkbox-toggle::before {
    background-color: white;
    left: calc(100% - (1rem - 4px - 0.25rem) - 2px);
}

.title-section-base .form-check-label {
    margin-left: -.05rem;
    color: var(--c-primary-400);
}

.mip-sect__secondary-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-bottom: .25rem;
}

.mip-sect__altered {
    color: var(--c-danger);
    border: var(--border-main);
    border-color: var(--c-danger-o-5);
    border-radius: var(--br-small) 0 0 var(--br-small);
    background: #faebef;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    width: 1.5rem;
    align-self: stretch;
    /* height: var(--input-height); */

    font-size: 1rem;
    opacity: 0;
    width: 0;

    transition: opacity .3s ease, width .3s ease;
}

.altered .mip-sect__altered {
    opacity: 1;
    width: 1.5rem;
}

.mip-sect .select2.select2-container--default .select2-selection--single,
.mip-sect .select2.select2-container .select2-selection--single {
    min-height: var(--input-height);
}

.altered .select2.select2-container--default .select2-selection--single,
.altered .select2.select2-container .select2-selection--single,
.altered .form-control:first-of-type,
.altered .checkbox-group:first-of-type,
.altered .select2-selection--multiple .select2-search__field,
.altered .select2-selection--multiple .select2-selection__rendered {
    border-radius: 0 var(--br-small) var(--br-small) 0 !important;
    border-left: none !important;
}

.altered .select2-selection--multiple .select2-search__field {
    border-radius: 0 var(--br-small) 0 0 !important;
}

.altered .select2-selection--multiple .select2-selection__rendered {
    border-radius: 0 0 var(--br-small) 0 !important;
}

.altered .datefield+.timefield .form-control {
    border-radius: var(--br-small) !important;
    border-left: var(--border-main) !important;
}

.datefield,
.timefield {
    position: relative;
}

.mip-sect__grouped {
    display: block;
    padding: 0.5rem;
}

.mip-sect__grouped>.mip-sect__header {
    margin: 0 0 .4rem .25rem;
}

.mip-sect__group-ul .mip-sect__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
}

.mip-sect__group-ul .mip-sect__title {
    margin-top: .35rem;
}

.mip-sect__group-ul .mip-sect__subtitle {
    margin-right: auto;
}

table+.mip-sect__plot {
    border-top: var(--border-main);
    padding-top: 1rem;
}

#consultation-iframe,
#protocol-iframe {
    width: 100%;
    min-height: 82vh;
    border: 0;
}

.evo-alert+div+#consultation-iframe-wrapper iframe,
.evo-alert+#consultation-iframe-wrapper iframe {
    min-height: 77vh;
}

.answer-somatometry {
    margin-right: 1rem;
}

.answer-somatometry .header-section-base {
    padding-bottom: .25rem;
    margin-bottom: 1rem;
}

.answer-somatometry .mip-sect__li-buttons,
.answer-somatometry__li-buttons {
    padding: 0 0.25rem 0 0.75rem;
    height: 100%;
    margin-left: 0.5rem;
    margin-bottom: .25rem;
}

.answer-somatometry:not(.lab-test) .mip-sect__li-buttons,
.answer-somatometry:not(.lab-test) .answer-somatometry__li-buttons {
    height: var(--input-height);
}

.answer-somatometry__history {
    cursor: pointer;
    margin: 0;
    min-width: var(--input-height);
    min-height: var(--input-height);
    border-radius: var(--br-small);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.answer-somatometry__ul {
    margin: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: .25rem;
}

.answer-somatometry .li-section-base {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    flex-wrap: nowrap;
}

.answer-somatometry:not(.lab-test) .li-section-base {
    padding: 0.5rem 0.25rem 0.25rem;
}

.answer-somatometry .li-title-section-base {
    width: auto;
    min-width: min(290px, 100%);
    border-bottom: none;
    padding: 0 .5rem 0;
    margin: 0 .5rem .25rem 0;
    border-right: var(--border-main);

    display: -ms-grid;

    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}

.answer-consultation_somatometry__input {
    display: flex;
    gap: .5rem;
}

.answer-somatometry__input {
    margin: 0 .25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.answer-somatometry__input .col {
    /* width: auto; */
    /* max-width: 84.46%; */
    flex-grow: 1;
}

.answer-somatometry__date-input {
    max-width: 100px;
}

.answer-somatometry__date-input .col {
    width: auto;
}

.answer-somatometry__input .timefield {
    width: 100% !important;
}

.answer-somatometry:not(.lab-test) label {
    display: none;
}

.lab-test label {
    padding: 0;
}

.altered-by-lab__icon {
    display: none;
    color: var(--c-danger);
    font-size: 1.25rem;
    margin-left: 1.25rem;
    margin-right: .75rem;
}

.altered-by-lab .altered-by-lab__icon {
    display: block;
}

.set-somatometry {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
}

.set-somatometry__button-container {
    width: 100%;

    margin-top: 2rem;
    padding-top: 1rem;

    text-align: right;
    border-top: var(--border-main);
}

.vaccination__wrapper {
    margin-top: .5rem;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.vaccination__wrapper.disabled {
    background-color: var(--c-primary-bkg);
}

.open.vaccination__wrapper {
    margin-bottom: 1rem;
    -webkit-box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft);
}

.vaccination__wrapper .vaccination__wrapper {
    margin-inline: .5rem;
}

.vaccination__header {
    min-height: 42px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    overflow: hidden;
}

.vaccination__right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border: var(--border-main);
    border-radius: var(--br-small);

    padding-right: .45rem;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;
}

.vaccination__finished+.vaccination__right {
    border-left: none;
    border-radius: 0 var(--br-small) var(--br-small) 0;
}

.open .vaccination__finished+.vaccination__right {
    border-radius: 0 var(--br-small) 0 0;
}

.open .vaccination__right {
    border-radius: var(--br-small) var(--br-small) 0 0;
}


.vaccination__title {
    font-size: var(--fs-400);
    text-transform: uppercase;
    line-height: 1;

    margin: 0;
    padding: .75rem .75rem .65rem;

    color: var(--c-primary-400);

    display: -ms-grid;

    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}

.vaccination__wrapper.disabled .vaccination__title {
    color: var(--c-primary-300);
}

.vaccination__title span i {
    margin-right: .25em;
}

.vaccination__title button {
    display: none;
}

.vaccination__finished {
    font-size: 1rem;
    padding: .75rem;

    display: -ms-grid;

    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;

    color: white;

    border: var(--border-main);
    border-radius: var(--br-small) 0 0 var(--br-small);

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;
}

.open .vaccination__finished {
    border-radius: var(--br-small) 0 0 0;
}

.vaccination__finished.finished {
    color: white;
    background-color: var(--c-primary-400);
    border-color: var(--c-primary-400);
}

.vaccination__body {
    border: var(--border-main);
    border-top: none;
    border-color: transparent;
    border-radius: 0 0 var(--br-small) var(--br-small);

    display: -ms-grid;

    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;
    overflow: hidden;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;
}

.open .vaccination__body {
    border-color: var(--c-primary-250);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
}

.vaccination__table-wrapper {
    min-height: 0;
    overflow: auto;
}

.vaccination__wrapper:not(.open) .vaccination__table-wrapper {
    -webkit-animation: delay-overflow 1.5s;
    animation: delay-overflow 1.5s;
}

.open .vaccination__table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}

.vaccination__table-wrapper .dataTables_wrapper {
    padding-bottom: .5rem;
}

@-webkit-keyframes delay-overflow {
    from {
        overflow: hidden;
    }
}

@keyframes delay-overflow {
    from {
        overflow: hidden;
    }
}

.vaccination__date {
    text-transform: initial;
}

.dataTable.vaccination__table {
    padding: .5rem;
}

.dataTable.vaccination__table .dataTables_wrapper {
    margin-bottom: 1rem;
}

.dataTable.vaccination__table table {
    padding: 0 0 0.5rem;
}

.dataTable.vaccination__table thead th {
    white-space: nowrap;
}

.dataTable.vaccination__table tbody td {
    white-space: nowrap;
}

.mip-sect__header-button.chevron {
    color: var(--c-primary-400);
    background-color: var(--c-primary-bkg);
    border: var(--border-main);
}

.mip-sect__header-button.chevron:hover {
    color: var(--c-primary-300);
    background-color: var(--c-primary-bkg);
}

.mip-sect__header-button:disabled {
    opacity: .5;
}

.vaccination__wrapper .fa-chevron-down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.vaccination__wrapper.open .fa-chevron-down {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.vaccination__header-buttons {
    margin-left: .5rem;
    padding-left: .5rem;
    border-left: var(--border-main);
}

.mip-sect__header-button.remove {
    color: var(--c-primary-400);
    background-color: var(--c-primary-bkg);
    border: var(--border-main);
}

.mip-sect__header-button.remove:hover {
    color: var(--c-danger);
    background-color: var(--c-danger-o-15);
    border-color: var(--c-danger-o-5);
}

table .mip-sect__header-button.remove {
    margin-left: auto;
}

table.dataTable tbody td.table-remove-item:last-child {
    padding: .5rem;
}

.proposed-training-worker {
    background-color: #b5f7b0 !important;
    font-weight: 900;
    position: relative;
}

.proposed-training-worker::after {
    content: "";
    position: absolute;
    display: block;
    left: -1.5rem;
    top: 1rem;
    height: 1rem;
    width: 1rem;
    background-color: var(--bs-primary);
    border-radius: 50%;
}

.is-relapse-warning {
    background-color: #ff0000d9;
    padding: 7% 9%;
    border-radius: 21px;
    color: white;
}

.buttons-container {
    width: 100%;
    text-align: right;
}

.audiometry-catalog {
    padding-bottom: 1rem;
}

.audiometry-catalog .header-section-base .button {
    padding: .5em 1em;
}

.audiometry-catalog .ul-section-base {
    /* background-color: transparent; */
    /* border: none; */
    /* padding: 0; */

    display: -ms-grid;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--column-size, 600px), 100%), 1fr));
    gap: 0 .5rem;
}

.audiometry-catalog label {
    padding-top: .15rem;
}

table.audiometry__table.dataTable {
    padding-bottom: 1rem;
}

table.dataTable thead>tr.audiometry__via>th {
    text-align: center;

    background-color: white;
    color: var(--c-primary-400);
    border-color: var(--c-primary-250) !important;
}

table.dataTable thead>tr.audiometry__via>th+th {
    border-left: var(--border-main)
}

table.dataTable thead>tr.audiometry__location>th {
    text-align: center;
    width: auto !important;
}

table.dataTable thead>tr.audiometry__location>th:first-child {
    text-align: left;
}

table.dataTable thead>tr.audiometry__location>th:last-child {
    border-radius: 0;
}

.audiometry__history {
    cursor: pointer;
    margin-right: .5em;
}

table.audiometry__table.dataTable tbody td:last-child {
    padding-right: .65rem;
}

.buttons-cell {
    padding: .25rem !important;
}

.audiometry .dataTables_wrapper {
    overflow-y: hidden;
    overflow-x: auto;
}

td.audiometry__hz {
    white-space: nowrap;
}

.table-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    gap: 0 .5rem;
}

.table-flex-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    min-width: 200px;
}

.icd {
    min-width: 100px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 2rem;
}

.icd__container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: min(400px, 100%);
}

.icd__container+.icd__container {
    margin-top: .25rem;
}

.icd__header {
    width: 100%;
    border-bottom: var(--border-main);
    padding: 0 0 0.25rem 0.25rem;
    color: var(--c-primary-400);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.icd__remove {
    color: var(--c-primary-400);
    margin-right: 0.25rem;
    padding-right: 0.5rem;
    border: none;
    border-right: var(--border-main);
    cursor: pointer;
    background: transparent;
}

.icd__remove:hover {
    color: var(--c-danger);
}

.icd__list {
    margin-bottom: 1rem;
    margin-top: .25rem;
}

.icd__list+.button {
    margin-bottom: 1rem;
}

.icd__empty {
    padding-left: .25rem;
}

input.ctw-input.embeddedBrowserSearchbox.apiInitializationCompleted {
    border: var(--border-main);
    border-radius: var(--br-small);
    padding: 0.5rem .75rem;
    width: 100%;
    max-width: 300px;
}

.popupModeResults {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--c-primary-400);
}

.messageright.closeicon {
    margin-right: 0.5rem;
}

.entitylist p {
    line-height: 1;
}

#creation-diagnosis-cie10-tree {
    margin-top: 1rem;
}

.icd-browser .browserBodyRight {
    position: fixed;
    top: 6.5rem;
    right: 2rem;
    width: 40%;
    background: white;
    border: var(--border-main);
    border-radius: var(--br-main);
    height: 605px;
}

.icd-browser .browserBodyRight>div {
    height: 100%;
    overflow: auto;
    padding: 2rem 2rem 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ics-browswe .browserBodyLeft {
    width: 55%;
}

.dialog.open {
    opacity: 1;
    pointer-events: auto;
}

.dialog__body {
    padding: 1.5rem;
    background-color: white;
    border: var(--border-main);
    border-radius: var(--br-main);
    -webkit-box-shadow: var(--shadow-main);
    box-shadow: var(--shadow-main);

    text-align: center;
    max-width: 600px;
}

.main__inline .dialog__body {
    padding-bottom: 1.5rem;
}

.danger-dialog {
    --dialog-color: var(--c-danger);
    --dialog-bkg: var(--c-danger-light);
    --dialog-border: var(--c-danger-o-25);
}

.warning-dialog {
    --dialog-color: var(--c-warning);
}

.success-dialog {
    --dialog-color: var(--c-success);
}

.history-dialog {
    min-width: 80%;
    padding: 1rem 1.5rem 0;
}

.dialog__icon-container {
    border-radius: var(--br-small) var(--br-small) 0 0;
    background-color: var(--c-primary-bkg);
    border: var(--border-main);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: min(1.5rem, 3dvh);
}

.dialog__icon {
    font-size: min(5rem, 13dvh);
    width: min(8rem, 25dvh);
    height: min(8rem, 25dvh);

    color: var(--dialog-color, var(--c-primary-400));

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: white;
    border-radius: 50%;
    border: var(--border-main);
}

.dialog__icon .fa-triangle-exclamation {
    margin-top: -10px;
}

.dialog__info-container {
    padding-top: 1.5rem;
}

.dialog__title {
    font-weight: bold;
    font-size: 1.25rem;
    text-align: inherit;
    line-height: 1.2;
    color: var(--c-primary-400);
}

.table-delete-dialog .dialog__title {
    margin-top: 2rem;
    color: var(--c-primary-600);
}

.dialog__subtitle {
    text-align: inherit;
}

.dialog__list{
    text-align: left;

    border-top: var(--border-main);
    border-bottom: var(--border-main);

    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

.dialog__list-title{
    margin-bottom: .5rem;
    font-weight: bold;
    color: var(--c-primary-400);
}

.dialog__list i, .signature-comment i{
    margin-right: .25rem;
}

.dialog__list .fa-circle-check, .signature-comment .fa-circle-check{
    color: var(--c-success);
}

.signature-comment{
    margin-left: .5rem;
}

.dialog__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-top: 2rem;
    gap: .5rem;
}

.dialog__buttons button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.dialog__buttons button.principal {
    --button-color: var(--dialog-color);
}

@media screen and (max-height: 350px) {
    .dialog__icon-container {
        display: none;
    }

    .dialog__info-container {
        padding-top: 0;
    }
}

#id_edition-free_advices {
    height: 200px;
    resize: none;
}

#edition_medical_consultations .col {
    margin: 0;
}

#edition_medical_consultations .ro:first-child>.col-checkbox {
    margin-top: .75rem;
}

#edition_medical_consultations .vaccination__header-buttons .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#edition_medical_consultations .vaccination__header-buttons label {
    margin: 0;
}

.symptoms-widget .col {
    width: 100%;
}

.symptoms-widget textarea {
    height: 100px;
    resize: vertical;
}

.symptoms-widget fieldset {
    border: none;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.symptoms-widget .vaccination__title {
    font-weight: bold;
}

.symptoms-widget .vaccination__title label {
    display: none;
}

.symptoms-widget .vaccination__title .form-error {
    margin: 0;
}

.double_input {
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem;
    border-top: var(--border-main);
    /* margin-top: 0.25rem; */
}

.report-config {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
    gap: 2rem;
    margin-bottom: 1rem;
}

.report-config__subsection+.report-config__subsection {
    margin-top: 2rem;
}

.report-config__title {
    font-size: 1rem;
    font-weight: normal;
    color: var(--c-primary-400);
    border-bottom: var(--border-main);
    padding: 0 .25rem;
    margin: 0 0 .75rem;
}

.report-config__section .jstree,
.inner-section-base .jstree {
    overflow-x: auto;
}

.report-config .button+.button {
    margin: 0;
}

.report-config__buttons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr .5rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    margin-top: 1rem;
}

#see_report.report-config__button {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    margin-top: 1rem;
}

#select_all_nodes.report-config__button {
    margin-bottom: .5rem;
}

.gantt-wrapper.sideform__container {
    height: 100%;
    background-color: var(--c-primary-bkg);

    padding: 0.5rem 0 0.5rem 0.5rem;
    border: var(--border-main);
    border-radius: var(--br-small);
    border-color: var(--c-primary-100);
}

#gantt,
.gantt-container {
    height: 100%;
}

.gantt-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gantt-buttons {
    margin-bottom: .5rem;
    text-align: right;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;

    width: 100%;
}

.gantt-button {
    background-color: white;
}

#export-gantt {
    margin-left: auto;
}

#gantt {
    padding: 1rem;
    background-color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: var(--border-main);
    border-radius: var(--br-main);
    overflow: hidden;
}

.checkbox-group {
    padding: 1rem 0.75rem;
    min-height: var(--input-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.checkbox-select {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
    gap: 1rem;
    margin: 0;

    width: 100%;
}

.checkbox-select>li>.col {
    width: 100%;
}

.checkbox-group .input-label {
    padding: 0;
}

.checkbox-group .input-text {
    white-space: wrap;
    line-height: 1.4;
}

.checkbox-longer {
    grid-column: 1/-1;
}

.summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.5rem;

    padding: 0 0.5rem;
    position: relative;

    height: 90%;
    overflow: auto;

    scroll-behavior: smooth;
}

.summary .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    overflow: hidden;
}

.summary table.dataTable {
    width: 100% !important;
}

.summary .dataTables_wrapper .dataTables_paginate {
    padding: 0 .5rem .5rem 0;
}

.summary .dataTables_wrapper .dataTables_length {
    left: 0;
    padding-left: 0.5rem;
    bottom: 1rem;
}

.graph-link__anchor {
    position: absolute;
    bottom: 100%;
    pointer-events: none;
    opacity: 0;
}

.graph-link__anchor.first {
    bottom: calc(100% + 2rem + 2px);
}

.summary__section {
    width: 35%;
    /* margin: .75rem; */
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.summary__section--data .section-base {
    height: 100%;
    overflow: auto;
}

.summary__section.summary__section--data {
    width: 60%;
    position: sticky;
    top: 0;
    max-height: 100%;
}

.summary__section .section-base+.section-base {
    margin-top: .5rem;
}

.summary .li-section-base:not(.li-placeholder) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.summary .li-section-base a {
    width: 100%;
    padding: .5rem .25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.summary .li-title-section-base {
    padding-bottom: .25rem;
    margin-bottom: .25rem;
}

.summary__li-title {
    font-weight: bold;
    font-size: .9rem;

    width: 100%;
    color: var(--c-primary-600);
    border-bottom: var(--border-main);

    margin: 0;
    margin-bottom: 0.25rem;
    padding: 0 0.5rem 0.25rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    white-space: nowrap;

    /* overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; */
}

.summary__li-title span:not(.flag, .text) {
    font-family: var(--ff-main);
    font-size: .8rem;
    font-weight: normal;
    line-height: 1.7;

    white-space: nowrap;

    margin-left: auto;
    padding-left: .5rem;
    color: var(--c-primary-400);
}

.summary__li-title .text {
    overflow: hidden;
    text-overflow: ellipsis;
    /* max-width: 80%; */
}

.summary__li-title .flag {
    width: .75em;
    height: .75em;
    background-color: var(--c-flag);
    border-radius: 50%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: .5em;
    margin-top: -2px;
}

.summary__graph-container {
    position: relative;
}

.summary__graph {
    max-height: 350px;
    opacity: 0;
    pointer-events: none;
}

.summary__graph:nth-child(1n + 2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.summary__graph.active {
    opacity: 1;
    pointer-events: auto;
}

.summary__graph .js-plotly-plot .plotly .main-svg .draglayer,
.summary__graph .nsewdrag.drag,
.modal .js-plotly-plot rect {
    pointer-events: none !important;
}

.summary__graph.active .js-plotly-plot .plotly .main-svg .draglayer,
.summary__graph.active .nsewdrag.drag,
.modal.openModal .js-plotly-plot rect {
    pointer-events: all !important;
}

.modal .js-plotly-plot * {
    pointer-events: none;
}

.modal.openModal .js-plotly-plot * {
    pointer-events: all;
}

.js-plotly-plot .scrollbar {
    fill: var(--c-primary-300) !important;
}

.summary__button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.summary__label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    -ms-flex-negative: 0;
    flex-shrink: 0;

    cursor: pointer;
}

.summary__label:nth-child(1n + 2) {
    margin-left: .5rem;
}

.summary__button {
    display: block;
    width: 100%;

    font-size: .8rem;
    text-align: center;
    text-transform: uppercase;

    padding: .25rem .5rem;

    border: var(--border-main);
    border-radius: var(--br-small);

    color: var(--c-primary-500);
    background-color: var(--c-primary-bkg);

    -moz-user-select: none;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.summary__radio:checked+.summary__button {
    color: white;
    border-color: var(--c-primary-400);
    background-color: var(--c-primary-400);
}

.summary__radio {
    display: none;
}

.summary__calendar {
    width: 100%;
}

.sideform__container {
    position: relative;
    padding: 2rem 0 2rem 2rem;
    height: 100%;
    overflow: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.sideform .side-menu__close {
    display: none;
}

.flowchart-body .sideform__container {
    padding: 0;
}

.flowchart-form-row {
    padding: 1.25rem 0 1.5rem 1.5rem;
    margin-bottom: 2rem;
}

.sideform__container.table-sideform {
    padding: 0;
    height: 70%;
    margin-right: -2rem;
    overflow: initial;
}

.sideform__calendar-container {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
}

.agenda__calendar {
    height: 100%;
    opacity: 0;
    pointer-events: none;
}

.agenda__calendar.active {
    height: 100%;
    opacity: 1;
    pointer-events: auto;
}

.agenda__calendar:not([data-order="0"]) {
    position: absolute;
    inset: 0;
}

.sideform__table {
    width: 100%;
    overflow: auto;
}

.sideform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.sideform__close {
    font-size: 1em;
    margin: 0 0 .75rem;
}

.table-sideform .sideform {
    max-height: 100%;
    top: calc(69.23px + 1rem);
    position: sticky;
    align-self: flex-start;
}

.sideform__menu {
    margin: 0 0 0 1rem;
    /* 49.39px */
    -ms-flex-item-align: start;
    align-self: flex-start;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.sideform__menu-buttons {
    border: var(--border-main);
    border-radius: var(--br-main) 0 0 var(--br-main);

    border-right: none;
    background-color: var(--c-primary-bkg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.sideform__menu-buttons .button-section-base {
    margin: .5rem;
    background-color: white;
}

.sideform__menu-buttons .button-section-base.active,
.sideform .button-section-base.active {
    color: white;
    background-color: var(--c-primary-400);
    border-color: var(--c-primary-400);
}

.sideform__menu-buttons.mobile {
    display: none;
    margin-top: -0.25rem;
    margin-bottom: 0.25rem;
    border: var(--border-main);
    border-radius: var(--br-main);
}

.sideform__wrapper {
    border: var(--border-main);
    border-radius: 0 0 0 var(--br-main);
    background-color: white;

    width: 0;
    min-width: 0;
    overflow: hidden;
    overflow-y: auto;
    margin-right: -2px;
    min-height: 300px;

    -webkit-transition: all .65s ease;

    -o-transition: all .65s ease;

    transition: all .65s ease;
}

.open .sideform__wrapper {
    min-width: 425px;
    /* width: auto; */
}

.sideform--table.open .sideform__wrapper {
    min-width: 46.3vw;
}

.sideform__tab {
    display: none;
}

.sideform__tab.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sideform__form {
    position: relative;

    min-width: 425px;
    /* min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content; */

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 100%;

    margin: 0;
    opacity: 0;

    -webkit-transition: all .65s ease;

    -o-transition: all .65s ease;

    transition: all .65s ease;
}

.sideform__form-wrapper {
    overflow: auto;
    height: 100%;
    padding: 0 1rem;
}

.sideform__form-section+.sideform__form-section {
    margin-top: 2rem;
}

.sideform__tab {
    display: none;
}

.open .sideform__form {
    opacity: 1;
}

.sideform__title {
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;

    color: var(--c-primary-400);
    border-bottom: var(--border-main);
    margin: 1rem 1rem 0;
    padding: 0 0.25rem 0.25rem;

    white-space: normal;
    /* min-width: 400px; */
}

.table-sideform .sideform__title {
    min-width: 400px;
}

.sideform__radio-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;

    margin: 1rem 1rem 0;
    padding-bottom: .85rem;
    padding-inline: .25rem;
    border-bottom: var(--border-main);
}

.sideform__radio-container label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    padding: 0;
}

.sideform__radio-container label[title="Sin Icono"] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.sideform__radio-container .button-section-base {
    margin: 0;
    width: 100%;
}

.sideform__radio-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;

    padding-bottom: 1rem;
    margin-bottom: .5rem;
    border-bottom: var(--border-main);
}

.sideform__radio-label {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;

    cursor: pointer;
}

.sideform__radio {
    display: none;
}

.sideform__radio-button {
    display: block;
    text-transform: uppercase;
    text-align: center;

    width: 100%;
    padding: .5em 1em;

    color: var(--c-primary-400);
    border-radius: var(--br-small);
    background-color: var(--c-primary-200-t);

    -webkit-transition: all .2s ease;

    -o-transition: all .2s ease;

    transition: all .2s ease;
}

.radio-button {
    cursor: pointer;
}

.sideform__radio-button:hover {
    background-color: var(--c-primary-200);
}

.sideform__radio:checked+.radio-button {
    color: white;
    background-color: var(--c-primary-400);
    border-color: var(--c-primary-400);
}

.row.sideform__inputs {
    width: calc(100% + var(--bs-gutter-x));
    margin-left: calc(var(--bs-gutter-x) * -.5);

    -ms-flex-negative: 1;

    flex-shrink: 1;
    overflow: auto;
    padding: 1rem 1rem 1.5rem;
    margin-bottom: 0;
}

.sideform__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sideform__block--gantt {
    max-height: 74%;
}

.sideform__block--diagram {
    min-height: min(500px, 500vh);
}

.row>.sideform__block--diagram,
.sideform__block--diagram .sideform__container {
    padding: 0;
}

.sideform__button-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: auto;

    background-color: white;
    padding: 0;
    border-top: var(--border-main);
}

.sideform__button-container .button {
    width: 100%;
    padding: 1rem;
    font-size: .9rem;
    border: none;
    border-radius: 0 0 0 var(--br-main);
}

.sideform__button-container .button.hidden {
    display: none;
}

.sideform__inputs .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.sideform__radio-container .disabled {
    display: none;
}

.sideform__padd {
    width: 100%;
    padding: 0 0 1rem;
}

.sideform__user {
    display: block;
    padding: 0;
    cursor: pointer;

    margin-top: .5rem;
    padding: 0 1rem;
}

.sideform__user input {
    display: none;
}

.sideform__user-button {
    font-size: 1rem;

    display: block;
    width: 100%;

    color: var(--c-primary-400);
    border: var(--border-main);
    border-radius: var(--br-small);
    background-color: var(--c-primary-bkg);

    padding: .75rem;
    pointer-events: none;
}

.sideform__user:hover .sideform__user-button {
    background-color: var(--c-primary-050);
}

.sideform__user input:checked+.sideform__user-button {
    color: white;
    border-color: var(--c-primary-400);
    background-color: var(--c-primary-400);
}

.sideform__success-container {
    position: absolute;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: rgba(57, 121, 148, 0.25);
}

.sideform__success {
    background-color: white;
}

.sideform__table .section-base .dataTables_wrapper {
    margin-bottom: 0;
}

.agenda__edit-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.agenda__edit-buttons .button {
    margin: 0;
}

#delete-event,
#delete-task {
    border-right: var(--border-main);
}

#delete-event:hover,
#delete-task:hover {
    color: var(--c-danger-500);
    background-color: var(--c-danger-o-15);
}

.w-100 {
    width: 100%;
}

.display-title {
    font-size: 1.8rem;
    margin-top: 0;
}

.display-title span {
    font-size: .5em;
    display: block;
    color: var(--c-primary-400);
    text-transform: uppercase;
}

#questionnaire-form {
    position: relative;
    margin: 0 -5px 1.75rem;
}

#questionnaire-form .col {
    /* padding: 0; */
}

#questionnaire-form .field-info {
    padding: 0.25rem 0.25rem 0;
    width: 100%;
    color: var(--c-primary-400);
}

#questionnaire-form legend {
    font-size: 1.1rem;
    padding: 0 0 0 .25rem;
    border-bottom: var(--border-main);
    margin: 0 5px;
}

#questionnaire-form .row+legend {
    margin-top: 2rem;
}

#questionnaire-form label:not(.input-label) {
    padding-top: .75rem;
    white-space: normal;
}

#questionnaire-form select {
    margin: 0;
    border: var(--border-main);
    background-color: var(--c-primary-bkg);
    border-radius: var(--br-small);
    padding: 0.375rem 0.75rem;
    min-height: 38px;
    width: 100%;
}

#questionnaire-form option {
    margin: .5rem 0;
}

table.dataTable tbody .row-editable td.select-checkbox {
    z-index: 9999;
}

tr.dt-rowReorder-moving {
    outline: 1px solid var(--c-primary-400);
    outline-offset: -1px;
}

table.dataTable tr.dt-rowReorder-moving td {
    border: none;
}

table.dataTable.dt-rowReorder-float {
    padding: 0;
}

div.dt-rowReorder-float-parent {
    outline: 2px solid var(--c-primary-400);
    outline-offset: -2px;
}

.tree-position-color {
    background-color: #a7ffa7;
    border-radius: .25rem;
}

/*        FLOWCHART          */

.flowchart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.flowchart__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flowchart__side-menu {
    width: 400px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 1rem;
    border: var(--border-main);
    border-radius: var(--br-main);

    padding: 1rem;
}

.flowchart__side-menu-title {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;

    color: var(--c-primary-400);
    border-bottom: var(--border-main);
    padding: 0 .25rem .25rem;
    margin-bottom: .5rem;
}

.flowchart__radio-container {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(3rem, 1fr));
    gap: .5rem;
    margin-bottom: .25rem;
}

.flowchart__radio {
    display: none;
}

.flowchart__radio-label {
    padding: 0;
}

.flowchart__radio-button {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    text-align: center;

    display: block;
    width: 100%;
    padding: .25rem;

    color: var(--c-primary-400);

    border: var(--border-main);
    border-radius: var(--br-small);
    background-color: var(--c-primary-bkg);

    cursor: pointer;
}

.flowchart__radio-button.none {
    width: auto;
    height: auto;
    font-size: 1rem;
    margin-bottom: .5rem;
}

.flowchart__radio-button:hover {
    background-color: var(--c-primary-100);
}

.flowchart__radio:checked+.flowchart__radio-button {
    background-color: var(--c-primary-400);
    border-color: var(--c-primary-400);
    color: white;
}

.flowchart__side-menu-button {
    display: block;
    margin-left: auto;
    margin-top: 1rem;
}

#flowchart {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto;
    border: var(--border-main);
    border-radius: var(--br-main);
    background-color: var(--c-primary-bkg);
}

.blocks-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;

    border: var(--border-main);
    border-radius: var(--br-main);
    padding: .5rem;
    margin-bottom: 1rem;
    background-color: var(--c-primary-bkg);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.block,
.create-flowy {
    background: white;
    padding: .5rem .5rem .4rem;
    border-radius: var(--br-small);
    border: var(--border-main);
    text-align: center;

    min-width: 150px;
    max-width: 250px;
    min-height: 34px;

    cursor: pointer;
}

.block.active,
.block.selected {
    border-width: 2px;
    border-color: var(--c-primary-400);
}

#flowchart textarea {
    resize: vertical;
}

#flowchart .block input {
    text-align: center;
}

.create-flowy input,
.create-flowy textarea {
    pointer-events: none;
}

#flowchart .arrowblock {
    width: 1px;
}

.flowy__header {
    border-bottom: var(--border-main);
    margin-bottom: .5rem;
}

.flowy__title {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;

    padding: 0 .25rem;
    color: var(--c-primary-400);
}

.flowy__header .flowy__title {
    padding: 0 .25rem .35rem;
    text-align: left;
}

.flowy__title i {
    font-size: inherit;
    color: inherit;

    vertical-align: unset;
    margin-right: .25rem;
}

.flowy__body {
    position: relative;
    padding: 0 .25rem;
}

.block--icon {
    min-width: 40px;
    min-height: 40px;
}

.block--icon .flowy__title {
    text-align: center;
}

.block--icon .flowy__title i {
    font-size: 1.5rem;
    margin: 0;
}

.error-message {
    color: var(--c-danger);
    padding: 0 .25rem;
    display: none;
}

.error-message.show {
    display: inline;
}

#calendar {
    --fc-now-indicator-color: var(--c-primary-400);
    --fc-today-bg-color: var(--c-primary-275);
}

td.fc-daygrid-day.fc-day {
    cursor: pointer;
}

td.fc-daygrid-day.fc-day.fc-day-past .fc-daygrid-day-frame {
    background-color: var(--c-primary-bkg);
}

td.fc-daygrid-day.fc-day.fc-day-past a {
    color: var(--c-primary-300);
}

.active-day .fc-daygrid-day-frame {
    -webkit-box-shadow: inset 0 0 0 1.5px var(--c-primary-400);
    box-shadow: inset 0 0 0 1.5px var(--c-primary-400);
}

.fc-daygrid-body.fc-daygrid-body-unbalanced,
table.fc-scrollgrid-sync-table,
table.fc-col-header {
    width: 100% !important;
}

.study__title,
.study__subtitle {
    font-weight: bold;
    font-weight: normal;
    line-height: 1.1;

    margin: 0;
    margin: 1.5rem 0 1rem;
    padding: 0 .25rem .25rem;

    color: var(--c-primary-600);
    border-bottom: var(--border-main);
}

.study__subtitle {
    font-size: 1.5em;
}

.study__inside-title {
    padding-left: .25rem;
    color: var(--c-primary-400);
    border-bottom: var(--border-main);
    font-weight: normal;
}

.study {
    padding-bottom: 2rem;
}

.col.col-alteration {
    margin-top: 1.25rem;
}

.alterations-header {
    padding-bottom: 0;
}

#alterations-table {
    padding-bottom: 0;
    width: 100%;
}

#alterations-table td {
    padding: .25rem;
    padding-bottom: .5rem;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#alterations-table tbody tr.even,
#alterations-table tbody tr:nth-child(even) {
    background-color: transparent;
}

#alterations-table .button-section-base {
    height: var(--input-height);
    width: var(--input-height);
    border-radius: var(--br-small);
    margin: 0;
}

#alterations-table .delete-row {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

#alterations-table select {
    min-width: 125px;
}

.title-section-base label {
    padding: 0;
}

.table-alert {
    display: inline-flex;
    align-items: stretch;
    justify-content: flex-start;

    color: var(--c-danger);
    border: var(--border-main);
    border-color: var(--c-danger-o-5);
    border-radius: var(--br-small);
    background-color: var(--c-danger-o-075);
}

.table-alert__icon {
    padding: .25rem .75rem;

    display: flex;
    justify-content: center;
    align-items: center;

    border-right: var(--border-main);
    border-color: var(--c-danger-o-5);
    /* font-size: 1.2rem; */
}

.table-alert__text {
    padding: .25rem .5rem;
}

.evo-alert,
.alert, .mip-alert {
    background: var(--c-flag-l, var(--c-primary-050));
    border: var(--border-main);
    border-color: var(--c-flag-m, var(--c-primary-250));
    border-radius: var(--br-small);

    display: -webkit-box;
    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    overflow: hidden;
}

.mip-alert{
    color: var(--c-flag-d, var(--c-secondary-700));
    background: var(--c-flag-l, var(--c-secondary-050));
    border-color: var(--c-flag-m, var(--c-border));

    margin-bottom: .5rem;
}

.mip-alert.primary{
    --c-flag-l: var(--c-primary-100);
    --c-flag-m: var(--c-primary-200);
    --c-flag-d: var(--c-primary-400);
}

.mip-alert.warning{
    --c-flag-l: var(--c-warning-100);
    --c-flag-m: var(--c-warning-o-25);
    --c-flag-d: var(--c-warning-500);
}

.mip-alert.danger{
    --c-flag-l: var(--c-danger-100);
    --c-flag-m: var(--c-danger-o-25);
    --c-flag-d: var(--c-danger-500);
}

.ul-section-base .mip-alert{
    width: 100%;
}

.mip-alert__content{
    padding: .5rem 1rem .5rem 0;
}

.mip-alert__title{
    font-weight: bold;
    text-transform: uppercase;
}

.mip-alert__title + p{
    margin: 0;
}

.alert {
    color: var(--c-primary-400);

    padding: .5rem;
    margin-bottom: 1rem;
}

.evo-alert {
    margin-right: 1rem;
    margin: 0 1.25rem 0.25rem 0.35rem;
}

.alert .btn-close {
    position: relative;

    width: 1.5rem;
    height: 1.5rem;
    margin-right: .75rem;

    border: none;
    border-radius: var(--br-small);
    background: var(--c-primary-400);
}

.alert .btn-close::after {
    content: '×';

    position: absolute;
    inset: 0;

    color: white;
    font-size: .8rem;
    line-height: 1.7;
}

.alert .btn-close:hover {
    background-color: var(--c-primary-300);
}

.full-model-alert__ul {
    display: grid;
    overflow: hidden;
    grid-template-rows: 1fr;

    margin: 0 -.25rem;

    transition: all .3s ease;
}

.full-model-alert__ul.inactive {
    grid-template-rows: 0fr;
}

.full-model-alert.full-model-alert {
    margin: 0;
    transition: opacity .3s ease;
}

.full-model-alert__ul.inactive .full-model-alert {
    opacity: 0;
}

.evo-alert.extreme {
    text-transform: uppercase;
    font-weight: bold;
}

.evo-alert.study__info {
    margin: 0 -5px;
    padding: .5rem;
    border-radius: var(--br-small);
}

.evo-alert.close-alert {
    margin: 0 -5px;
}

.evo-alert .close {
    background-color: transparent;
    border: none;
    margin-left: auto;
    font-size: 1.5rem;
    padding: .5rem;
    margin-right: .5rem;
    color: currentColor;
    line-height: .75;
    border-radius: var(--br-small);
}

.evo-alert .close:hover {
    background-color: var(--c-danger-o-15);
}

.evo-alert p {
    margin-bottom: 0;
    color: var(--c-flag-d, var(--c-primary-400));
}

.close-alert p {
    font-size: .85rem;
}

.evo-alert.study__info p {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: var(--border-main);
}

.evo-alert__icon, .mip-alert__icon {
    color: var(--c-flag-d, var(--c-primary-400));
    background-color: transparent;
    border: none;

    padding: .75rem 1rem;
    border-right: var(--border-main);
    border-color: var(--c-flag-m, var(--c-border));

    -ms-grid-row-align: stretch;
    align-self: stretch;

    display: -ms-grid;

    display: grid;
    place-items: center;

    font-size: 1.5rem;
    margin-right: 1.25rem;
}

.mip-alert__icon{
    font-size: .9rem;
    margin-right: 1rem;
    padding: .5rem .75rem;

    color: var(--c-flag-d, var(--c-secondary-700));
    border-color: var(--c-flag-m, var(--c-border));
}

.close-alert .evo-alert__icon {
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    margin-right: 0.75rem;

    -webkit-transition: background-color .3s ease;

    -o-transition: background-color .3s ease;

    transition: background-color .3s ease;
}

.close-alert .evo-alert__icon:hover {
    background-color: var(--c-primary-200-t);
}

.evo-alert__buttons {
    margin-left: auto;
    padding: .75rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.evo-alert__button {
    color: var(--c-flag-d, var(--c-primary-400));
    border-color: var(--c-flag-m, var(--c-primary-250));
    background-color: transparent;
}

.evo-alert__button:hover {
    color: var(--c-flag-d, var(--c-primary-400));
    border-color: var(--c-flag-m, var(--c-primary-250));
    background-color: var(--c-flag-l, var(--c-primary-200-t));
}

.study__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
}

.study__buttons .button {
    margin: 0;
}

.study__check-uncheck-button {
    display: block;
    margin-right: -5px;
    margin-left: auto;
    margin-bottom: -2.75rem;
    margin-top: 1rem;
}

.lab-test-assignment {
    padding-left: 1rem;
}

.lab-test-assignment__container {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
    gap: .5rem;

    padding: .5rem;
    background-color: var(--c-primary-bkg);

    border: var(--border-main);
    border-color: var(--c-primary-100);
    border-radius: var(--br-small);
}

.lab-tests__wrapper {
    border: var(--border-main);
    border-radius: var(--br-small);

    background-color: white;
}

.lab-tests__container {
    padding: 1rem;
}

.lab-tests__container+.lab-tests__container {
    padding-top: 0;
}

.lab-tests__list-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;
    overflow: hidden;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;
}

.active .lab-tests__list-container {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    overflow-x: auto;
}

.lab-tests__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: .5fr 1fr 1fr;
    grid-template-columns: .5fr 1fr 1fr;
    min-width: 400px;

    border-radius: var(--br-small);
    overflow: hidden;

    border: none;
}

.active .lab-tests__list {
    border: var(--border-main);
}

.lab-tests__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-bottom: var(--border-main);
    padding: 0 .25rem .25rem;

    color: var(--c-primary-400);
    text-transform: uppercase;

    cursor: pointer;
    -webkit-transition: all .1s ease .2s;
    -o-transition: all .1s ease .2s;
    transition: all .1s ease .2s;
}

.active .lab-tests__title {
    margin-bottom: .5rem;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;

}

.lab-tests__title i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.active .lab-tests__title i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.even {
    background-color: var(--c-primary-bkg);
    border-top: var(--border-main);
    border-color: var(--c-primary-050);
}

.lab-tests__table-header {
    color: white;
    background-color: var(--c-primary-400);
}

.lab-tests__table-header:first-child {
    border-radius: var(--br-small) 0 0 0;
}

.lab-tests__table-header:nth-child(3) {
    border-radius: 0 var(--br-small) 0 0;
}

.lab-tests__list>div {
    padding: .25rem .5rem .15rem;
}

.lab-tests__wrapper .input-text {
    white-space: normal;
}

[id^='messages-datatable'],
[id^='messages-inline'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;

    color: var(--c-message, var(--c-danger-500));
    border: var(--border-main);
    border-radius: var(--br-small);
    border-color: var(--c-message-border, var(--c-danger-o-5));
    background: var(--c-message-bkg, var(--c-danger-o-15));
}

[id^='messages-datatable'].success,
[id^='messages-inline'].success {
    --c-message: var(--c-primary-400);
    --c-message-bkg: var(--c-primary-050);
    --c-message-border: var(--c-primary-250);
}

[id^='messages-datatable'] i,
[id^='messages-inline'] i {
    display: block;
    border-right: var(--border-main);
    border-color: var(--c-message-border, var(--c-danger-o-5));
    padding: 0.75rem;
    margin-right: 1rem;
}

[id^='messages-datatable']:empty,
[id^='messages-inline']:empty {
    display: none;
}

input[type='range'] {
    width: 100%;
    margin: 0.25rem 0.25rem 0.25rem 0;
    height: 20px;
    border-radius: 20rem;
    overflow: hidden;
    -webkit-appearance: none;
    background-color: var(--c-primary-100);
}

input[type='range']::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    color: var(--c-primary-400);
    margin-top: -1px;
}

input[type='range']::-webkit-slider-thumb {
    width: 5px;
    height: 20px;
    -webkit-appearance: none;
    cursor: ew-resize;
    background: var(--c-primary-400);
    -webkit-box-shadow: -200px 0 0 200px var(--c-primary-400);
    box-shadow: -200px 0 0 200px var(--c-primary-400);
}

.button-section-base dialog {
    border-radius: var(--br-small);
    border: var(--border-main);
    -webkit-box-shadow: var(--shadow-main);
    box-shadow: var(--shadow-main);
}

.dialog-title {
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;

    color: var(--c-primary-400);

    padding-bottom: .5rem;
    margin-top: 1rem;
    border-bottom: var(--border-main);
}

.modal .dialog-title {
    margin-top: 0;
}

#save-flowchart {
    position: fixed;
    z-index: 2;
    right: 2rem;
    bottom: 2rem;
}

.h5-summary-link {
    margin-left: auto;
}

.h5-summary-link+.button:first-of-type {
    margin-left: .5rem;
}

.signature-pad__wrapper {
    border: var(--border-main);
    border-color: var(--c-primary-100);
    background: var(--c-primary-bkg);
    padding: 0.5rem;
}

.signature-pad {
    border: var(--border-main);
    border-radius: var(--br-small);
    background-color: white;

    max-width: 300px;
    max-height: 150px;
}

.signature-pad__actions {
    margin-top: .5rem;
    text-align: left;
}

.signature-pad__canvas {
    display: block;
    -ms-touch-action: none;
    touch-action: none;
    width: 100%;
    height: 100%;
}

.signature-inline__options.row {
    margin-top: 1rem;
}

.signature-inline__delete.row {
    margin: 1.5rem 0 0;
}

#edition_medical_consultations legend .col {
    width: auto;
    padding: 0;
}

#edition_medical_consultations legend label {
    display: none;
}

.button-section-base .fa-pen-to-square {
    margin-left: 3px;
}

.proposed-protocol {
    font-weight: 900;
    font-style: italic;
}

.custom-file-input__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.custom-file-input__text p {
    border: var(--border-main);
    border-bottom: none;
    border-radius: var(--br-small) var(--br-small) 0 0;
    padding: 0.5rem 1.5rem 0.4rem 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-file-input__text label+p {
    border-radius: 0 var(--br-small) 0 0;
}

.custom-file-input__text p .actually {
    margin-right: .25rem;
}

.custom-file-input__text label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: .65rem 1rem .5rem;
    margin: 0;

    color: var(--c-primary-400);
    background-color: var(--c-primary-bkg);
    border: var(--border-main);
    border-right: none;
    border-bottom: none;
    border-radius: var(--br-small) 0 0 0;

    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.custom-file-input__text label:hover {
    background-color: var(--c-primary-200-t);
}

.custom-file-input input.with-file {
    border-radius: 0 0 var(--br-small) var(--br-small) !important;
}

table.dataTable.logs__datatable thead>tr>th,
table.dataTable.logs__datatable tbody>tr>td {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* .import_logs .ul-section-base{
    margin: 0;
} */

.import_logs .ul-section-base .dataTable {
    padding-top: .25rem;
    padding-bottom: .75rem;
}

.import_logs .section-base {
    margin: 0;
}

.import_logs .section-base+.section-base {
    margin-top: 1rem;
}

.import_logs .tabs {
    margin: 0 0 1rem;
}

.configure-laboratory__row {
    padding-bottom: .5rem;
    border-bottom: var(--border-main);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.col.configure-laboratory__col:not([data-id^="dichotomic"]) label {
    white-space: normal;
}

.configure-laboratory__col>* {
    width: 100% !important;
}

.error__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - var(--header-height));
}

.error__icon {
    font-size: 6rem;
    color: var(--c-primary-200);
}

.error__title {
    font-size: 4rem;
    margin: 1rem 0 0;
    line-height: 1;
    color: var(--c-primary-400);
}

.error__subtitle {
    font-size: 2rem;
    margin: 0 0 1rem;
}

.error__logo-container {
    margin-top: 2rem;
    border-top: var(--border-main);
    padding: 2rem 10% 0;
}

.error__logo {
    max-width: 150px;
}

.inline .button-container {
    bottom: 1rem;
    right: 1rem;
}

.prl-management {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 1.25rem;
}

.prl-management__wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.prl-management__wrapper--side {
    --button-width: 3rem;
    width: 49.35%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;
}

.prl-management__wrapper--side.hidden {
    width: var(--button-width);
}

.prl-management__legend {
    z-index: 1;
    position: absolute;
    background: white;
    left: calc(var(--button-width) + .65rem);
}

.prl-management__button,
.prl-management__toggle {
    font-size: 1rem;

    border: var(--border-main);
    background: var(--c-primary-200-t);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

    outline: none;
}

.prl-management__button {
    position: absolute;
    inset: .75rem auto .85rem 0;

    width: var(--button-width);
    color: var(--c-primary-300);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-right: none;
    border-radius: var(--br-small) 0 0 var(--br-small);
}

.hidden .prl-management__button {
    border-radius: var(--br-small);
    border-right: var(--border-main);
}

.prl-management__button span {
    display: none;
}

.prl-management__toggle {
    font-weight: normal;
    font-weight: bold;
    text-transform: uppercase;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: .75rem 1rem .75rem .75rem;
    border-radius: var(--br-small);
    color: var(--c-primary-400);
    background-color: white;
}

.prl-management__toggle.open {
    border-radius: var(--br-small) var(--br-small) 0 0;
    background: var(--c-primary-200-t);
}

.prl-management__toggle span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    pointer-events: none;
}

.prl-management__toggle i {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;

    line-height: 1;
    vertical-align: middle;
    pointer-events: none;

    -webkit-transition: -webkit-transform .3s ease;

    transition: -webkit-transform .3s ease;

    -o-transition: transform .3s ease;

    transition: transform .3s ease;

    transition: transform .3s ease, -webkit-transform .3s ease;
}

.prl-management__toggle.open i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.prl-management__button:hover,
.prl-management__toggle:hover {
    color: var(--c-primary-400);
    background-color: var(--c-primary-200);
}

.tapiz__wrapper--toggable {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;

    overflow: hidden;
    min-height: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.tapiz__wrapper--toggable.open {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
}

.tapiz__wrapper--toggable>div {
    overflow: hidden;
    height: 100%;
    min-height: 0;
}

.tapiz__wrapper--toggable .section-base {
    border-radius: 0 0 var(--br-small) var(--br-small);
    border-top: none;

    display: -ms-grid;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
    gap: 1rem;
}

.tapiz__wrapper--toggable .inner-section-base {
    margin: 0;
}

.prl-management__tree {
    position: absolute;
    inset: 0;
    overflow: auto;
    margin: .75rem 0 .85rem var(--button-width);

    padding: 1rem;
    border: var(--border-main);
    border-radius: 0 var(--br-small) var(--br-small) 0;
    background-color: white;
    min-width: 50vw;
}

.prl-management__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    width: 100%;
}

.prl-management__field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 7.5px;
    padding-left: 7.5px;

    -ms-flex-preferred-size: 33.3%;

    flex-basis: 33.3%;
    min-width: min(300px, 100%);
}

.prl-management__field>.col {
    width: 100%;
}

.change-resp__ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.change-resp__ul>li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 .5rem .5rem;
}

.change-resp__label {
    padding: 0;
}

.change-resp__span {
    font-family: var(--ff-main);
    font-size: .9rem;
    text-transform: uppercase;

    color: var(--c-primary-400);
    background-color: var(--c-primary-200-t);

    border: var(--border-main);
    border-radius: var(--br-small);
    padding: .65rem 1rem;

    cursor: pointer;
    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;
}

.change-resp__span:hover {
    background-color: var(--c-primary-200);
}

.change-resp__label input:checked+.change-resp__span {
    color: white;
    background-color: var(--c-primary-400);
    border-color: var(--c-primary-400);
}

.jcrop-holder {
    background-color: transparent !important;
    border: var(--border-main);
}

.text-input-scrollable {
    display: block;
    width: 15rem;
    overflow-x: auto;
    white-space: nowrap;
}

.signees {
    padding: .5rem;
}

.signees__signee {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .5rem;
    color: var(--c-primary-700);
}

.signees__signee span {
    color: var(--c-primary-400);
    font-weight: 400;
    line-height: 1.1;
}

.signees__signee+.signees__signee {
    border-top: var(--border-main);
    padding-top: .5rem;
    margin-top: .5rem;
}

.signees__info {
    display: flex;
    flex-direction: column;
}

.signees__buttons {
    display: flex;
}

.signees__buttons a {
    cursor: pointer;
}

/* .alert-dismissible {
    padding-right: 3rem;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
} */

#modal_error_message {
    color: var(--c-danger-500);
    padding: .75rem .5rem;
    margin-bottom: .75rem;
    background: var(--c-danger-o-075);
    border: var(--border-main);
    border-color: var(--c-danger-o-25);
    border-radius: var(--br-small);
    text-align: center;
    text-transform: uppercase;
    display: none;
}

.center-tree-tab__container {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 500px;

    margin: 0 -5px;
}

.center-tree-tab__header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* flex-direction: row-reverse; */
    gap: 1rem;

    text-align: center;
    padding: 0 0 .95rem .5rem;
    margin-bottom: .5rem;
    border-bottom: var(--border-main);
}

.center-tree-tab__header .form-check {
    padding: 0;
    /* flex-shrink: 0; */
}

.center-tree-tab__header .form-control {
    /* text-align: center; */
    width: auto;
}

.permissions-options {
    display: flex;
    gap: .5rem;
    margin: 0 .25rem 1rem;
}

.permissions-option__label {
    font-size: .85rem;
    display: block;
    margin-left: .25em;
    color: var(--c-primary-700);
}

.permissions-option__choices {
    padding: .25rem;
    border: var(--border-main);
    border-radius: var(--br-small);
    background-color: var(--c-primary-bkg);

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: .25rem;
}

.permissions-option__choices label {
    margin: 0;
    padding: 0;
}

.permissions-option__choices input[type="radio"] {
    display: none;
}

.permissions-option__choices input[type="radio"]+span {
    display: block;
    padding: .25rem .5rem;
    border-radius: var(--br-small);
    cursor: pointer;
}

.permissions-option__choices input[type="radio"]:hover+span,
.permissions-option__choices input[type="radio"]:checked+span {
    background-color: var(--c-primary-200);
}

.permissions-table-info-container,
.dashboard-cat-info-container {
    position: relative;
}

.open-field-help {
    color: var(--c-primary-300);

    cursor: pointer;
    pointer-events: auto;
    padding: 0 .25rem;
}

.input-label .open-field-help {
    margin-left: .25rem;
}

.open-permissions-table-info,
.open-dashboard-cat-info {
    display: none;
    margin-left: .25rem;
    cursor: pointer;
}

.hidden .open-permissions-table-info,
.open-dashboard-cat-info {
    display: inline-block;
    pointer-events: auto;
}

.permissions-table-info {
    opacity: 1;
    padding-left: .25rem;
    transition: opacity .0s ease, transform .0s ease;
}

.hidden .permissions-table-info,
.dashboard-cat-info {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-.5rem);

    position: absolute;
    background-color: white;

    border: var(--border-main);
    border-radius: var(--br-small);
    box-shadow: var(--shadow-soft);

    z-index: 1;
    padding: .5rem 1rem;

    transition: opacity .3s ease, transform .3s ease;
}

.hidden.no-transition .permissions-table-info {
    transition: opacity .0s ease, transform .0s ease;
}

.hidden .permissions-table-info.active,
.dashboard-cat-info.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.dashboard-cat-info {
    padding: 1rem;
}

.dashboard-cat-info h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 1.25rem 0 .5rem;
}

.dashboard-cat-info h3:first-child {
    margin-top: 0;
}

.dashboard-cat-info h4 {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    margin: 1rem 0 .15rem;
}

.dashboard-cat-info p {
    font-size: 1rem;
    font-weight: normal;
}

.dashboard-cat-info .important {
    padding: .25rem .5rem;
    border-radius: var(--br-small);

    color: var(--imp-color-d, var(--c-primary-600));
    border-left: 3px solid var(--imp-color, var(--c-primary-400));
    background-color: var(--imp-color-l, var(--c-primary-200-t));
}

.dashboard-cat-info .important {
    padding: .25rem .5rem;
    border-radius: var(--br-small);

    color: var(--imp-color-d, var(--c-primary-600));
    border-left: 3px solid var(--imp-color, var(--c-primary-400));
    background-color: var(--imp-color-l, var(--c-primary-200-t));
}

.dashboard-cat-info-extra {
    max-width: 75%;
    font-size: 1.5rem;
    border: 3px solid var(--imp-color, var(--c-primary-400));
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

.dashboard-cat-info-extra-wide {
    top: 100%;
    right: 0;
    width: 50%;
    min-width: min(600px, 100%);
    box-shadow: var(--shadow);
}

.dashboard-cat-info .important.green {
    --imp-color-l: var(--c-success-o-15);
    --imp-color: var(--c-success);
    --imp-color-d: var(--c-success-600);
}

.dashboard-cat-info .important.orange {
    --imp-color-l: var(--c-warning-o-15);
    --imp-color: var(--c-warning);
    --imp-color-d: var(--c-warning-600);
}


.dashboard-cat-info .important.yellow {
    --imp-color-l: var(--c-moderate-l);
    --imp-color: var(--c-moderate);
    --imp-color-d: #5e4800;
}

.dashboard-cat-info .important.red {
    --imp-color-l: var(--c-danger-o-15);
    --imp-color: var(--c-danger);
    --imp-color-d: var(--c-danger-600);
}

.blue {
    color: var(--c-primary-400);
}

p+p {
    margin-top: .25rem;
}

p:not(.important)+.important {
    margin-top: .75rem;
}

.dashboard-cat-info .underlined {
    padding: 0 .25rem;
    margin: 1.25rem -.25rem .5rem;
    border-bottom: var(--border-main);
}

/* .permissions-option input:checked + span{
    background-color: pink;
} */

.vaccinated-message {
    padding: .5rem;
    margin: 1rem 2rem 0 1rem;
    text-align: center;

    color: var(--c-tag-dark, var(--c-primary-400));
    background: var(--c-tag-lighter, var(--c-primary-bkg));

    border: var(--border-main);
    border-color: var(--c-tag-light, var(--c-primary-250));
    border-radius: var(--br-small);
}

#vaccination-form--vaccinated .vaccinated-message {
    margin: 1rem 0 0;
}

.red {
    --c-tag-lighter: var(--c-danger-100);
    --c-tag-light: var(--c-danger-300);
    --c-tag: var(--c-danger);
    --c-tag-dark: var(--c-danger-500);
}

.orange {
    --c-tag-lighter: var(--c-warning-100);
    --c-tag-light: var(--c-warning-300);
    --c-tag: var(--c-warning);
    --c-tag-dark: var(--c-warning-500);
}

.green {
    --c-tag-lighter: var(--c-success-100);
    --c-tag-light: var(--c-success-300);
    --c-tag: var(--c-success);
    --c-tag-dark: var(--c-success-500);
}

.assistant-chat__conver {
    display: flex;
    flex-direction: column;
    background-color: var(--c-primary-bkg);
    padding: 1rem;

    height: 100vh;
    overflow: auto;
}

.assistant-chat__response {
    padding: .5rem .75rem;

    color: var(--c-primary-600);
    background-color: white;

    border: var(--border-main);
    border-color: var(--c-primary-200);
    border-radius: var(--br-small);
}

.assistant-chat__response+.assistant-chat__response {
    margin-bottom: .75rem
}

.assistant-chat__response.user {
    margin-left: auto;
    background-color: var(--c-primary-200-t);
    border-color: var(--c-primary-250);
}

.assistant-chat__response.asistant+.assistant-chat__response.asistant,
.assistant-chat__response.user+.assistant-chat__response.user {
    margin-bottom: .25rem;
}

.thinking {
    width: max-content;
    display: flex;
}

.thinking__dot {
    flex-shrink: 0;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: var(--c-primary-600);
}

.thinking__dot:nth-child(1) {
    animation: thinking-animation 1s ease-in-out 0s infinite both normal;
}

.thinking__dot:nth-child(2) {
    animation: thinking-animation 1s ease-in-out .25s infinite both normal;
}

.thinking__dot:nth-child(3) {
    animation: thinking-animation 1s ease-in-out .5s infinite both normal;
}


@keyframes thinking-animation {
    0% {
        background-color: var(--c-primary-600);
    }

    50% {
        background-color: var(--c-primary-200);
    }

    100% {
        background-color: var(--c-primary-600);
    }
}

.thinking__dot+.thinking__dot {
    margin-left: .5rem;
}

.current-media-preview {
    padding: .5rem .75rem;
    border: var(--border-main);
    border-top: none;
    border-radius: 0 0 var(--br-small) var(--br-small);
    background-color: white;
}

.current-media-preview a {
    color: var(--c-primary-700);
    text-decoration: underline;
}

.current-media-preview a:hover {
    color: var(--c-primary-400);
}

.current-media-preview i {
    color: var(--c-primary-400);
    margin-right: .5rem;
}

.mip-section__title {
    margin: 0 0 .5rem;
    border-bottom: var(--border-main);
    padding: 0 .25rem .25rem;
    text-transform: uppercase;
    font-size: 1rem;
}

.mip-section__comment {
    width: 100%;

    padding: 1rem 0 1rem 1rem;
    margin-bottom: 1rem;
    margin-top: .5rem;

    background: var(--c-secondary-bkg);
    border: var(--border-main);
    border-radius: var(--br-small);
    border-left: 5px solid var(--c-primary-400);
}

.ul-section-base .mip-section__comment {
    margin-top: 0;
}

.hourglass-animated {
    transform-origin: 50% 50%;
    animation: hourglassFlip 5s ease-in-out infinite;
}

@keyframes hourglassFlip {

    /* Pausa 1 */
    0%,
    25% {
        transform: rotate(0deg);
    }

    /* Giro 1 (misma duración que el giro 2) */
    50% {
        transform: rotate(180deg);
    }

    /* Pausa 2 (misma duración que la pausa 1) */
    50%,
    75% {
        transform: rotate(180deg);
    }

    /* Giro 2 */
    100% {
        transform: rotate(360deg);
    }
}

.modal-timer {
    font-size: 3rem;
    font-weight: 900;
}

.flow-status{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(600px, 100%), 1fr));
    gap: 1rem;
}

.full-screen .flow-status{
    height: 100%;
}

@media screen and (min-width:1600px) {
    .summary__section.sticky-top {
        position: relative;
    }
}

@media screen and (max-width:1460px) {
    .monitor__tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .monitor__tab {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;

        -ms-flex-preferred-size: calc(50% - .25rem);
        flex-basis: calc(50% - .25rem);

        margin: 0;
    }

    .monitor__tab-button {
        width: 100%;
        color: var(--c-primary-400);
        background-color: var(--c-primary-200-t);
        white-space: nowrap;
    }

    .risks .tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .risks .tabs__tab {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: calc(50% - .25rem);
        flex-basis: calc(50% - .25rem);
        margin: 0;
    }

    .risks .tabs__button {
        width: 100%;
        color: var(--c-primary-400);
        background-color: var(--c-primary-200-t);
        white-space: nowrap;
    }
}

@media screen and (min-width: 1350px) {
    .section-base--big {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .wrapper-section-base {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
    }

    .wrapper-section-base:first-child {
        margin: .5rem .25rem .5rem -5px;
    }

    .wrapper-section-base:last-child {
        margin: .5rem -5px .5rem .25rem;
    }

    .section-base--small {
        display: none;
        margin-top: 1rem;
    }
}

@media screen and (max-width: 1300px) {
    .dashboard__graphs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .dashboard__graph.span-2,
    .dashboard__graph.span-3 {
        -ms-grid-column-span: 1;
        grid-column: span 1;
    }

    .summary {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        gap: .5rem;
    }

    .graph-link__anchor {
        bottom: auto;
        left: -2px;

        display: block;
        width: 1rem;
        height: 1rem;
        background-color: pink;
    }

    .summary__section {
        min-width: 100%;
    }

    .summary__section.summary__section--data {
        position: static;
        height: auto;
    }

    .summary__section.summary__section--graph {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: .5rem;
        overflow: auto;
    }

    .summary__section--graph .section-base {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: min(600px, 90%);
        margin: 0 !important;
    }
}

@media screen and (max-width: 1250px) {
    .icd__list {
        margin-bottom: 1.5rem;
    }

    input.ctw-input.embeddedBrowserSearchbox.apiInitializationCompleted {
        margin: 0;
    }

    .icd-browser .browserBodyRight {
        position: static;
        height: auto;
        width: 100%;
    }

    .icd-browser .browserBodyRight>div {
        padding: 1rem;
    }

    .icd-browser .browserBodyLeft {
        max-height: 18vh;
        overflow: auto;
        margin: 1rem 0;
    }

    .ectComponent .embeddedBrowser .browser .browserBody {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .embeddedBrowser {
        height: auto !important;
        min-height: 50vh;
    }

    .ectComponent .browser .browserContent {
        height: 0;
    }

    .gantt-wrapper.sideform__container {
        padding: .25rem;
    }

    .sideform {
        position: fixed;
        z-index: 100000;
        top: var(--header-height);
        padding-top: 1rem;
        padding-bottom: 4.25rem;
        right: -0.25rem;
        height: calc(100vh - var(--header-height));

        -webkit-transition: all .7s ease .2s;

        -o-transition: all .7s ease .2s;

        transition: all .7s ease .2s;
    }

    .row.sideform__inputs {
        width: auto;
    }

    .sideform__block--gantt .sideform {
        top: 0;
        height: 100vh;
    }

    #flowchart {
        margin: 0;
    }

    .flowchart-form-row {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .flowchart-body .sideform__block {
        padding-top: 4px;
    }

    .table-sideform .sideform {
        top: 0;
        position: fixed;
        height: 100%;
    }

    .dashboard__body .table-sideform .sideform {
        top: var(--header-height);
        bottom: 0;
        height: calc(100% - var(--header-height));
    }

    .sideform__menu-buttons.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .flowchart-body .sideform__menu-buttons.mobile {
        margin-bottom: 1rem;
    }

    .sideform__menu-buttons.agenda {
        margin: 1rem;
        margin-bottom: 0;
    }

    .sideform__block--gantt .sideform__menu-buttons.agenda {
        margin: 0 0 1rem;
    }

    .sideform__menu-buttons.mobile .button-section-base {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .sideform__menu-buttons.menu-buttons:not(.mobile) {
        display: none;
    }

    .open .close-container {
        margin: 0;
        position: absolute;
        right: .5rem;
        top: 0;
        z-index: 1;
        background: transparent;
        border: none;
    }

    .sideform {
        padding-top: 3rem;
    }

    .sideform.open {
        background-color: var(--c-primary-200-t);
    }

    .sideform__wrapper {
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .open .sideform__wrapper {
        min-width: calc(100vw - var(--header-open-width) - 4.75rem);
    }

    .sideform--table.open .sideform__wrapper {
        min-width: calc(100vw - .6rem);
    }

    .sideform__container.table-sideform {
        width: 100%;
    }

    .prl-management__menu-buttons.mobile {
        margin-bottom: 0;
        border-bottom: none;
        border-radius: var(--br-main) var(--br-main) 0 0;
    }

    .table-sideform .section-base {
        border-radius: 0 0 var(--br-main) var(--br-main);
    }
}

@media screen and (max-width: 1000px) {
    .risks-view {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .risks-view .input-label {
        padding: 0.65rem 0;
    }

    .risks-view .section-base:first-child {
        width: 100%;
        min-width: auto;
        margin: 0;
        margin-bottom: .5rem;

        position: relative;
    }

    .risks-view .section-base:last-child {
        width: 100%;
        margin: 0;
    }

    .risks-view__container {
        max-height: 33vh;
        overflow: hidden;
    }

    .with-tree__section {
        --with-tree-button-size: 2.65rem;
        flex-direction: column-reverse;
    }

    .with-tree__wrapper,
    .with-tree__wrapper.hidden {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        /* width: auto; */
        margin: 0 0 .75rem;

        position: fixed;
        bottom: 2px;
        left: 1rem;
        width: min(500px, calc(100% - 2rem));
        z-index: 999999;

        height: calc(var(--with-tree-button-size) + 2px);
    }

    .with-tree__wrapper {
        height: auto;
    }

    .with-tree__tree {
        margin: 0;
        margin-bottom: calc(var(--with-tree-button-size) + 2px) !important;
        border-radius: var(--br-main) var(--br-main) var(--br-main) 0;
        padding: 1rem;
        margin-left: .5%;

        transform: translateY(0);
    }

    .hidden .with-tree__tree {
        transform: translateY(-100%);
        box-shadow: none;
        border-color: transparent;
    }

    .tapiz__tree .with-tree__tree {
        margin-top: calc(var(--with-tree-button-size) + 1px) !important;
    }

    .with-tree__hide {
        bottom: auto;
        left: -1px;
        right: -1px;
        top: 100.25%;

        width: min(200px, 50%);
        height: var(--with-tree-button-size);

        border: var(--border-main);
        border-top-color: transparent;
        border-radius: 0 0 var(--br-small) var(--br-small);

        background: var(--c-primary-100);
    }

    .hidden .with-tree__hide {
        border-top: var(--border-main);
        border-radius: var(--br-small);
    }

    .with-tree__hide .fa-chevron-right {
        display: none;
    }

    .with-tree__hide .fa-folder-tree {
        display: block;
    }

    .prl {
        width: calc(100% + 1.5rem);
        margin: 0 0 0 -0.75rem;
    }

    .jstree-anchor>.jstree-themeicon {
        margin-right: 2px;
    }

    .section-tree.active,
    .eva-custom {
        display: block;
    }

    .inner-section-base+.inner-section-base {
        margin: 1rem 0 0;
    }

    .table-section {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }

    .tapiz__side-menu__wrapper {
        display: none;
    }


    .tapiz__side-menu__wrapper.mobile {
        display: block;
    }

    .with-tree__base {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .tapiz__side-menu {
        width: auto;
        min-width: auto;
        margin-left: 1rem;
        position: sticky;
        top: 79px;
    }

    .tapiz__side-menu__ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto;
    }

    .tapiz__tree {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 920px) {
    .sideform__container {
        padding: 1rem;
    }

    .open .sideform__wrapper {
        min-width: calc(100vw - 0.65rem);
    }

    #medic_agenda_configuration__form.sideform__form {
        min-width: auto;
    }

    .evo-alert {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .evo-alert__icon {
        margin-right: .5rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .evo-alert p {
        -ms-flex-preferred-size: 82%;
        flex-basis: 82%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0.5rem;
    }

    .evo-alert.study__info p {
        border: none;
        border-top: var(--border-main);

        margin: .5rem 0 0;
        padding: .5rem 0 0;

        text-align: center;
    }

    .evo-alert__buttons {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;

        border-top: var(--border-main);

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .evo-alert__buttons .button,
    .study__buttons,
    .study__buttons .button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    #save-flowchart {
        right: 1rem;
        bottom: 1rem;
    }

    .with-tree__hide {
        left: calc(var(--with-tree-button-size) + .5rem);
        width: var(--with-tree-button-size);
    }
}

@media screen and (max-width: 850px) {
    .main__title {
        font-size: 1.1rem;
    }

    .main__title-text {
        font-size: 1rem;
    }

    .main__sticky {
        padding: .5rem;
        min-height: 0;
    }

    .risks-view__open {
        position: static;
        margin: 0;
        /* margin-bottom: .5rem; */
    }

    .answer-somatometry {
        margin: 0;
    }

    .answer-somatometry__input {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }

    .answer-somatometry .li-title-section-base {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        border: none;
    }

    .answer-somatometry .mip-sect__li-buttons,
    .answer-somatometry__li-buttons {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        height: auto;
        border: none;
        padding-left: 0;
        margin-left: 0.25rem;
    }

    .answer-somatometry__history {
        min-height: 0;
        min-width: 0;
    }

    .answer-somatometry .li-section-base {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 800px) {
    #evaluation_risk__iframe {
        height: 60vh;
    }

    .dashboard__body {
        padding: 0 1rem 1rem;
    }
}

@media screen and (min-width:700px) {
    .main__tab-button {
        overflow: hidden;
    }

    .main__tab:hover .main__tab-button {
        overflow: initial;
    }

    .main__tab-button-text {
        opacity: 0;
        width: 0;
        margin: 0;

        position: absolute;
        inset: calc(100% + .25rem) auto auto 0;
        height: calc(100% + 1px);

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        white-space: nowrap;
        background-color: white;

        border: var(--border-main);
        border-color: var(--c-primary-100);
        padding: 0 1rem;
        border-radius: var(--br-small);
        -webkit-box-shadow: var(--shadow-soft);
        box-shadow: var(--shadow-soft);
    }

    .main__tab-button-text.right {
        inset: auto 0 calc(100% + .25rem) auto;
    }

    .main__tab:hover .main__tab-button-text {
        opacity: 1;
        width: auto;
    }

    .active .main__tab-button-text {
        position: static;
        display: inline-block;

        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        padding: 0;
        margin-left: .5rem;
        opacity: 1;
        width: auto;
    }
}

@media screen and (max-width: 700px) {
    .header-base {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1.75rem;
        padding: 0 0.75rem 0;
    }

    .section-base:not(.border-mobile, .tapiz__worker),
    .inner-section-base {
        border: none;
        padding: 0;
        box-shadow: none;
    }

    .section-base.border-mobile,
    .acordeon__item.active .acordeon__content {
        padding: .5rem;
    }

    .section-base.border-mobile .title-section-base {
        width: 100%;
    }

    .button-section-base.risks-view__open {
        width: 100%;
    }

    .risks .header-section-base.localizer {
        padding-left: 0;
    }

    .tapiz__wrapper--toggable .section-base,
    .sideform__container .section-base,
    .tapiz .section-base,
    .with-tree__tree.section-base {
        padding: 1rem;
        box-shadow: var(--shadow-main);
        border: var(--border-main);
    }

    .hidden .with-tree__tree.section-base {
        border-bottom-color: transparent;
        box-shadow: none;
    }

    .tapiz__wrapper--toggable .section-base {
        border-top: none;
    }

    .risks-view .section-base:first-child {
        padding: .5rem 0 0;
    }

    .li-section-base {
        -ms-flex-preferred-size: calc(100% - 1rem);
        flex-basis: calc(100% - 1rem);
    }

    .li-title-section-base {
        white-space: inherit;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .assessment .li-title-section-base,
    .measures .li-title-section-base {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .li-title-section-base span.risks__date {
        margin-left: 0;
        padding-left: .5rem;
    }

    .main__info {
        padding-top: 0;
        margin-bottom: 0.5rem;
    }

    .dashboard__body .main__info {
        padding-top: 1rem;
    }

    .main__tabs,
    .tabs,
    .filter-tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .main__tab,
    .tabs__tab,
    .filter-tabs__tab {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: calc(50% - .25rem);
        flex-basis: calc(50% - .25rem);
        margin: 0;
    }

    .main__tab {
        width: 100%;
    }

    .main__tab-button,
    .tabs__button,
    .tabs__sec-button,
    .measure-filter__button,
    .filter-tabs__button {
        width: 100%;
        color: var(--c-primary-400);
        background-color: var(--c-primary-200-t);
        white-space: nowrap;
        padding: 0.5rem 0.15rem;
    }

    .main__tab-button {
        height: auto;
    }

    .main__tab-button-text {
        display: inline-block;
        opacity: 1;
        position: static;
        margin-left: .25rem;
    }

    .home {
        padding: 1rem 1rem 1rem;
    }

    .home__link {
        padding: 0.75rem 0.5rem;
    }

    .home__li-title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        white-space: normal;
        line-height: 1.3;
    }

    .home__li-title span {
        margin: .25rem 0 0;
        width: 100%;
    }

    .home__fav {
        font-size: .9rem;
        padding: .25rem .5rem;
    }

    .modal,
    .modal--sm,
    .modal--md,
    .openModalBkg .modal.openModal {
        max-width: 90%;
        width: 100%;
        margin: 5% auto;
        max-height: 90%;
        min-width: auto;
    }

    .modal__container--noiframe .modal,
    .modal__container--noiframe .modal--sm,
    .modal__container--noiframe .modal--md,
    .modal__container--noiframe.openModalBkg .modal.openModal {
        max-height: calc(100% - var(--header-height) - 3rem);
        margin-top: var(--header-height);
    }

    .modal__header {
        padding: 1rem 1.5rem 1rem;
    }

    .modal__title {
        font-size: 1.25rem;
        line-height: 1.2;
    }

    .modal__body {
        padding: 0 1rem;
        margin: 1rem 0 0;
    }

    .tapiz__accordions {
        height: auto;
    }

    .with-tree__base {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .with-tree__section {
        margin-bottom: 2.5rem;
    }

    .main__inline {
        padding: 0;
    }

    .tapiz__side-menu {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 1rem;
        margin-bottom: 1rem;
        position: sticky;
        top: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .tapiz__side-menu__ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .mip-sect {
        padding-top: 1rem;
    }

    .mip-sect__header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-left: 0;
        padding-bottom: 0.4rem;
    }

    .mip-sect__title {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
    }

    /* .mip-sect__header-buttons {
        width: 100%;
        border-top: var(--border-main);
        padding-top: 0.4rem;
    }

    .mip-sect__header-buttons .input-label {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mip-sect__header-buttons span+.input-label {
        border: none;
        margin-left: 0;
    }

    .mip-sect__group-ul .mip-sect__header-buttons {
        border-top: none;
    }

    .mip-sect__header-buttons>* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
    }

    .mip-sect__header-buttons>.mip-sect__subtitle+.mip-sect__header-button {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    } */

    .mip-sect .header-section-base .button-section-base {
        margin-top: .25rem;
        height: 1.75rem;
        width: 1.75rem;
    }

    .mip-sect__li-buttons .button-section-base:first-child,
    .mip-sect__li-button-container .button-section-base {
        margin-top: 0;
    }

    .mip-sect .header-section-base,
    .mip-sect>.mip-sect__header {
        padding-left: 0;
    }

    .mip-sect .form-check-label {
        margin-bottom: .5rem;
    }

    table.mip-sect__table {
        /* table-layout:fixed; */
    }

    table.mip-sect__table thead>tr>th:first-child {
        /* min-width: 0; */
        /* width: 7px; */
    }

    table.mip-sect__table tbody>tr>td:not(.dont-rotate):first-child {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        text-align: center;
        padding: 0.75rem;
    }

    table.mip-sect__table thead>tr>th.mip-sect__table-button-column {
        width: calc(1.65rem + .5rem* 2);
    }

    .mip-sect__table-buttons .button-section-base {
        width: 1.5rem;
    }

    table.mip-sect__table tbody tr:last-child td:first-child {
        /* border-radius: 0; */
        /* border-bottom-color: var(--c-primary-050); */
    }

    .mip-sect .ul-section-base.open:not(.mip-sect__group-ul) {
        /* margin-right: -1rem; */
        /* padding-right: 1rem; */
    }

    .answer-somatometry .li-title-section-base {
        white-space: inherit;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .answer-somatometry .button-section-base {
        flex-grow: 0;
    }

    .set-somatometry__button-container {
        border: none;
        position: sticky;
        bottom: 1rem;
    }

    .vaccination__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 .5rem .5rem;
    }

    .vaccination__header-buttons {
        display: none;
    }

    .vaccination__title {
        width: 100%;
        padding: 0.5rem 0.25rem 0.45rem;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .vaccination__title span {
        margin-bottom: -3px;
    }

    .vaccination__title button {
        display: inline-block;
    }

    .summary .li-section-base:not(.li-placeholder) {
        -ms-flex-preferred-size: calc(100% - 1rem);
        flex-basis: calc(100% - 1rem);
    }

    .summary__li-title {
        white-space: inherit;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .summary__li-title span:not(.flag) {
        margin-left: 0;
        padding-left: 0;
    }

    .study__check-uncheck-button {
        margin-left: -5px;
        margin-bottom: 0;
        width: calc(100% + 10px);
    }

    .lab-test-assignment .main__title,
    .mip-sect-title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: .5rem;
    }

    .add-laboratory-test,
    #add-mip-sect {
        width: 100%;
        margin: .5rem 0;
    }

    .prl-management {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        margin-bottom: 1rem;
    }

    .prl-management .prl-management__wrapper--side {
        width: 100%;
        height: 500px;
    }

    .prl-management .prl-management__wrapper--side.hidden {
        height: 3rem;
    }

    .prl-management__button {
        inset: 0;
        height: 3rem;
        width: 100%;

        border-radius: var(--br-small) var(--br-main) 0 0;
        border-right: var(--border-main);
        border-bottom: none;
    }

    .hidden .prl-management__button {
        border: var(--border-main);
    }

    .prl-management__legend {
        display: none;
    }

    .prl-management__tree {
        margin: var(--button-width) 0 .85rem;
    }

    .prl-management__button i {
        margin-right: .5rem;
    }

    .prl-management__button span {
        display: block;
        text-transform: uppercase;
        font-weight: bold;
    }

    #create-workstation-period__iframe {
        min-height: 65vh;
    }

    .report-config .input-label {
        padding-bottom: 0.5rem;
    }

    .report-config__buttons {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    #see_report.report-config__button {
        -ms-grid-column-span: 1;
        grid-column: span 1;
    }

    .table-sideform .sideform {
        position: fixed;
        height: auto;
        width: 100vw;
        inset: 0;
        height: 100vh;
        padding: 0;

        transform: translateX(100vw);
    }

    .table-sideform .sideform.open {
        transform: translateX(0);
    }

    .sideform__menu {
        display: none;
    }

    .sideform__wrapper {
        width: 100%;
        height: 100%;
    }

    .open .sideform__wrapper {
        width: 100%;
        height: 100%;
    }

    .sideform__form {
        width: 100%;
        min-width: 100vw;
    }
}

@media screen and (max-width: 685px) {
    .risks-view__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .risks-view,
    .risks-view__wrapper .risks-view {
        width: 100%;
    }

    .risks-view__side-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: .5rem;

        background-color: white;
        border: var(--border-main);
        border-top: none;
    }

    .risks-view__side-menu>li:first-child {
        width: 100%;
    }

    .risks-view__side-menu.side-menu--readonly {
        border-top: var(--border-main);
    }

    .risks-view__ul-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .risks-view__li-section {
        margin: .5rem 0;
        border: none;
        padding: 0;
    }

    .risks-view__li-section.active+.active {
        border: none;
        border-left: var(--border-main);
        padding: 0 0 0 .5rem;
        margin: .5rem;
    }

    .risks-view__li-section#none-section.active {
        border: none;
    }

    .risks-view__side-menu.side-menu--readonly .risks-view__li-section {
        border-top: none;
    }

    .risks-view__item {
        margin: 0.15rem;
        width: 2.25rem;
        height: 2.25rem;

        position: static;
    }

    .risks-view__item:nth-child(1n + 2) {
        margin: 0.15rem;
    }

    .risks-view__show {
        height: 100%;
        width: auto;
        border: none;
        border-left: var(--border-main);
        border-radius: 0 var(--br-main) var(--br-main) 0;
        margin: 0 0 0 1.5rem;

        display: none;
    }

    .risks-view__item span {
        right: auto;
        left: 0;
        top: calc(100% + 0.5rem);
        width: 100%;
        height: 50%;
    }

    .risks-view__item i {
        font-size: 1.25em;
    }
}

@media screen and (min-width: 500px) {
    #alterations-table .delete-row {
        width: var(--input-height);
        padding: .25rem 0 0.5rem 0.25rem;
    }

    #alterations-table tr+tr td,
    #alterations-table tr+tr td.delete-row {
        border-top: var(--border-main);
        border-color: var(--c-primary-200);
        padding-top: .6rem;
    }

    #add-alteration-condition {
        position: absolute;
        top: -0.15rem;
        right: 0.5rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: .75rem;
        padding: 0.35rem 1rem 0.25rem;
    }
}

@media screen and (max-width: 500px) {
    .header-section-base {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 .5rem;
    }

    .header-section-base .button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .title-section-base {
        width: 100%;
        text-align: center;
    }

    .header-section-base>.button-section-base {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: .5rem;
    }

    .main__tabs {
        position: static;
        padding-top: 0;
    }

    .full-model-alert__ul {
        margin-bottom: 1rem;
    }

    .tapiz__container+div>.main__tabs {
        padding-top: 1rem;
    }

    .tapiz__data {
        padding-left: 1rem;
        margin-left: .5rem;
    }

    .dashboard__buttons {
        padding: 2rem .5rem 0;
    }

    .dashboard__buttons #panel-report-button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .dashboard__buttons .button.principal {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: .5rem;
    }

    .dialog__buttons button {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .col.col-alteration {
        margin-top: 0;
    }

    #alterations-table tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #alterations-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: .25rem;
    }

    #alterations-table tr+tr {
        border-top: var(--border-main);
        border-color: var(--c-primary-200);
        padding-top: .5rem;
    }

    #add-alteration-condition {
        width: calc(100% - 0.5rem);
        margin: 0.15rem 0.25rem 0.65rem;
    }

    .study__subtitle {
        font-size: 1.25em;
    }

    .prl__section {
        min-width: calc(100% - 1rem);
    }

    .jstree-button-container .button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .risks-view .header-section-base .input-label {
        margin-top: .75rem;
        width: 50%;
    }

    .risks-view h2.title-section-base,
    .risks-wrapper h2.title-section-base,
    .risks h2.title-section-base {
        text-align: left;
    }

    .dashboard__buttons {
        padding: 2rem .5rem 0;
    }

    .dashboard__buttons #panel-report-button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .dashboard__buttons .button.principal {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: .5rem;
    }

    .icd .button-section-base {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .audiometry-catalog .header-section-base .button,
    .audiometry .header-section-base .button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .audiometry-catalog .title-section-base,
    .audiometry .title-section-base {
        border-bottom: var(--border-main);
        margin-bottom: 0.5rem;
    }

    .center-tree-tab__header {
        justify-content: center;
        padding-left: 0;
    }
}

@media screen and (max-width: 470px) {
    #mh_search>span {
        width: 100%;
    }

    .search-button {
        width: 100%;
        height: auto;
        padding: .5rem;
    }
}

@media screen and (max-width: 420px) {
    .prl__section {
        max-height: 65vh;
    }

    .prl__section.non-assigned {
        max-height: none;
    }
}

@media screen and (max-width: 400px) {
    .answer-somatometry .li-title-section-base {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .answer-somatometry__history {
        width: auto;
        height: auto;
        border: none;
        background: transparent;
        padding-right: 0.25rem;
    }

    .evo-alert__icon {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        border: none;
        border-bottom: var(--border-main);
        border-color: var(--c-flag-m, var(--c-primary-250));
    }

    .evo-alert p {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
    }

    .eva-related {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

#pog-form .acordeon__content {
    position: relative;
}

.iframe-actions {
    position: absolute;
    inset: .5rem;
    pointer-events: none;

    display: flex;
    justify-content: flex-end;
    align-items: flex-start;

    /* background-color: white;
    border: var(--border-main);
    padding: .5rem;
    z-index: 1; */
}

.iframe-actions>* {
    pointer-events: auto;
    background-color: white;
}