:root{

    /* ---------- COLORES ---------- */

    --c-primary-bkg   : #f8fbfc;
    --c-primary-000   : white;
    --c-primary-050   : #f1f7f8;
    --c-primary-100   : #e2eef0;
    --c-primary-200   : #d3e7ea;
    --c-primary-200-t : #d3e7ea81;
    --c-primary-200-tl: #d3e7ea24;
    --c-primary-250   : #b7d3d8;
    --c-primary-275   : #8bb8c0;
    --c-primary-300   : #72a9b2;
    --c-primary-400   : #2a8392;
    --c-primary-500   : #376871;
    --c-primary-600   : #25444c;
    --c-primary-700   : #132226;

    --c-secondary-100 : #eef2f3;
    --c-secondary-200 : #bcc1c4;
    --c-secondary-300 : #8c959e;
    --c-secondary     : #6c757d;
    --c-accent        : #8FB6C1;

    --c-success-o-15  : #0bb14526;
    --c-success-o-25  : #0bb14540;
    --c-success-o-5   : #0bb14580;
    --c-success-100   : #f0f8f1;
    --c-success-300   : #82be98;
    --c-success       : #0bb045;
    --c-success-500   : #00822d;
    --c-success-600   : #023f17;

    --c-success-light: #b0f5c8;

    --c-warning-o-075 : #f4a44313;
    --c-warning-o-15  : #f4a44326;
    --c-warning-o-25  : #f4a44340;
    --c-warning-o-5   : #f4a44380;
    --c-warning-100   : #fef8f1;
    --c-warning-300   : #f5bc77;
    --c-warning       : #f4a443;
    --c-warning-500   : #d07b14;
    --c-warning-600   : #673b05;


    --c-danger-o-075 : #eb7f9513;
    --c-danger-o-15  : #eb7f9526;
    --c-danger-o-25  : #eb7f9540;
    --c-danger-o-5   : #eb7f9580;
    --c-danger-100   : #fcecef;
    --c-danger-300   : #ee998e;
    --c-danger       : #eb6c5c;
    --c-danger-500   : #e0513e;
    --c-danger-600   : #891c0e;

    --c-danger-light: var(--c-danger-100);

    --c-sup-low-l : var(--c-success-o-15);
    --c-sup-low-m : var(--c-success-o-5);
    --c-sup-low   : var(--c-success);
    --c-sup-low-d : var(--c-success-500);
    
    --c-low-l : #aec31126;
    --c-low-m : #aec31180;
    --c-low   : #aec311;
    --c-low-d : #7f9002;

    --c-moderate-l : #ebcb6126;
    --c-moderate-m : #ebcb6180;
    --c-moderate   : #ebcb61;
    --c-moderate-d : #c49c1b;

    --c-high-l : var(--c-warning-o-15);
    --c-high-m : var(--c-warning-o-5);
    --c-high   : var(--c-warning);
    --c-high-d : var(--c-warning-500);

    --c-sup-high-l : var(--c-danger-o-15);
    --c-sup-high-m : var(--c-danger-o-5);
    --c-sup-high   : var(--c-danger);
    --c-sup-high-d : var(--c-danger-500);

    --c-select-tree-item-bkg        : var(--c-primary-200-t);
    --c-select-tree-item-finished   : var(--c-success-o-15);
    
    /* ---------- TIPOGRAFIA ---------- */

    --ff-main : "Ubuntu Regular", sans-serif;
    --ff-bold : "Ubuntu Bold", sans-serif;
    --fs-400  : 0.95rem;

    /* ---------- OTROS ---------- */

    --header-height     : 66px;
    --header-open-width : 300px;
    --nav-width         : var(--header-open-width);

    --br-main  : .5rem;
    --br-small : .25rem;

    --border-main : 1.5px solid var(--c-primary-250);
    --shadow : 0px 0px 20px 0px rgba(19, 34, 38, 0.1);
    --shadow-main : 0px 0px 20px 0px rgba(19, 34, 38, 0.025);
    --shadow-soft : 0px 0px 10px 0px rgba(19, 34, 38, 0.05);

    --button-size       : 1.85rem;
    --button-size-small : 1.5rem;

    /* --input-height : var(--input-height); */
    --input-height : 38px;
}

@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}
.evaluation-report-config{padding: 2rem 1rem 2rem 2rem}

@media screen and (max-width: 700px){
    body, .body{padding: 1rem 5%}
    .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}
