/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.jumbotron {
    background-image: url('/images/ECAttachService.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}


.home-title {
    font-weight: bold;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}


html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.footer {
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}

/*---------------------eticasa style------------------*/
/*variabili pantone eticasa*/
:root {
    --eticasa-dark-green: #00748B;
    --eticasa-light-green: #0097A6;
    --eticasa-black: #272B26;
    --eticasa-yellow: #FFD618;
    --eticasa-white: #FFF;
    --eticasa-dark-gray: #dee2e6;
    --eticasa-medium-gray: #e9ecef;
    --eticasa-light-gray: #f8f9fa;
    --eticasa-light-blue: #ADD8E6;
    --eticasa-light-red: #FF7F7F;
    --ec-agenda-color-event: #0d6efd;
    --ec-agenda-color-visit: #6f42c1;
    --ec-agenda-color-appointment: #00748B;
    --ec-agenda-color-photo: #FFD618;
    --ec-agenda-color-private: #dee2e6;
    --eticasa-blue: #2196F3;
    --eticasa-flash-white: #F5F5F5;
    --eticasa-magenta: #B90076;
}


/*body*/
body {
    font-family: 'Lato';
    color: var(--eticasa-black);
    background-color: var(--eticasa-light-gray);
}

/*anchors*/
a {
    /*color: #0366d6;*/
    color: var(--eticasa-dark-green)
}

    a:hover {
        color: var(--eticasa-dark-green)
    }


/*  validation */

.field-validation-error {
    color: red;
}

.validation-summary-errors ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

.validation-summary-errors li {
    color: darkred;
    border-left: 3px solid red;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: rgba(255, 0, 0, 0.05);
    margin-bottom: 2px;
}

/*comandi*/
.btn-ec-primary {
    color: var(--eticasa-white);
    background-color: var(--eticasa-dark-green);
    border-color: var(--eticasa-dark-green);
}

    .btn-ec-primary:hover {
        color: var(--eticasa-white);
        background-color: var(--eticasa-light-green);
        border-color: var(--eticasa-light-green);
    }

.btn-ec-outline-primary {
    color: var(--eticasa-dark-green);
    background-color: var(--eticasa-white);
    border-color: var(--eticasa-dark-green);
}

    .btn-ec-outline-primary:hover {
        color: var(--eticasa-white);
        background-color: var(--eticasa-dark-green);
        border-color: var(--eticasa-dark-green);
    }


.btn-ec-outline-success {
    color: var(--eticasa-yellow);
    background-color: var(--eticasa-white);
    border-color: var(--eticasa-yellow);
}

    .btn-ec-outline-success:hover {
        color: var(--eticasa-black);
        background-color: var(--eticasa-yellow);
        border-color: var(--eticasa-yellow);
    }

.btn-ec-success {
    color: var(--eticasa-black);
    background-color: var(--eticasa-yellow);
    border-color: var(--eticasa-yellow);
}

    .btn-ec-success:hover {
        color: var(--eticasa-white);
        background-color: var(--eticasa-yellow);
        border-color: var(--eticasa-yellow);
    }

.btn-ec-secondary {
    color: var(--eticasa-black);
    background-color: var(--eticasa-dark-gray);
    border-color: var(--eticasa-dark-gray);
}

    .btn-ec-secondary:hover {
        color: var(--eticasa-black);
        background-color: var(--eticasa-medium-gray);
        border-color: var(--eticasa-medium-gray);
    }

.btn-ec-outline-secondary {
    color: var(--eticasa-black);
    background-color: var(--eticasa-white);
    border-color: var(--eticasa-dark-gray);
}

    .btn-ec-outline-secondary:hover {
        color: var(--eticasa-white);
        background-color: var(--eticasa-dark-gray);
        border-color: var(--eticasa-dark-gray);
    }

.btn-ec-white {
    color: var(--eticasa-dark-gray);
    background-color: var(--eticasa-white);
    border-color: var(--eticasa-dark-gray);
}

    .btn-ec-white:hover {
        color: var(--eticasa-dark-gray);
        background-color: var(--eticasa-light-gray);
        border-color: var(--eticasa-dark-gray);
    }


/*page item*/

.ec-page-item.page-item.active .page-link {
    color: var(--eticasa-white);
    background-color: var(--eticasa-light-green);
    border-color: var(--eticasa-light-green);
}

.ec-page-item.page-item .page-link {
    color: var(--eticasa-light-green);
    background-color: var(--eticasa-white);
    border-color: var(--eticasa-light-green);
}

/*navbar*/
.ec-navbar {
    /*background-color: var(--eticasa-dark-green);*/
    background-image: linear-gradient(90deg, var(--eticasa-dark-green), var(--eticasa-light-green));
}

.ec-navbar-toggler.navbar-toggler {
    border-color: var(--eticasa-white);
}


.ec-badge-sysadm {
    background-color: red;
    color: var(--eticasa-white);
    z-index: 1;
}

.ec-badge-amm {
    background-color: var(--eticasa-yellow);
    color: var(--eticasa-black);
    z-index: 1;
}


.ec-badge-agente {
    background-color: var(--eticasa-dark-green);
    color: var(--eticasa-black);
    z-index: 1;
}


.ec-badge-utente {
    background-color: var(--eticasa-light-green);
    color: var(--eticasa-black);
    z-index: 1;
}


/*sidebar*/
.ec-sidebar {
    background-color: var(--eticasa-black);
}

.ec-sidebar-item {
    color: var(--eticasa-light-green);
    font-weight: bold;
}

    .ec-sidebar-item:hover {
        color: var(--eticasa-white);
        font-weight: bold;
    }

    .ec-sidebar-item:focus {
        color: var(--eticasa-white);
        font-weight: bold;
    }

.ec-sidebar-subitem {
    color: var(--eticasa-light-green);
    font-weight: bold;
}

    .ec-sidebar-subitem:hover {
        color: var(--eticasa-white);
        font-weight: bold;
    }

#to-show {
    display: none;
}

#to-hover:hover > #to-show {
    display: block;
}

