#panelsStayOpen-collapseOne::-webkit-scrollbar-thumb {
    background-color: var(--alternate);
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
}

#panelsStayOpen-collapseOne::-webkit-scrollbar {
    width: 16px;
}

#panelsStayOpen-collapseOne {
    height: 100%;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--falcon-alert-dark-background);
    overflow:auto
}
#panelsStayOpen-collapseTwo::-webkit-scrollbar-thumb {
    background-color: var(--alternate);
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
}

#panelsStayOpen-collapseTwo::-webkit-scrollbar {
    width: 16px;
}

#panelsStayOpen-collapseTwo {
    height: 100%;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--falcon-alert-dark-background);
    overflow:auto
}


#accordion2 {
    height: 100%;
}

.accordion-group {
    margin-bottom: 0;
    border: none;
    background-color: salmon;
    border-radius: 0;
}

.accordion-inner {
    padding: 0;
    margin: 0;
    border: none;
    background-color: steelblue;
}

.no-transition {
    -webkit-transition: height 0.001s;
    -moz-transition: height 0.001s;
    -ms-transition: height 0.001s;
    -o-transition: height 0.001s;
    transition: height 0.001s;
}





.zoom_100 {
    width:100%;
    margin:0 auto
}
.zoom_75 {
    width: 75%;
    margin: 0 auto
}
.zoom_50 {
    width: 50%;
    margin: 0 auto
}
.zoom_25 {
    width: 25%;
    margin: 0 auto
}

.myboxsmall:hover {
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    cursor: pointer;
    color: var(--primary)
}
.filename {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.cercaStrClass {
    background: rgba(0, 0, 0, 0.03);
    
    padding: 8px;
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
    .cercaStrClass.selected {
        background-color: rgba(var(--primary-rgb), 0.3);
        
    }
.mybox {
    position: relative;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    background: rgba(0, 0, 0, 0.03);
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    border-radius: 3px;
}
    .mybox:hover {
       
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
        cursor:pointer
    }
    .mybox.selected {
        background-color: rgba(var(--primary-rgb), 0.3);
    }

#canvas_container {
    --ruler-num-c: #888;
    --ruler-num-fz: 10px;
    --ruler-num-pi: 0.75ch;
    --ruler-unit: 1px;
    --ruler-x: 1;
    --ruler-y: 1;
    --ruler1-bdw: 1px;
    --ruler1-c: #BBB;
    --ruler1-h: 8px;
    --ruler1-space: 5;
    --ruler2-bdw: 1px;
    --ruler2-c: #BBB;
    --ruler2-h: 20px;
    --ruler2-space: 50;
    background-attachment: fixed;
    background-image: linear-gradient(90deg, var(--ruler1-c) 0 var(--ruler1-bdw), transparent 0), linear-gradient(90deg, var(--ruler2-c) 0 var(--ruler2-bdw), transparent 0), linear-gradient(0deg, var(--ruler1-c) 0 var(--ruler1-bdw), transparent 0), linear-gradient(0deg, var(--ruler2-c) 0 var(--ruler2-bdw), transparent 0);
    background-position: 0 0;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: calc(var(--ruler-unit) * var(--ruler1-space) * var(--ruler-x)) var(--ruler1-h), calc(var(--ruler-unit) * var(--ruler2-space) * var(--ruler-x)) var(--ruler2-h), var(--ruler1-h) calc(var(--ruler-unit) * var(--ruler1-space) * var(--ruler-y)), var(--ruler2-h) calc(var(--ruler-unit) * var(--ruler2-space) * var(--ruler-y));
}

/* Ruler Numbers */
.ruler-x,
.ruler-y {
    color: var(--ruler-num-c);
    counter-reset: d 0;
    display: flex;
    font-size: var(--ruler-num-fz);
    line-height: 1;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.ruler-x {
    height: var(--ruler2-h);
    inset-block-start: 0;
    inset-inline-start: calc(var(--ruler-unit) * var(--ruler2-space));
    opacity: var(--ruler-x);
    width: 100%;
}

.ruler-y {
    flex-direction: column;
    height: 100%;
    inset-block-start: calc(var(--ruler-unit) * var(--ruler2-space));
    inset-inline-start: 0;
    opacity: var(--ruler-y);
    width: var(--ruler2-h);
}

.ruler-x li {
    align-self: flex-end;
}

.ruler-x li,
.ruler-y li {
    counter-increment: d var(--ruler2-space);
    flex: 0 0 calc(var(--ruler-unit) * var(--ruler2-space));
}

    .ruler-x li::after {
        content: counter(d)"";
        line-height: 1;
        padding-inline-start: var(--ruler-num-pi);
    }

    .ruler-y li::after {
        content: counter(d)"";
        display: block;
        padding-inline-end: var(--ruler-num-pi);
        transform: rotate(-90deg) translateY(-13px);
        transform-origin: 100% 0%;
        text-align: end;
        width: 100%;
    }

/* DEMO, EDITOR */
* {
    box-sizing: border-box;
}

#canvas_container {
    font-family: ui-sans-serif, system-ui, sans-serif;
    /*min-height: 100vh;*/
    margin: 0;
    padding-block: calc(2rem + max(var(--ruler1-h), var(--ruler2-h)));
}


/* This file is reserved for overriding and extending the template styles. */
.myMenu:hover {
    width: 210px !important;
    padding-left: 30px !important;
}
.menuDown {
    height: 150px !important;
}
.container {
    border: 0 !important;
    padding-bottom: 40px;
}
.navbar-toggler {
display:none !important;
}
.ef-ruler .corner {
    top: 0 !important;
    left: 0 !important;
   
}
.ef-ruler{
    /*display: contents;*/
}
.dragandrophandler {
    border: 2px dotted #0B85A1;
    color: #92AAB0;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    font-size: 200%;
}
#dragandrophandler {
    border: 2px dotted #0B85A1;
    color: #92AAB0;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    font-size: 200%;
}
#dragandrophandler2 {
    border: 2px dotted #0B85A1;
    color: #92AAB0;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    font-size: 200%;
}

