/* Module Custom Styles */

/*Test Marco modifica CSS*/
.bg-transparent {
    background-color: #e3e3e3 !important;
}



.colorPreview {
    height: 27px;
    width: 50px;
    border-width: 2px;
    border-style: solid;
    border-color: white;
    padding: 2px;
    outline: 2px solid black;
}
.DragDrop{
    cursor:move;
}
.Indenter {
    left: calc(var(--step, 1) * 50px);
    position:relative;
}
.CursorMove{
    cursor:move;
}
.TemplateArea {
    font-family:'Cascadia Mono','Trebuchet MS', sans-serif;
    font-size:14px;
    width:100%;
}
.border-transparent {
    border-color: transparent !important;
}
    .callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .30rem;
    border-radius: .25rem;
}
.callout-primary {
    border-left-color: var(--bs-primary) !important;
}
.callout-secondary {
    border-left-color: var(--bs-secondary) !important;
}
.callout-success {
    border-left-color: var(--bs-success) !important;
}
.callout-info {
    border-left-color: var(--bs-info) !important;
}
.callout-warning {
    border-left-color: var(--bs-warning) !important;
}
.callout-danger {
    border-left-color: var(--bs-danger) !important;
}
.callout-light {
    border-left-color: var(--bs-light) !important;
}
.callout-dark {
    border-left-color: var(--bs-dark) !important;
}
.callout-white {
    border-left-color: var(--bs-white) !important;
}
.callout-blue {
    border-left-color: var(--bs-blue) !important;
}
.callout-indigo {
    border-left-color: var(--bs-indigo) !important;
}
.callout-purple {
    border-left-color: var(--bs-purple) !important;
}
.callout-pink {
    border-left-color: var(--bs-pink) !important;
}
.callout-red {
    border-left-color: var(--bs-red) !important;
}
.callout-orange {
    border-left-color: var(--bs-orange) !important;
}
.callout-yellow {
    border-left-color: var(--bs-yellow) !important;
}
.callout-green {
    border-left-color: var(--bs-green) !important;
}
.callout-teal {
    border-left-color: var(--bs-teal) !important;
}
.callout-cyan {
    border-left-color: var(--bs-cyan) !important;
}

/*background-color*/
.bg-blue {
    background-color: var(--bs-blue) !important;
}
.bg-indigo {
    background-color: var(--bs-indigo) !important;
}
.bg-purple {
    background-color: var(--bs-purple) !important;
}
.bg-pink {
    background-color: var(--bs-pink) !important;
}
.bg-red {
    background-color: var(--bs-red) !important;
}
.bg-orange {
    background-color: var(--bs-orange) !important;
}
.bg-yellow {
    background-color: var(--bs-yellow) !important;
}
.bg-green {
    background-color: var(--bs-green) !important;
}
.bg-teal {
    background-color: var(--bs-teal) !important;
}
.bg-cyan {
    background-color: var(--bs-cyan) !important;
}

/*Text-color*/
.text-blue {
    color: var(--bs-blue) !important;
}

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

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

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

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

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

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

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

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

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

/*Boarder-color*/
.border-blue {
    border-color: var(--bs-blue) !important;
}

.border-indigo {
    border-color: var(--bs-indigo) !important;
}

.border-purple {
    border-color: var(--bs-purple) !important;
}

.border-pink {
    border-color: var(--bs-pink) !important;
}

.border-red {
    border-color: var(--bs-red) !important;
}

.border-orange {
    border-color: var(--bs-orange) !important;
}

.border-yellow {
    border-color: var(--bs-yellow) !important;
}

.border-green {
    border-color: var(--bs-green) !important;
}

.border-teal {
    border-color: var(--bs-teal) !important;
}

.border-cyan {
    border-color: var(--bs-cyan) !important;
}

/* Scrollbars*/
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 3px;
    background-color: transparent;
}

.scrollbar::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #F5F5F5;
}