/*breadcrumb*/
.ec-breadcrumb {
    background-color: transparent;
}

.ec-share-navbar-item {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    border: solid;
    border-width: 1px;
}


.ec-share-navbar {
}




/*container for the entire body*/
.ec-body-container {
}

.ec-main {
    background-color: var(--eticasa-light-gray);
}

/*classes for list pages*/
.ec-list-header {
    /*border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-dark-gray);

    background-color: var(--eticasa-light-gray);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        */
}

.ec-list-body {
    border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-dark-gray);
    background-color: var(--eticasa-white);
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

/*classes for grid area in list pages*/
.ec-grid-col-header {
    background-color: var(--eticasa-white);
    border: solid 1px;
    border-radius: 3px;
    border-color: var(--eticasa-light-gray);
}


/*classes for detail pages*/
.ec-detail-nav {
    height: 48px;
}


.ec-detail-sidebar {
    background-color: var(--eticasa-medium-gray);
}



.ec-detail-sidebar-item {
    color: var(--eticasa-black);
}

    .ec-detail-sidebar-item:hover {
        color: var(--eticasa-white);
    }

    .ec-detail-sidebar-item:focus {
        color: var(--eticasa-white);
    }

.ec-detail-label {
    font-weight: bold;
}


.border-light {
    border-bottom: .15em solid white;
}

.border-danger {
    border-bottom: .15em solid red;
}


.ec-detail-header {
}

.text-background {
    background-color: var(--eticasa-white);
    color: var(--eticasa-black);
    display: inline-block;
    padding: .25rem 1rem;
    color: var(--eticasa-black);
    border-radius: .5rem;
}

.ec-detail-section {
    border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-dark-gray);
    background-color: var(--eticasa-white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 0 0 1rem 0;
}


.ec-group-header {
    border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-dark-gray);
    background-color: var(--eticasa-light-gray);
    color: var(--eticasa-dark-green);
    padding-bottom: 10px;
}

.ec-detail-section-header {
    color: var(--eticasa-white);
    display: inline-block;
    background-color: var(--eticasa-dark-green);
    padding: .5rem 5rem;
    border-radius: .25rem;
}

.row-odd {
    background-color: var(--eticasa-white);
    padding: .5rem 0 0 .5rem;
}

.row-even {
    background-color: var(--eticasa-flash-white);
    padding: .5rem 0 0 .5rem;
}

.boxed-pill {
    padding: .25rem 5px;
    font-size: 1em;
}