body.inline{padding: 0 5px}
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-family: var(--ff-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-family: var(--ff-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   ,
.explorations__grouped       + .header-section-base   ,
.exploration_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-family: var(--ff-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-primary-400);
    background-color: var(--c-primary-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-primary-400);background-color: var(--c-primary-bkg);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{color: var(--c-primary-300)}
.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-primary-100)}
.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: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-family: var(--ff-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-family: var(--ff-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: var(--shadow-soft);

            box-shadow: var(--shadow-soft);
    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;
}

.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-family: var(--ff-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: 1.5px solid var(--c-primary-250);
    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-primary-400);
    background-color: var(--c-primary-200-t);
}

.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-primary-400));
    background-color: var(--bkg-tab-button, var(--c-primary-200-t));
    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;
}

.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;
}

.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-family: var(--ff-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__title i{
    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{
    -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);
  }

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

   .modal__container{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(57, 121, 148, 0.25);
    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;
}

.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-family: var(--ff-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-family: var(--ff-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__accent{
        padding: 1rem;
        background-color: var(--c-primary-bkg);
        border: var(--border-main);
        border-radius: var(--br-small);
   }

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

   .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: ' *';
}

/* ------------------------------ 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-family: var(--ff-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-family: var(--ff-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-family: var(--ff-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-family: var(--ff-bold);
}

.jstree #clinic_history .jstree-anchor{
    color: var(--c-primary-400);
}

/* .jstree .jstree-node:not(.jstree-leaf){
    font-family: var(--ff-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-primary-400));
}

.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: var(--c-select-tree-item-bkg);
    /* color: var(--c-primary-400); */
    border-radius: var(--br-small);
}

.jstree.jstree-default .jstree-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__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-primary-400);
    background-color: var(--c-primary-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{
    color: var(--c-primary-300);
}

.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-family: var(--ff-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"]{
    display: 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-family: var(--ff-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-primary-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"]: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;
}

.risks-wrapper .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-family: var(--ff-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-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);
    border-color: var(--c-primary-300);
}

.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-family: var(--ff-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-primary-400);
    background-color: var(--c-primary-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{
    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-primary-050);
    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-100);
  }

  .dashboard__a i{

    width: 1.75em;
    height: 1.75em;

    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: 2rem;
    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-400);
}

.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: 1.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;
}

.explorations{
    padding-bottom: 2rem;
}

.explorations label{
    padding-top: 0;
    line-height: 1.3;
}

.explorations__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);
}

.explorations__group-ul .explorations__li{
    margin: 0 0.15rem 0.4rem;
}

.explorations__wrapper{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0.25rem 0.5rem 0.5rem;
}

.explorations__header{
    margin: 0;
    padding: 0 0 .25rem .25rem;
    margin-bottom: .4rem;
    border-bottom: var(--border-main);
    color: var(--c-primary-700);
    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;
}

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

.explorations__title i{
    vertical-align: text-bottom;
    margin-right: .25em;
}

.explorations__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;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.explorations__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;
}

.explorations__header-buttons .checkbox-styled, .vaccination__header-buttons .checkbox-styled {
    width: 1rem;
    height: 1rem;
}

.explorations__header-buttons span + .input-label{
    border-left: var(--border-main);
}

.explorations__header-button{
    font-size: 1em;
    text-transform: uppercase;
    font-family: var(--ff-bold);
    vertical-align: text-bottom;
    color: white;

    border: none;
    border-radius: var(--br-small);
    background-color: var(--c-primary-400);
    
    width: 1.75em;
    height: 1.75em;
    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;
}

.explorations__header-button i{
    margin-bottom: -2px;
}

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

.explorations__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;
}

.explorations__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%;
}

.explorations__li-body .select2.select2-container{
    min-width: 150px;
}

.explorations__li-data{
    -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: end;
        -ms-flex-align: end;
            align-items: flex-end;

    position: relative;

    -ms-flex-preferred-size: 25%;

        flex-basis: 25%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    min-width: min(var(--input-size, 125px), 100%);
}

.exploration_set .explorations__li-data{
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
}

.explorations__li-data::before, .explorations__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}
}

.explorations__li-data.highlight-change::before{
    -webkit-animation: anime 2s ease-out 1;
            animation: anime 2s ease-out 1;
}

.explorations__li-data.highlight-change::after{
    -webkit-animation: anime 2s ease-out 1s 1;
            animation: anime 2s ease-out 1s 1;
}

.explorations__li-data > *{
    position: relative;
    z-index: 1;
}

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

.explorations__li-button-container{
    position: relative;
}

.multiple .explorations__li-button-container{
    -ms-flex-item-align: start;
        align-self: flex-start;
}

.exploration-menu{
    width: 1.5rem;
    height: var(--input-height);
    border-radius: var(--br-small);
    font-size: 1.1rem;
}

.exploration-menu.open{
    color: white;
    border-color: var(--c-primary-400);
    background-color: var(--c-primary-400);
}