.progressBar {
    background-color: var(--light);
    height: 14px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

    .progressBar div div {
        height: 100%;
        color: #fff;
        line-height: 13px;
        font-size: 12px;
        text-align: center;
        background-color: var(--bs-teal);
        border-radius: 3px;
    }

.statusbar {
    margin-top:3px;
    background-color:white;
    
    min-height: 25px;
    
    vertical-align: top;
}

    .statusbar:nth-child(odd) {
        background: #EBEFF0;
    }
    .statusbar:last-child {
        
    }

.filename {
    display: inline-block;
    vertical-align: top;
}

.filesize {
    display: inline-block;
    vertical-align: top;
    color: #30693D;
    text-align: center
}

.abort {
   /* background-color: #A8352F;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    cursor: pointer;
    vertical-align: top;
    width: 100%;*/
    text-align: center ;
    width: 100%;
    line-height: 9px;
}
.dropdown-menu-end:after {

display:none
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 1000;
    width: 100%;
    color: black;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    /*border-bottom: 1px solid #d4d4d4;*/
}

.myautocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 1000;
    width: 100%;    
    color: black;
}

.myautocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    /*border-bottom: 1px solid #d4d4d4;*/
}
.menulabBoot {

    display:inline-block
}
/*
    .myautocomplete-items div:hover {
        background-color: #e9e9e9;
    }*/
#select2-comuneSelect-container {
    padding-top: 19px !important;
}
.select2-selection {
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--separator) !important;
    background-color: transparent;
}
.inputError {
    border-bottom: 1px solid;
    border-bottom-color: red !important;
}
.myDisabled {
    background: rgba(var(--separator-rgb), 1) !important;
}
.clearfix {
    padding:10px;
    border-radius:5px;
}
.autoElem {
    
    cursor:pointer;
    padding:10px
}
.autoElem:hover {
    background-color: #F2F2F2;
    
}
.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%,0)scale(1);
    transform: translate(100%,0)scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
}

    .modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
        overflow-y: auto;
        overflow-x: hidden;
    }

.modal-dialog-slideout .modal-content {
    border: 0;
}


    .modal-dialog-slideout .modal-header h5 {
        float: left;
    }