.ec-detail-section-body {
    /*border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-dark-gray);*/
    background-color: var(--eticasa-white);
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

.ec-dropzone-container {
    border: dashed;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-dark-gray);
    background-color: var(--eticasa-white);
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

    .ec-dropzone-container:hover {
        border: solid;
        border-width: 1px;
        border-radius: .25rem;
        border-color: var(--eticasa-dark-gray);
        background-color: var(--eticasa-light-gray);
        /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    }

.ec-attachment-item {
    border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-dark-gray);
    background-color: var(--eticasa-white);
}

    .ec-attachment-item:hover {
        border: solid;
        border-width: 1px;
        border-radius: .25rem;
        border-color: var(--eticasa-dark-gray);
        background-color: var(--eticasa-light-gray);
        /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    }

.ec-attachment-title {
    font-weight: normal;
    font-size: 12px;
}

.ec-attachment-footer {
    font-weight: normal;
    font-size: 12px;
    color: var(--eticasa-dark-gray);
}


/*AUTOCOMPLETE*/
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

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

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}


/*carousel*/
.ec-carousel-control.carousel-control-prev,
.ec-carousel-control.carousel-control-next {
    opacity: 0.5;
}


.ec-number-size-badge {
    background-color: var(--eticasa-light-green);
}

.ec-number-size-badge-empty {
    background-color: var(--eticasa-dark-gray);
}

.ec-number-size-size {
    color: var(--eticasa-black);
}

.ec-poi-distance {
    color: var(--eticasa-black);
}

.ec-poi-distance-badge {
    background-color: var(--eticasa-light-gray);
    color: var(--eticasa-black);
}

.ec-poi-name-badge {
    background-color: var(--eticasa-light-green);
}

.ec-poi-count-badge {
    background-color: var(--eticasa-dark-gray);
    color: var(--eticasa-black);
}

.ec-media-title {
    color: var(--eticasa-dark-green);
    font-weight: bold;
}


.ec-low-percentage {
    background-color: var(--eticasa-yellow);
}

.ec-med-percentage {
    background-color: var(--eticasa-light-green);
}

.ec-hi-percentage {
    background-color: var(--eticasa-light-green);
}

.ec-empty-percentage {
    background-color: var(--eticasa-dark-gray);
}

/*AUTOCOMPLETE GOOGLE MAPS FIX*/
.pac-container {
    z-index: 1056;
}

.note-btn.dropdown-toggle:after {
    content: none;
}

.ec-small {
    font-weight: normal;
    font-size: 10px;
    color: var(--eticasa-black);
}

.ec-small-white {
    font-weight: normal;
    font-size: 10px;
    color: var(--eticasa-white);
}


.ec-small-bold {
    font-weight: bold;
    font-size: 10px;
    color: var(--eticasa-black);
}


.ec-small-bold-red {
    font-weight: bold;
    font-size: 10px;
    color: red;
    font-style: italic;
}

.ec-bold {
    font-weight: bold;
}

.ec-btn-link {
    color: var(--eticasa-dark-green);
}

.icon-red {
    color: red;
}

.icon-green {
    color: green;
}
.icon-yellow {
    color: yellow;
}
.icon-blue {
    color: blue;
}

.icon-black {
    color: var(--herobot-black);
}



/* sortable list */ 
.ec-sortable-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 1.5em;
    padding: 5px;
    min-height: 50px;
}

    .ec-sortable-list li {
        margin: 5px;
        padding: 5px;
        float: left;
    }

        .ec-sortable-list li.placeholder {
            border: 1px solid orange;
            background-color: #fffffd;
            margin: 10px;
            padding: 5px;
            min-height: 50px;
        }

.ec-sortable-item {
    cursor: move;
}

    .ec-sortable-item.ui-sortable-helper {
        opacity: 0.5;
    }


/* no sortable card list*/

.ec-card-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 1.5em;
    padding: 5px;
    min-height: 50px;
}

.ec-card-list li {
    margin: 5px;
    padding: 5px;
    float: left;
}

.ec-card-list li.placeholder {
    border: 1px solid orange;
    background-color: #fffffd;
    margin: 10px;
    padding: 5px;
    min-height: 50px;
}