.explorations__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 .explorations__li-menu{
    right: 2.7rem;
    bottom: -1px;
}

.explorations__li-menu button{
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
    margin-left: 0.25rem;
    border-radius: var(--br-small);
}

.explorations__li-menu.closed button:not(.commented){
    display: none;
}

.explorations__li-menu button.commented{
    color: var(--c-moderate-d);
    background-color: var(--c-moderate-l);
    border-color: var(--c-moderate);
}

.explorations__li-buttons, .answer-somatometry__li-buttons{
    height: 100%;
    -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;
}

.explorations__li-buttons button, .answer-somatometry__li-buttons button{
    margin-left: 0;
}

.explorations__li-buttons button + button{
    margin-top: .5rem;
}

.explorations__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;
}

.explorations label{
    font-size: .8rem;
    text-transform: initial;
}

.explorations .ul-section-base.open:not(.explorations__group-ul){
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.explorations__group-ul.open{
    margin: 0;
}

.explorations .title-section-base{
    color: var(--c-primary-500);
}

.explorations .select2.select2-container--default .select2-selection--single .select2-selection__rendered, .explorations .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);
}

.explorations .select2.select2-container--default .select2-selection--single, .explorations .select2.select2-container .select2-selection--single{
    min-height: 39px;
    font-size: .9rem;
}

.explorations .header-section-base, .explorations > .explorations__header{
    padding: 0 0 .25rem .5rem;
}

.explorations > .ul-section-base + .explorations__header{
    margin-top: .5rem;
}

.explorations__ul-title{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    
    text-align: center;
    text-transform: uppercase;
    font-family: var(--ff-bold);
    color: var(--c-primary-700);
    border-bottom: var(--border-main);
    margin: .25rem .25rem .5rem;
}

table.explorations__table{
    padding: 0;
}

.explorations__table-empty{
    margin: 0 auto; 
    width: 100%;
}

.explorations__table-empty .button-section-base{
    margin: 0; 
    width: 100%;
    height: var(--input-height);
}

table.explorations__table thead>tr>th{
    text-align: center;
    min-width: 300px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

table.explorations__table thead>tr>th.exploration__table-input-column{
    text-align: center;
}

.exploration__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.explorations__table thead>tr>th.exploration__table-button-column{
    min-width: 0;
    width: calc(var(--input-height) + .5rem * 2);
}

table.explorations__table tbody>tr>td{
    padding: .5rem 1rem .75rem;
    border-left: var(--border-main);
}

table.explorations__table thead>tr>th:first-child{
    min-width: 125px;
}

table.explorations__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.explorations__table tbody>tr:nth-child(even) td:first-child{
    background-color: var(--c-primary-bkg);
}

table.explorations__table tbody>tr>td:nth-child(2){
    border-left: 0;
}

table.explorations__table tbody>tr>td:last-child{
    padding-right: 1rem;
}

table.explorations__table tbody tr:last-child td:first-child{
    border-radius: 0 0 0 var(--br-main);
}

table.explorations__table tbody tr:last-child td:last-child{
    border-radius: 0 0 var(--br-main) 0;
}

table.explorations__table tbody>tr>td.explorations__table-buttons{
    padding: 1.5rem .5rem .75rem;
    position: sticky;
    right: 0;
    border-left: var(--border-main);
    background: white;
    z-index: 2;
}

table.explorations__table tbody>tr:nth-child(even) td.explorations__table-buttons{
    background-color: var(--c-primary-bkg);
}

.explorations__table-buttons .button-section-base{
    width: var(--input-height);
    height: var(--input-height);
    margin: 0;
}

table.explorations__table tbody>tr>td.no-symmetry + .explorations__table-buttons, table.explorations__table tbody>tr>td.no-symmetry{
    padding: .5rem;
}

.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);
}

.explorations__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;
}

.explorations__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;
    height: var(--input-height);

    font-size: 1rem;
    opacity: 0;
    width: 0;

    transition: opacity .3s ease, width .3s ease;
}

.altered .explorations__altered{
    opacity: 1;
    width: 1.5rem;
}

.explorations .select2.select2-container--default .select2-selection--single, .explorations .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{
    border-radius: 0 var(--br-small) var(--br-small) 0!important;
    border-left: none;
}

.explorations__grouped{
    display: block;
    padding: 0.5rem;
}

.explorations__grouped > .explorations__header{
    margin: 0 0 .4rem .25rem;
}

.explorations__group-ul .explorations__header{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
}

.explorations__group-ul .explorations__title{
    margin-top: .35rem;
}

.explorations__group-ul .explorations__subtitle{
    margin-right: auto;
}

table + .explorations__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 .explorations__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) .explorations__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;
}

.explorations__header-button.chevron{
    color: var(--c-primary-400);
    background-color: var(--c-primary-bkg);
    border: var(--border-main);
}

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

.explorations__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);
}

.explorations__header-button.remove{
    color: var(--c-primary-400);
    background-color: var(--c-primary-bkg);
    border: var(--border-main);
}

.explorations__header-button.remove:hover{
    color: var(--c-danger);
    background-color: var(--c-danger-o-15);
    border-color: var(--c-danger-o-5);
}

table .explorations__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);
}

.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-050);
    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: 1.5rem;
}

.dialog__icon{
    font-size: 5rem;
    width: 8rem;
    height: 8rem;
    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-family: var(--ff-bold);
    font-size: 1.25rem;
    text-align: inherit;
    line-height: 1.2;
    color: var(--c-primary-400);
}

.dialog__subtitle{
    text-align: inherit;
}

.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);
}

#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-family: var(--ff-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{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.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-family: var(--ff-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-family: var(--ff-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-family: var(--ff-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-family: var(--ff-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-family: var(--ff-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{
    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;
}

.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-family: var(--ff-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{
    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-primary-250));

    -ms-grid-row-align: stretch;
        align-self: stretch;

    display: -ms-grid;

    display: grid;
    place-items: center;

    font-size: 1.5rem;
    margin-right: 1.25rem;
}

.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-family: var(--ff-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-family: var(--ff-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-family: var(--ff-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-family: var(--ff-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;
}

@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.5rem;
        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;
        height: calc(var(--with-tree-button-size) + 2px);
    }

    .with-tree__wrapper{
        height: auto;
    }

    .with-tree__tree{
        margin: 0;
        margin-top: calc(var(--with-tree-button-size) + 2px)!important;
        border-radius: 0 0 var(--br-main) var(--br-main);
        padding: 1rem;
        margin-left: .5%;
    }

    .tapiz__tree .with-tree__tree{
        margin-top: calc(var(--with-tree-button-size) + 1px)!important;
    }

    .with-tree__hide{
        top: auto;
        left: -1px;
        right: -1px;
        bottom: 100.25%;

        width: auto;
        height: var(--with-tree-button-size);

        border: var(--border-main);
        border-bottom-color: transparent;
        border-radius: var(--br-small) var(--br-small) 0 0;
    }

    .hidden .with-tree__hide{
        border-bottom: 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;
    }
}

@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 .explorations__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);
    }
    
    .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;
    }

    .explorations{
        padding-top: 1rem;
    }
    
    .explorations__header{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding-left: 0;
        margin-left: 0;
        padding-bottom: 0.4rem;
    }

    .explorations__title{
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        text-align: center;
    }

    .explorations__header-buttons{
        width: 100%;
        border-top: var(--border-main);
        padding-top: 0.4rem;
    }

    .explorations__header-buttons .input-label{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .explorations__header-buttons span + .input-label{
        border: none;
        margin-left: 0;
    }

    .explorations__group-ul .explorations__header-buttons{
        border-top: none;
    }

    .explorations__header-buttons > *{
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        text-align: center;
    }

    .explorations__header-buttons > .explorations__subtitle + .explorations__header-button{
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
    }

    .explorations .header-section-base .button-section-base{
        margin-top: .25rem;
        height: 1.75rem;
        width: 1.75rem;
    }

    .explorations__li-buttons .button-section-base:first-child, .explorations__li-button-container .button-section-base{
        margin-top: 0;
    }

    .explorations .header-section-base, .explorations > .explorations__header{
        padding-left: 0;
    }

    .explorations .form-check-label{
        margin-bottom: .5rem;
    }

    table.explorations__table{
        table-layout:fixed;
    }

    table.explorations__table thead>tr>th:first-child{
        min-width: 0;
        width: 7px;
    }

    table.explorations__table thead>tr>.exploration__table-input-column{
        width: calc(100vw - 2rem - 40px); /* 4rem en vez de 2rem para que se vea que hay algo al lado o...?*/
        width: calc(100vw - 5rem - 40px);
    }

    table.explorations__table tbody>tr>td: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.explorations__table thead>tr>th.exploration__table-button-column{
        width: calc(1.65rem + .5rem* 2);
    }

    .explorations__table-buttons .button-section-base{
        width: 1.5rem;
    }

    table.explorations__table tbody tr:last-child td:first-child{
        border-radius: 0;
        border-bottom-color: var(--c-primary-050);
    }

    .explorations .ul-section-base.open:not(.explorations__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, .explorations-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-explorations{
        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-family: var(--ff-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;
    }
}