/*error item*/
.ec-error-title {
    color: var(--eticasa-dark-green);
    font-weight: bold;
}

.ec-error-message {
    color: var(--eticasa-dark-green);
}



/*chart*/

.ec-chart-container {
    width: 50%;
    height: 50%;
    margin: auto;
}



/* borders*/

.ec-border-primary {
    border-color: var(--eticasa-dark-green);
    border-radius: 5%;
    border: thick;
    border-width: 1px;
}


/*backgrouds*/
.ec-bg-light-gray {
    color: var(--eticasa-black);
    background-color: var(--eticasa-light-gray);
}

.ec-bg-gray {
    color: var(--eticasa-black);
    background-color: var(--eticasa-medium-gray);
}

.ec-bg-dark-gray {
    background-color: var(--eticasa-dark-gray);
}

.ec-bg-yellow {
    color: var(--eticasa-black);
    background-color: var(--eticasa-yellow);
}

.ec-bg-blue {
    color: var(--eticasa-black);
    background-color: var(--eticasa-blue);
}


.ec-bg-light-green {
    color: var(--eticasa-black);
    background-color: var(--eticasa-light-green);
}

.ec-bg-light-blue {
    color: var(--eticasa-black);
    background-color: var(--eticasa-light-blue);
}

.ec-bg-light-red {
    color: var(--eticasa-black);
    background-color: var(--eticasa-light-red);
}


.ec-bg-magenta {
    color: var(--eticasa-white);
    background-color: var(--eticasa-magenta);
}


/*icon colors*/
.ec-yellow {
    color: var(--eticasa-yellow);
}

.ec-blue-icon {
    color: var(--eticasa-blue);
}

.ec-light-green-icon {
    color: var(--eticasa-light-green);
}

.ec-black-icon {
    color: var(--eticasa-black);
}


/*badge colors*/
.ec-green-badge {
    background-color: var(--eticasa-light-green);
}

.ec-darkgreen-badge {
    background-color: var(--eticasa-dark-green);
}

.ec-red-badge {
    background-color: red;
}

.ec-yellow-badge {
    background-color: var(--eticasa-yellow);
}

.ec-lightgray-badge {
    background-color: var(--eticasa-light-gray);
    color: var(--eticasa-black);
}

.ec-gray-badge {
    background-color: var(--eticasa-medium-gray);
    color: var(--eticasa-black);
}

.ec-small-icon {
    width: 12px;
    height: 12px;
}

.ec-activity-item {
    border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-dark-gray);
    background-color: var(--eticasa-white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.ec-activity-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

.ec-italic {
    font-style: italic;
}

.ec-clickable {
    cursor: pointer;
}



/*GOOGLE STYLES*/
.gsi-material-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: WHITE;
    background-image: none;
    border: 1px solid #747775;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    max-width: 400px;
    min-width: min-content;
}

    .gsi-material-button .gsi-material-button-icon {
        height: 20px;
        margin-right: 12px;
        min-width: 20px;
        width: 20px;
    }

    .gsi-material-button .gsi-material-button-content-wrapper {
        -webkit-align-items: center;
        align-items: center;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%;
        justify-content: space-between;
        position: relative;
        width: 100%;
    }

    .gsi-material-button .gsi-material-button-contents {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        font-family: 'Roboto', arial, sans-serif;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }

    .gsi-material-button .gsi-material-button-state {
        -webkit-transition: opacity .218s;
        transition: opacity .218s;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .gsi-material-button:disabled {
        cursor: default;
        background-color: #ffffff61;
        border-color: #1f1f1f1f;
    }

        .gsi-material-button:disabled .gsi-material-button-contents {
            opacity: 38%;
        }

        .gsi-material-button:disabled .gsi-material-button-icon {
            opacity: 38%;
        }

    .gsi-material-button:not(:disabled):active .gsi-material-button-state,
    .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
        background-color: #303030;
        opacity: 12%;
    }

    .gsi-material-button:not(:disabled):hover {
        -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
        box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    }

        .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
            background-color: #303030;
            opacity: 8%;
        }

/*~GOOGLE*/


/*CHAT*/
.chat {
    background: url(/img/bg.png) repeat;
    display: flex;
    flex-direction: column;
}

.chat-pad {
    padding: 50px;
}

.chat .message {
    display: inline-block;
    margin: 2px 0;
    border-radius: 5px;
    padding: 7px 50px 7px 10px;
    position: relative;
}

    .chat .message::after {
        content: attr(data-time);
        position: absolute;
        bottom: 2px;
        right: 6px;
        font-size: 11px;
    }

.chat .me {
    background-color: #dcf8c6;
    margin-left: auto;
}

.chat .them {
    background-color: #ffffff;
    margin-right: auto;
}

    .chat .them.tail::before,
    .chat .me.tail::before {
        content: "";
        background-color: transparent;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        position: absolute;
        top: 0;
        display: block;
    }

    .chat .them.tail::before {
        border-top-color: #ffffff;
        left: -10px;
    }

.chat .me.tail::before {
    border-top-color: #dcf8c6;
    right: -10px;
}


.ec-detail-value {
    padding: 0.375rem 0.75rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    min-height: 2.5em;
}


.ec-full-filter-result-section {
    display: none; /* Nasconde il div inizialmente */
    position: absolute;
    width: 100%; /* Stessa larghezza dell'input */
    z-index: 1000; /* Assicurati che sia sopra altri elementi */
    max-height: 200px; /* Imposta un'altezza massima e abilita lo scroll */
    overflow-y: auto;
}

.ec-full-filter-result-item {
}

.ec-full-filter-result-item:hover {
    background-color: #f1f1f1;
}

.separator-line {
    border-top: 1px solid #d3d3d3; /* Grigio chiaro */
    margin: 10px 0; /* Spaziatura sopra e sotto la linea */
}


.ec-responsive-text {
    font-size: clamp(0.6rem, 1.5vw, 1rem); /* Adatta la dimensione tra 0.6rem e 1rem */
    line-height: 1.2; /* Aggiusta l'altezza della linea per evitare spazi eccessivi */
    margin: 0; /* Rimuove i margini di default del <p> */
    white-space: normal; /* Permette di andare a capo se necessario */
}

.ec-clamp-text {
    overflow: hidden;
    text-overflow: ellipsis; /* Aggiunge i "..." se il testo è troppo lungo */
}


/* Larghezza per schermi piccoli */
img.responsive-img {
    width: 100%; /* Imposta larghezza a 400px */
}

/* Larghezza per schermi medi (da 768px in su) */
@media (min-width: 768px) {
    img.responsive-img {
        width: 100px; /* Imposta larghezza a 400px */
    }
}


body.wait-cursor {
    cursor: wait !important;
}


/* Colore sfondo quando disattivo */
.form-check-input {
    background-color: var(--eticasa-medium-gray); /* Cambia colore */
    border-color: var(--eticasa-dark-gray); /* Cambia il colore del bordo */
}

    /* Colore sfondo quando attivo */
    .form-check-input:checked {
        background-color: var(--eticasa-light-green); /* Cambia colore */
        border-color: var(--eticasa-light-green); /* Cambia il colore del bordo */
    }

    /* Per un effetto hover */
    .form-check-input:hover {
        background-color: #ddd;
    }

    /* Regola il colore della manopola */
    .form-check-input::before {
        background-color: #fff; /* Cambia colore della manopola */
    }


.ec-border-box {
    border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-dark-gray);
    background-color: var(--eticasa-white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.ec-kanban-title {
    border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-light-green);
}

.ec-kanban-total {
    background-color: var(--eticasa-light-green);
    color:#FFF;
    border-radius: .25rem;
}

.ec-kanban-item {
    border: solid;
    border-width: 1px;
    border-radius: .25rem;
    border-color: var(--eticasa-light-green);
}


.ec-kanban-item-footer {
    border-radius: .25rem;
    color: var(--eticasa-light-green);
    background-color: var(--eticasa-dark-gray);
}



.ec-kanban-item-header {
    border-radius: .25rem;
    color: var(--eticasa-light-green);
    background-color: var(--eticasa-dark-gray);
}

.ec-primary-color {
    color: var(--eticasa-dark-green);
}

.ec-widget-header {
    color: var(--eticasa-white);
    background-color: var(--eticasa-dark-green);
    padding: .5rem 3rem;
    border-radius: .25rem;
    text-align:center;
}


.ec-white-text {
    color: var(--eticasa-white);
}