@media (max-width: 1921px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 1680px) {
    html {
        font-size: 11px;
    }
}
@media (max-width: 1280px) {
    html {
        font-size: 10px;
    }
}
/*******************
* TEXT SIZE
*******************/
.text-lg {
    font-weight: 800;
    font-size: 2.5rem;
    line-height: 150%;
    letter-spacing: -0.02em;
}

.text-lg-redux {
    font-size: 2rem;
    font-weight: 800;
    line-height: 150%;
    letter-spacing: -0.01em;
}

.text-md-big {
    font-weight: 700;
    font-size: 1.55rem;
    line-height: 150%;
    letter-spacing: -0.02em;
}

.text-md {
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 135%;
}

.text-sm {
    font-weight: normal;
    font-size: 1rem;
    line-height: 135%;
}

.text-xs {
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 150%;
}

/*******************
* TEXT SIZE
*******************/
/*******************
* TEXT ALIGN
*******************/
.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}
/******************
* TEXT ALIGN
*******************/
/*******************
* PALETTE
*******************/
:root {
    --grey50: #F9FAFB;
    --grey100: #F4F5F7;
    --grey200: #E5E7EB;
    --grey300: #D2D6DC;
    --grey400: #9FA6B2;
    --grey500: #6B7280;
    --grey600: #4B5563;
    --grey700: #374151;
    --grey800: #252F3F;
    --grey900: #161E2E;
    --black: #000000;
    --white: #FFFFFF;
    --green100: #F0FFF4;
    --green200: #C6F6D5;
    --green300: #9AE6B4;
    --green400: #68D391;
    --green500: #48BB78;
    --green600: #38A169;
    --green700: #2F855A;
    --green800: #276749;
    --green900: #22543D;
    --red100: #FFF5F5;
    --red200: #FDE7E7;
    --red300: #FCCFCF;
    --red400: #F99F9F;
    --red500: #F56565;
    --red600: #E53E3E;
    --red700: #C53030;
    --indigo100: #EBF4FF;
    --indigo200: #C3DAFE;
    --indigo500: #667EEA;
    --indigo600: #5A67D8;
    --indigo700: #4C51BF;
    --purple100: #FAF5FF;
    --purple500: #9F7AEA;
    --purple600: #805AD5;
    --blue100: #EBF8FF;
    --blue200: #CCEDFF;
    --blue400: #63B3ED;
    --blue500: #4299E1;
    --blue600: #3182CE;
    --blue700: #2B6CB0;
    --orange100: #FFFAF0;
    --orange200: #FFD7A9;
    --orange300: #ECC94B;
    --orange500: #ED8936;
    --orange700: #C05621;
}
/*******************
* PALETTE
*******************/
body {
    background-color: #F9FAFB;
    background-color: var(--grey50);
    font-family: Inter;
    font-style: normal;
}

.background-grey, .background-grey .dbwp_Page_Base, .background-grey .dbwp_Search_Base {
    background-color: #F9FAFB;
    background-color: var(--grey50);
}

label {
    font-size: 1rem;
}

.btn {
    white-space: nowrap;
}

.topmenu {
/*    height: 120px;*/
    height: 7.5rem;
    display: flex;
    justify-content: space-between;
}

.btn-primary {
    background-color: #48BB78;
    background-color: var(--green500);
    border-color: #48BB78;
    border-color: var(--green500);
    color: #FFFFFF;
    color: var(--white);
    font-size: .9rem;
    padding: .3rem .80rem .3rem .80rem;
    font-weight: 500 !important;
    border-radius: 0.4rem;
}

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active, .show > .dropdown-toggle.btn-primary {
        background-color: #2F855A;
        background-color: var(--green700);
        border-color: #2F855A;
        border-color: var(--green700);
    }

        .show > .dropdown-toggle.btn-primary:hover {
            background-color: #2F855A;
            background-color: var(--green700);
            border-color: #2F855A;
            border-color: var(--green700);
        }

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #2F855A;
        background-color: var(--green700);
        border-color: #2F855A;
        border-color: var(--green700);
    }

div.checkbox > label.checkbox > input[type="checkbox"]:checked + .checkbox:before {
    color: #2F855A;
    color: var(--green700);
}

div.radio [type="radio"]:checked + .radio:after,
div.radio [type="radio"]:checked + .radio:before {
    border: 1px solid #2F855A;
    border: 1px solid var(--green700);
}

div.radio [type="radio"]:checked + .radio:after {
    background-color: #2F855A;
    background-color: var(--green700);
}

div.radio {
    display: block;
}

.form-group label:not(.checkbox):not(.radio).active.selected {
    color: #2F855A;
    color: var(--green700);
}

.input-group-append.active .input-group-text, .input-group-prepend.active .input-group-text {
    color: #2F855A;
    color: var(--green700);
}
/*Menu scelte Auto Complete*/
.tt-menu .tt-suggestion {
    color: #2F855A;
    color: var(--green700);
}

    .tt-menu .tt-suggestion:hover, .tt-menu .tt-suggestion.tt-cursor {
        color: #2F855A !important;
        color: var(--green700) !important;
    }

    .tt-menu .tt-suggestion:hover {
        background-color: #2F855A !important;
        background-color: var(--green700) !important;
        color: #FFFFFF !important;
        color: var(--white) !important;
    }

.input-group-append > button.btn:active,
.input-group-append > span.btn:active {
    background-color: #68D391;
    background-color: var(--green400);
}
/*Date Time Picker*/
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #C05621;
    background-color: var(--orange700);
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    color: #2F855A;
    color: var(--green700);
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #C05621;
    border-bottom-color: var(--orange700);
}

.table-info, .table-info > td, .table-info > th {
    background-color: #C6F6D5;
    background-color: var(--green200);
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #C6F6D5;
    background-color: var(--green200);
}

.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
    border-color: #38A169;
    border-color: var(--green600);
}

a {
    color: #48BB78;
    color: var(--green500);
}

    a:focus, a:hover {
        color: #2F855A;
        color: var(--green700);
    }

th {
    color: #2F855A;
    color: var(--green700);
}

.table-hover > tbody > tr:hover {
    background-color: #F9FAFB;
    background-color: var(--grey50);
}

.table.dbwp_Listform_Table > tbody > tr > th:hover {
    color: #C3DAFE;
    color: var(--indigo200);
}

th.selected,
.table.dbwp_Listform_Table > tbody > tr > th.selected {
    background-color: #2F855A;
    background-color: var(--green700);
    color: #FFFFFF;
    color: var(--white);
}

.nav-tabs .nav-link.active, .nav-pills .nav-link.active {
    color: #161E2E;
    color: var(--grey900);
}

.nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus, .nav-pills .nav-item .nav-link:hover, .nav-pills .nav-item .nav-link:focus {
}

.nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus,
.tabbable.tabs-left > .nav-tabs .nav-link.active, .tabbable.tabs-left > .nav-tabs .nav-link.active:hover, .tabbable.tabs-left > .nav-tabs .nav-link.active:focus,
.tabbable.tabs-right > .nav-tabs .nav-link.active, .tabbable.tabs-right > .nav-tabs .nav-link.active:hover, .tabbable.tabs-right > .nav-tabs .nav-link.active:focus,
.tabbable.tabs-below > .nav-tabs .nav-link.active, .tabbable.tabs-below > .nav-tabs .nav-link.active:hover, .tabbable.tabs-below > .nav-tabs .nav-link.active:focus,
.nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    color: #252F3F;
    color: var(--grey800);
}

.nav-tabs .nav-link:hover {
    background-color: #E5E7EB !important;
    background-color: var(--grey300) !important;
}

.nav-tabs .material-ink,
.nav-pills .material-ink {
    background: #68D391;
    background: var(--green400);
}

.tabbable.tabs-left .pseudo,
.tabbable:not(.tabs-left):not(.tabs-right) .pseudo {
    border-color: #68D391;
    border-color: var(--green400);
}

.progress-bar {
    border-bottom-color: #38A169;
    border-bottom-color: var(--green600);
    height: 30px;
}
.progress > .progress-bar {
    height: 100% !important;
}

.dropdown-menu > .dropdown-item {
    color: #68D391;
    color: var(--green400);
    padding: 7px 16px;
}

    .dropdown-menu > .dropdown-item:focus,
    .dropdown-menu > .dropdown-item:hover {
        color: #68D391;
        color: var(--green400);
    }

.dropdown-menu {
    min-width: 60px;
}

.page-link {
    color: #48BB78;
    color: var(--green500);
}

    .page-link:hover {
        color: #48BB78;
        color: var(--green500);
    }

.page-item.active .page-link {
    background-color: #48BB78;
    background-color: var(--green500);
    border-color: #48BB78;
    border-color: var(--green500);
}
/*Spinner Loading Animation*/
.path {
    stroke: #68D391;
    stroke: var(--green400);
}
.dbwp_DefaultIcon:before {
    min-width: 1.2rem;
}
@-webkit-keyframes color {
    0% {
        stroke: #68D391;
        stroke: var(--green400);
    }
}

@keyframes color {
    0% {
        stroke: #68D391;
        stroke: var(--green400);
    }
}

.alert-info {
    color: #68D391;
    color: var(--green400);
    background-color: #C6F6D5;
    background-color: var(--green200);
    border-color: #C6F6D5;
    border-color: var(--green200);
}
/*CALENDAR*/
.fc-event,
.fc-event-dot {
    background-color: #2F855A;
    background-color: var(--green700);
}

.fc-event {
    border-color: #2F855A;
    border-color: var(--green700);
}

.fc-highlight {
    background: #ED8936;
    background: var(--orange500);
}

.dbwp_emptylist {
    background-color: #F0FFF4;
    background-color: var(--green100);
    border-color: #38A169;
    border-color: var(--green600);
}

.dbwp_drop {
    border-color: #38A169;
    border-color: var(--green600);
}

.hamburger-right:hover, .hamburger-right > li:hover, .hamburger-right > li > a:hover {
    background-color: #68D391;
    background-color: var(--green400);
}

li.dbwp_Tree_Sel {
    color: #2F855A;
    color: var(--green700);
}

.bootstrap-tagsinput .tag {
    background-color: #48BB78;
    background-color: var(--green500);
}

.bootstrap-tagsinput.disabled .tag {
    background-color: #48BB78;
    background-color: var(--green500);
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    background-color: #38A169;
    background-color: var(--green600);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:after {
    background-color: #68D391;
    background-color: var(--green400);
}

.nav-pills .nav-link {
    border-radius: 0px;
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        border-left: 3px solid #2F855A;
        border-left: 3px solid var(--green700);
        background-color: #F9FAFB;
        background-color: var(--grey50);
    }
.dbwp_grid > .dbwp_gridcell {
    padding: 0.3rem 0.45rem;
}
.dbwp_Page_Base, .dbwp_Search_Base {
    font-size: .875rem;
}
/*      MATERIAL        */
/*
.btn-primary:focus {
    background-color:var(--green400);
    border-color:var(--green400);
}
.form-control:focus,
.form-group textarea:not(.browser-default):focus:not([readonly]),
.bootstrap-tagsinput.focus {
    border-color: var(--green700);
    -webkit-box-shadow: 0 1px 0 0 var(--green700);
        box-shadow: 0 1px 0 0 var(--green700);
}
.form-control:focus+.input-group-append,
.form-control:focus+.input-group-append>.btn{
    color: var(--green700);
}
+/
/*      BOOTSTRAP       */
.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus,
.page-link:focus {
    box-shadow: 0 0 0 0.2rem #38A169;
    box-shadow: 0 0 0 0.2rem var(--green600);
}

.bootstrap-tagsinput.focus,
.form-control:focus {
    border-color: #ED8936;
    border-color: var(--orange500);
    box-shadow: 0 0 0 0.2rem #ED8936;
    box-shadow: 0 0 0 0.2rem var(--orange500);
}

th {
    font-weight: 400;
}

.dbwp_Home {
    margin: 10px;
}

.dbwp_branch {
    font-weight: 500 !important;
}

.divider-h {
    width: 1px !important;
}

.btn-light {
    border-radius: 9999px !important;
    border-color: transparent;
    background-color: transparent;
    color: #161E2E;
    color: var(--grey900);
    padding: .3rem .80rem .3rem .80rem !important;
}

    .btn-light i:before {
        text-align: center;
    }

    .btn-light:hover {
        background-color: #E5E7EB;
        background-color: var(--grey200);
    }

.form-control:disabled, .form-control[readonly] {
    background-color: #E5E7EB !important;
    background-color: var(--grey200) !important;
    color: #6B7280 !important;
    color: var(--grey500) !important;
}

.form-control {
    border: 1px solid #D2D6DC !important;
    border: 1px solid var(--grey300) !important;
}

label {
    margin-left: .25rem !important;
}

.card-header {
    background-color: #F4F5F7 !important;
    background-color: var(--grey100) !important;
}

.btn-primary > i {
    font-size: 0.95rem;
    margin: auto;
}

.btn-primary > span {
    margin-left: .35rem;
}

button i:before {
    font-size: 1rem;
}

.dbwp_title {
    color: #161E2E !important;
    color: var(--grey900) !important;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    margin-bottom: .5rem;
}

.card .card-title {
    color: #161E2E !important;
    color: var(--grey900) !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
}

.dbwp_Tree_Open:before, .dbwp_Tree_Close:before {
    margin-right: .3rem;
}

select {
    margin: 0rem 0rem 0rem 0.2rem;
}

.dbwp_input-group > select {
    margin: 0;
}

.form-control.tt-input {
    background-color: #FFFFFF !important;
    background-color: var(--white) !important;
}

.table.dbwp_Listform_Table > tbody > tr > th {
    background-color: #F9FAFB;
    background-color: var(--grey50);
}

.navbar .btn-group > .btn-group:first-child > .btn:not([data-toggle='dropdown']), .navbar .btn-group > .btn:first-child:not([data-toggle='dropdown']) {
    background-color: #6B7280;
    border-color: #6B7280;
    background-color: var(--grey500);
    border-color: var(--grey500);
}

    .navbar .btn-group > .btn-group:first-child > .btn:not([data-toggle='dropdown']), .navbar .btn-group > .btn:first-child:not([data-toggle='dropdown']):hover {
        background-color: #374151;
        border-color: #374151;
        background-color: var(--grey700);
        border-color: var(--grey700);
    }

.navbar .btn-group > .btn-group:first-child > .btn, .navbar .btn-group > .btn:first-child:active {
    border-color: #374151;
    border-color: var(--grey700);
}

.navbar .btn-group > .btn-group:first-child > .btn, .navbar .btn-group > .btn:first-child:not([data-toggle='dropdown']):focus {
    background-color: #374151;
    box-shadow: 0 0 0 0.2rem #374151;
    background-color: var(--grey700);
    box-shadow: 0 0 0 0.2rem var(--grey700);
}

.dropdown-item:hover {
    background-color: var(--grey200) !important;
}

.dbwp_Navigation_Base select {
    margin: 0px;
}

table:focus {
    outline: none !important;
}

.nav-link {
    text-transform: uppercase;
    background-color: var(--grey200) !important;
    line-height: 125%;
    font-weight: 500;
    padding: .5rem;
    color: #6B7280;
    color: var(--grey500);
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.01em;
    padding: 0.625rem .5rem;
}

.tabSecondoLivello {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
}

    .tabSecondoLivello .nav-link {
        background-color: var(--grey400) !important;
        color: var(--grey800);
    }

    .tabSecondoLivello .nav-tabs .nav-link:hover {
        background-color: #7e7e7e !important;
    }

.nav-link.active {
    border-color: transparent #FFFFFF #161E2E !important;
    border-color: transparent var(--white) var(--grey900) !important;
    border-bottom-width: 3px !important;
    background-color: var(--grey300) !important;
}

.tabSecondoLivello .nav-link.active {
    background-color: #84888c !important;
    color: var(--grey800);
}

.nav-link:not(active) {
    border: 1px solid transparent !important;
}

.input-group-append > button > span {
    line-height: 1.7rem;
}

.nav-tabs .nav-link:not(.active).has-error {
    border: 1px solid !important;
}

.nav-tabs {
    border-bottom: 1px solid transparent;
}

.card-header {
    background-color: transparent !important;
}

/**************</Borderless container>****************/
.borderlessContainer {
    border: none;
}

    .borderlessContainer > .card-header {
        background-color: inherit;
        font-weight: bold;
        font-size: 1.875rem;
        border-bottom: none;
        padding: 0px;
    }

    .borderlessContainer > .card-body {
        padding: 0px !important;
    }

    .borderlessContainer > .card-header > div {
        padding-left: 0.5rem;
    }
/**************</Borderless container>****************/

/**************<Calendar>****************/
.fc-time-grid-event {
    border-radius: .5rem;
    margin-bottom: .2rem;
}

.fc-content {
    margin: .5rem;
}

.fc-time {
    font-size: 0.9rem !important;
}

.fc-title {
    font-size: .775rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fc-nonbusiness {
    background-color: #F4F5F7;
    background-color: var(--grey100);
}

.fc-row {
    text-transform: uppercase;
}

.fc-day-header > span {
    font-weight: 700;
}

.fc button, .fc button {
    margin: 0px !important;
    padding: 0px !important;
}

    .fc button, .fc button:hover, .fc button:active, .fc button:focus {
        background-color: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

        .fc button > span {
            border-radius: 2rem;
            font-size: 2rem;
            padding: .4rem 1rem .4rem 1rem;
            color: #161E2E;
            color: var(--grey900);
            margin: 0px;
        }

            .fc button > span:hover {
                background-color: #E5E7EB;
                background-color: var(--grey200);
                color: #161E2E;
                color: var(--grey900);
            }

.fc-center {
    margin-top: .3rem;
}

.dbwp_timeline_activity {
    border-radius: .5rem;
    border: none;
    color: #FFFFFF;
    color: var(--white);
}

}

.dbwp_mobile > * > * > nav > .dbwp_btn-group {
    position: fixed;
    bottom: 5%;
    z-index: 100;
    right: 10%;
}

    .dbwp_mobile > * > * > nav > .dbwp_btn-group > button {
        border-radius: 1rem;
    }

        .dbwp_mobile > * > * > nav > .dbwp_btn-group > button > span {
            display: none;
        }

        .dbwp_mobile > * > * > nav > .dbwp_btn-group > button > i {
            font-size: 1.5rem;
        }
/**************</Calendar>****************/
.dbwp_tree_list, .dbwp_level {
    margin-right: .4rem;
}

.dbwp_cardForm .card {
    margin-bottom: .5rem;
}

.cardTitle {
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: .975rem !important;
    color: #161E2E;
    color: var(--grey900);
}

.bg-light {
    background-color: transparent !important;
}

.statusBadge {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    display: inline !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: .875rem;
    white-space: nowrap;
}

td > a, td > div > a {
    color: #161E2E;
    color: var(--grey900);
    font-weight: 600;
}

.mainField {
    color: #161E2E;
    color: var(--grey900);
    font-weight: 600;
}

.card-body {
    padding: 1rem 1rem 0.3rem 1rem !important;
}

.input-group > span {
    padding: 0px !important;
}

.bootstrap-tagsinput.disabled {
    background-color: #F4F5F7 !important;
    background-color: var(--grey100) !important;
    border: 1px solid #E5E7EB !important;
    border: 1px solid var(--grey200) !important;
}
/******<Navigation bar>*********/
.dbwp_Navigation_Base > * > * > a {
    border-color: transparent !important;
    box-shadow: none !important;
    padding: .3rem .9rem .3rem .9rem;
    border-radius: 2rem !important;
}

.dbwp_Navigation_Base > ul > li {
    display: block;
    margin: auto;
}

.dbwp_Navigation_Base > * > * > a > span {
    font-size: 1.4rem;
    padding: 0px;
    color: #161E2E;
    color: var(--grey900);
    margin: 0px;
}

.dbwp_Navigation_Base > * > * > a:hover {
    background-color: #E5E7EB !important;
    background-color: var(--grey200) !important;
    color: #161E2E !important;
    color: var(--grey900) !important;
}

.dbwp_Navigation_Base {
    background-color: transparent;
    border: none;
    margin-top: .3rem;
}

    .dbwp_Navigation_Base > div > select {
        border-radius: 2rem;
        border-color: #E5E7EB !important;
        border-color: var(--grey200) !important;
    }

@media (max-width: 767px) {
    .dbwp_navText {
        display: none;
    }

    .dbwp_Navigation_Base > div {
        display: none
    }
}
/******</Navigation bar>*********/
.dropdown-menu > button {
    color: #161E2E !important;
    color: var(--grey900) !important;
    border-radius: 2rem !important;
}

.dropdown-menu {
    border-radius: .5rem;
}

.bootstrap-tagsinput {
    height: calc(1.5em + .875rem + 3px);
}

    .bootstrap-tagsinput span.twitter-typeahead {
        width: 0rem;
    }

.input-group > span {
    margin-left: .3rem;
}

.responsivetabs-more {
    border: 1px solid #68D391;
    border: 1px solid var(--green400);
    background-color: #6B7280;
    background-color: var(--grey500);
}

    .responsivetabs-more a {
        color: #FFFFFF;
        color: var(--white);
    }

.tt-open .tt-cursor {
    background-color: #F9FAFB !important;
    background-color: var(--grey50) !important;
}

.dbwp_scrollspy_left {
    background-color: #F9FAFB;
    background-color: var(--grey50);
}
/*/*********************************************
* WIN POPUP - PAGE DETAIL - SET BUTTON BAR BELOW
************************************************/
.j1PanelBodyContent > div[name*='txtdbwp_'] {
    height: 100%;
    left: 0;
}

.j1PanelBodyContent > div[dbwp_page='1'] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    margin: 0rem;
    padding-bottom: 2.5rem;
}

    .j1PanelBodyContent > div[dbwp_page='1'] > div.dbwp_Page_Base {
        overflow: visible;
    }

    .j1PanelBodyContent > div[dbwp_page='1'] > nav.navbar {
        position: absolute;
        bottom: 0rem;
        width: 100%;
        justify-content: center;
        z-index: 10;
    }
/*/*******************************************
* WIN POPUP - OPEN PAGE - SET BUTTON BAR BELOW
*********************************************/
.j1PanelBodyContent > div > div[data-dbwebpart] {
    height: 100%
}

    .j1PanelBodyContent > div > div[data-dbwebpart] > a {
        position: absolute;
        z-index: 10;
    }

    .j1PanelBodyContent > div > div[data-dbwebpart] > .dbwp_Home {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: 100%;
        margin: 0rem;
        padding-bottom: 2.5rem;
    }

        .j1PanelBodyContent > div > div[data-dbwebpart] > .dbwp_Home > div.dbwp_Listform_Container,
        .j1PanelBodyContent > div > div[data-dbwebpart] > .dbwp_Home > div.dbwp_Page_Base {
            overflow: auto;
            //height:100%;
        }

        .j1PanelBodyContent > div > div[data-dbwebpart] > .dbwp_Home > nav.navbar ~ script ~ div {
            margin-bottom: 0rem;
        }

        .j1PanelBodyContent > div > div[data-dbwebpart] > .dbwp_Home > nav.navbar {
            min-height: 2.5rem;
        }

        .j1PanelBodyContent > div > div[data-dbwebpart] > .dbwp_Home > div:not(.dbwp_title) ~ nav.navbar {
            position: absolute;
            bottom: 0rem;
            width: 100%;
        }

            .j1PanelBodyContent > div > div[data-dbwebpart] > .dbwp_Home > div:not(.dbwp_title) ~ nav.navbar > div {
                margin: auto;
            }
/*/************************************************
* WIN POPUP - OPEN DBWEBPART - SET BUTTON BAR BELOW
**************************************************/
.j1PanelBodyContent > div[name*='txtdbwp_'], .j1PanelBodyContent > div[name='txt'] {
    height: 100%;
    left: 0;
}

.j1PanelBodyContent > div[dbwp_dbwp='1'] > div.dbwp_Home {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    margin: 0rem;
    padding-bottom: 2.5rem;
}

    .j1PanelBodyContent > div[dbwp_dbwp='1'] > div.dbwp_Home > div.dbwp_Page_Base,
    .j1PanelBodyContent > div[dbwp_dbwp='1'] > div.dbwp_Home > div.dbwp_Listform_Container {
        overflow: auto;
        height: 100%;
    }

    .j1PanelBodyContent > div[dbwp_dbwp='1'] > div.dbwp_Home > nav.navbar {
        position: absolute;
        bottom: 0rem;
        width: 100%;
        justify-content: center;
        z-index: 10;
    }

.btnLink:hover {
    text-decoration: none;
}

.align-to-cards .dbwp_Listform_Container, .align-to-cards .dbwp_search_container {
    margin-left: 1%;
    margin-right: 1%;
}

.styled-row {
    border: 1px solid black;
    height: 5.5rem;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 6px;
    padding-left: 7px;
}

    .styled-row:nth-of-type(even) {
        background-color: #FFFFFF !important;
        background-color: var(--white) !important;
    }

    .styled-row td:first-child {
        padding-left: 1.4rem;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--grey100);
}

    .table-striped tbody tr:nth-of-type(odd):hover {
        background-color: #F9FAFB !important;
        background-color: var(--grey50) !important;
    }

.card {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
    border: none;
    border-radius: 0.5rem;
}

    .card.j1Window {
        box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.4) !important;
        border: none;
    }

/**********************************
    TABELLE DETTAGLIO PROGETTO
**********************************/
.custom-table-headers {
    width: 100%;
    background-color: #FFFFFF;
    background-color: var(--white);
    padding: 10px;
    color: #161E2E;
    color: var(--grey900);
    margin-bottom: -10px;
    font-weight: 500;
}

.custom-table-rows {
    justify-content: space-between;
    display: flex;
    background-color: #FFFFFF;
    background-color: var(--white);
}

    .custom-table-rows > div:first-child > span {
        padding: .5rem;
        border-top: .5px solid #F4F5F7;
        border-top: .5px solid var(--grey100);
        border-bottom: .5px solid #F4F5F7;
        border-bottom: .5px solid var(--grey100);
        color: #6B7280;
        color: var(--grey500);
    }

    .custom-table-rows > div:not(first-child) > span {
        padding: .5rem;
        border-top: .5px solid #F4F5F7;
        border-top: .5px solid var(--grey100);
        border-bottom: .5px solid #F4F5F7;
        border-bottom: .5px solid var(--grey100);
        color: #161E2E;
        color: var(--grey900);
    }

.custom-container {
    width: 75vw;
    margin: 1rem;
}

    .custom-container > div > div.dbwp_grid.dbwp_Page_Base {
        padding: 1.5rem;
    }

@media (max-width: 767px) {
    .custom-container {
        width: auto;
    }
}

@media (min-width: 1278px) {
    .custom-container {
        width: 1000px;
    }
}

.custom-container > .card-header {
    display: none;
}

.custom-container .card-body {
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    padding-top: 0rem !important;
}

.custom-tab .tab-pane > .dbwp_grid {
    background-color: #F9FAFB;
    background-color: var(--grey50);
    margin-left: -20px;
    margin-right: -24px;
}

.custom-container-anagrafica {
    margin: 1rem;
}

    .custom-container-anagrafica > .card-header {
        display: none;
    }

    .custom-container-anagrafica .card-body {
        padding-left: 0.3rem !important;
        padding-right: 0.3rem !important;
        padding-top: 0rem !important;
    }

.container-progetto {
    width: 85vw;
    margin: 1rem;
}

    .container-progetto > div > div.dbwp_grid.dbwp_Page_Base {
        padding: 1.5rem;
    }

@media (max-width: 767px) {
    .container-progetto {
        width: auto;
    }
}

@media (min-width: 1650px) {
    .container-progetto {
        width: 1600px;
    }
}

.container-progetto > .card-header {
    display: none;
}

.container-progetto .card-body {
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    padding-top: 0rem !important;
}

/********************************************
    TABELLE DETTAGLIO PROGETTO
********************************************/
/*******************************************
    BUTTONS
********************************************/
.btn[btn-minimal] {
    background-color: transparent;
    border: none;
    color: #6B7280;
    color: var(--grey500);
    text-transform: none;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.3rem 0.6rem 0.3rem 0.3rem;
    border-radius: 20rem;
}

[btn-minimal]:hover, [btn-minimal]:focus, [btn-minimal]:active {
    background-color: #E5E7EB !important;
    background-color: var(--grey200) !important;
    box-shadow: none !important;
    color: #6B7280 !important;
    color: var(--grey500) !important;
}

.btn[btn-minimal] span {
    margin-left: 1rem;
}

.btn[btn-action] {
    padding: 1rem .75rem;
    background-color: #4B5563;
    background-color: var(--grey600);
    border: none !important;
    border-radius: .5rem !important;
    color: #FFFFFF;
    color: var(--white);
    font-weight: 500;
    font-size: 0.93rem;
    line-height: 135%;
    letter-spacing: 0.01em;
    height: 2.5rem;
    padding: 0.6rem 1rem;
    text-transform: none;
}

.btn[btn-row] {
    border: 1px solid #D2D6DC;
    border: 1px solid var(--grey300);
    box-sizing: border-box;
    border-radius: 6px !important;
    color: #374151;
    color: var(--grey700);
}

.btn[btn-action]:hover {
    background-color: #6B7280;
    background-color: var(--grey500);
}

.lista-interventi .card {
    background-color: #F9FAFB;
    background-color: var(--grey50);
    box-shadow: none !important;
    border: none;
}

/*******************
* LISTE EMBEDDATE
*******************/
.embeddedList button:not([listButton]):not([normalButton]):not([btn-positive]):not([btn-negative]):not([btn-actions]):not([btn-middle]):not([btn-minimal]) {
    background-color: #4B5563;
    background-color: var(--grey600);
    border: none !important;
    border-radius: 0.5rem;
    color: #FFFFFF;
    color: var(--white);
    font-weight: 400;
    font-size: 1rem;
    line-height: 125%;
    letter-spacing: 0.01em;
    height: 2.8rem;
    text-transform: none;
}

    .embeddedList button:not([listButton]):not([normalButton]):not([btn-positive]):not([btn-negative]):not([btn-actions]):not([btn-middle]):not([btn-minimal]):hover,
    .embeddedList button:not([listButton]):not([normalButton]):not([btn-positive]):not([btn-negative]):not([btn-actions]):not([btn-middle]):not([btn-minimal]):active,
    .embeddedList button:not([listButton]):not([normalButton]):not([btn-positive]):not([btn-negative]):not([btn-actions]):not([btn-middle]):not([btn-minimal]):focus {
        background-color: #374151;
        background-color: var(--grey700);
        color: #FFFFFF !important;
        color: var(--white) !important;
        box-shadow: none !important;
    }


.embeddedList th, .embeddedList th:hover {
    background-color: #fff !important;
    font-size: 0.85rem;
    line-height: 150%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #6B7280;
    color: var(--grey500);
}

.embeddedList tr, .embeddedList .table-hover .table-info:hover > th,
.embeddedList .table-info, .embeddedList .table-info > td, .embeddedList .table-info > th {
    border-bottom-color: #D2D6DC;
    border-bottom-color: var(--grey300);
    border-width: thin;
    border-bottom-style: double;
}

.embeddedList .table-hover .table-info:hover > td,
.embeddedList .table-striped tbody tr:hover {
    background-color: var(--green100) !important;
}


.dbwp_emptylist {
    display: none;
}

.btn[listButton] {
    background-color: #E5E7EB;
    background-color: var(--grey200);
    border-radius: 6px !important;
    color: #6B7280;
    color: var(--grey500);
}

.embeddedList .form-control {
    margin-left: -13px;
    min-width: 70px;
}
/*******************
* LISTE EMBEDDATE
*******************/

/*******************
* LISTA CON STILE SENZA BOTTONI
*******************/

/*th, th:hover {
    background-color: #354460 !important;
    font-size: .8rem;
    line-height: 150%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #fff;
    color: var(--white);
}*/

.embeddedListStyled th, .embeddedListStyled th:hover {
    background-color: #64686e !important;
    font-size: .8rem;
    line-height: 150%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #fff;
    color: var(--white);
}

.embeddedListStyled tr, .embeddedListStyled .table-hover .table-info:hover > th,
.embeddedListStyled .table-info, .embeddedListStyled .table-info > td, .embeddedListStyled .table-info > th {
    border-bottom-color: #D2D6DC;
    border-bottom-color: var(--grey300);
    border-width: thin;
    border-bottom-style: double;
}

.embeddedListStyled .table-hover .table-info:hover > td,
.embeddedListStyled .table-striped tbody tr:hover {
    background-color: var(--green100) !important;
}

.embeddedListStyled .form-control {
    margin-left: -13px;
    min-width: 70px;
}
/*******************
* LISTA CON STILE SENZA BOTTONI
*******************/
/*******************
* LISTE BIANCHE
*******************/
.whiteList button:not([listButton]):not([normalButton]):not([btn-positive]):not([btn-negative]):not([btn-actions]):not([btn-middle]):not([btn-minimal]) {
    background-color: var(--grey600);
    border-radius: 8px;
    color: var(--white);
    font-weight: 500;
    font-size: 1rem;
    line-height: 125%;
    letter-spacing: 0.01em;
    height: 2.8rem;
    padding: 0.8rem 1rem;
    text-transform: none;
    border: none !important;
}

    .whiteList button:not([listButton]):not([normalButton]):not([btn-positive]):not([btn-negative]):not([btn-actions]):not([btn-middle]):not([btn-minimal]):hover,
    .whiteList button:not([listButton]):not([normalButton]):not([btn-positive]):not([btn-negative]):not([btn-actions]):not([btn-middle]):not([btn-minimal]):active,
    .whiteList button:not([listButton]):not([normalButton]):not([btn-positive]):not([btn-negative]):not([btn-actions]):not([btn-middle]):not([btn-minimal]):focus {
        background-color: #374151;
        background-color: var(--grey700);
        color: #FFFFFF !important;
        color: var(--white) !important;
        box-shadow: none !important;
    }


.whiteList th, .whiteList th:hover {
    background-color: transparent !important;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #6B7280;
    color: var(--grey500);
}

.whiteList table td {
    border-color: transparent !important;
}

.whiteList tr, .whiteList .table-hover .table-info:hover > th,
.whiteList .table-info, .whiteList .table-info > td, .whiteList .table-info > th {
    background-color: transparent !important;
    border-bottom-color: #D2D6DC;
    border-bottom-color: var(--grey300);
    border-width: thin;
    border-bottom-style: none;
}

.whiteList .table-hover .table-info:hover > td,
.whiteList .table-striped tbody tr:hover {
    background-color: var(--green100) !important;
}

.whiteList .form-control {
    margin-left: -13px;
    min-width: 70px;
}
/*******************
* LISTE BIANCHE
*******************/
/*******************
* LISTE GROUPED BY
*******************/
tr.dbwp_Collapse_Minus td, tr.dbwp_Collapse_Plus td {
    background-color: #E5E7EB;
    background-color: var(--grey200);
    font-weight: normal;
    font-size: 1rem;
    line-height: 135%;
}

    tr.dbwp_Collapse_Minus td:first-child:before,
    tr.dbwp_Collapse_Plus td:first-child:before {
        margin-right: .7rem;
    }
/*******************
* LISTE GROUPED BY
*******************/
.dbwp_emptylist {
    display: none;
}
/*******************
* INLINE SEARCH A DESTRA
*******************/
.navbar > .dbwp_btn-group {
    flex: 1 1 auto;
}

.j1Window .navbar > .dbwp_btn-group {
    flex: unset;
}

.dbwp_inlinesearch {
    margin-left: auto;
}
/*******************
* INLINE SEARCH A DESTRA
*******************/


.dashboardCards .card-body {
    min-height: 25rem;
}

button[btn-standard] {
    background-color: #48BB78 !important;
    background-color: var(--green500) !important;
    border-radius: 8px !important;
    color: #FFFFFF;
    color: var(--white) !important;
    font-weight: 500;
    padding: 0.6rem 1rem;
    text-transform: none;
    border: none;
    line-height: 125%;
    font-size: 1rem;
}

    button[btn-standard][disabled] {
        background-color: #C6F6D5 !important;
        background-color: var(--green200) !important;
    }

button[btn-secondary] {
    background-color: #4B5563;
    background-color: var(--grey600);
    border-radius: 8px !important;
    color: #FFFFFF;
    color: var(--white);
    font-weight: 500;
    padding: 10px 16px;
    text-transform: none;
    border: none;
}

button[btn-primary] {
    background-color: #48BB78;
    background-color: var(--green500);
    border-color: #48BB78;
    border-color: var(--green500);
    color: #FFFFFF;
    color: var(--white);
    font-size: .9rem;
    padding: .3rem .80rem .3rem .80rem;
    font-weight: 500;
}

button[btn-standard] > span,
button[btn-secondary] > span {
    margin-left: 0px;
}

button[btn-primary] > span {
    margin-left: 0px;
}

button[btn-standard]:hover {
    background-color: #2F855A !important;
    background-color: var(--green700) !important;
    color: #FFFFFF !important;
    color: var(--white) !important;
    box-shadow: none !important;
}

button[btn-secondary]:hover {
    background-color: #374151 !important;
    background-color: var(--grey700) !important;
    color: #FFFFFF !important;
    color: var(--white) !important;
    box-shadow: none !important;
}

button[btn-primary]:hover {
    background-color: #2F855A;
    background-color: var(--green700);
    border-color: #2F855A;
    border-color: var(--green700);
}

.projectProgress .card-body {
    padding: 1.5rem !important;
}

.space-after-header .navbar {
    margin-bottom: 1rem;
}

button[btn-negative] {
    width: 14rem;
    text-align: center !important;
    color: var(--white);
    background-color: var(--red500) !important;
    border: none;
    margin-bottom: 0.1rem;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem !important;
    border-radius: 0.5rem !important;
}

button[btn-negative-bar] {
    text-align: center !important;
    color: var(--white);
    background-color: var(--red500) !important;
    border: none;
}

button[btn-positive] {
    width: 14rem;
    text-align: center !important;
    color: var(--white);
    background-color: var(--green500);
    border: none;
    margin-bottom: 0.1rem;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem !important;
    border-radius: 0.5rem !important;
}

button[btn-actions] {
    width: 14rem;
    text-align: center !important;
    color: var(--white);
    background-color: var(--grey500);
    border: none;
    margin-bottom: 0.1rem;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem !important;
    border-radius: 0.5rem !important;
}

    button[btn-actions]:hover, button[btn-actions]:active, button[btn-actions]:focus {
        color: var(--white) !important;
        background-color: var(--grey600) !important;
        border-color: var(--grey600) !important;
    }

    button[btn-actions]:focus {
        box-shadow: 0 0 0 0.2rem #E53E3E !important;
        box-shadow: 0 0 0 0.2rem var(--grey600) !important;
    }


button[btn-middle] {
    width: 14rem;
    text-align: center !important;
    color: var(--white);
    background-color: var(--grey400);
    border: none;
    margin-bottom: 0.1rem;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem !important;
    border-radius: 0.5rem !important;
}

button[btn-negative]:hover, button[btn-negative]:active, button[btn-negative]:focus {
    color: var(--white) !important;
    background-color: var(--red600) !important;
    border-color: var(--red600) !important;
}

button[btn-negative-bar]:hover, button[btn-negative-bar]:active, button[btn-negative-bar]:focus {
    color: var(--white) !important;
    background-color: var(--red600) !important;
    border-color: var(--red600) !important;
}

button[btn-negative-bar]:focus {
    box-shadow: 0 0 0 0.2rem #E53E3E !important;
    box-shadow: 0 0 0 0.2rem var(--red600) !important;
}

button[btn-positive]:hover, button[btn-positive]:active, button[btn-positive]:focus {
    color: var(--white) !important;
    background-color: var(--green600) !important;
    border-color: var(--green600) !important;
}

button[btn-middle]:hover, button[btn-middle]:active, button[btn-middle]:focus {
    color: var(--white) !important;
    background-color: var(--grey600) !important;
    border-color: var(--grey600) !important;
}
/**OLD VERSION**/
button[helpBtn] {
    border: 2px solid black !important;
    border-radius: 35px !important;
    width: 26px;
    height: 26px;
    padding: 0px !important;
    line-height: 20px;
    text-align: left;
    padding-left: 3px !important;
    /*    margin-top: -2rem;
    float: right;*/
    background-color: transparent !important;
}

    button[helpBtn] i:before {
        text-align: left;
        color: var(--black) !important;
    }

    button[helpBtn]:hover, button[helpBtn]:focus, button[helpBtn]:active {
        color: black !important;
        background-color: transparent !important;
        border-color: black !important;
        box-shadow: unset;
    }
/**NEW VERSION**/
button[helpButton] {
    padding: 0px !important;
    margin-top: -1rem;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
button[helpButton] i::before {
    font-size: 1.8rem;
    color: var(--grey700);
}
button > i + span {
    margin-left: .5rem;
}

button[icon-margin] > i {
    margin-right: .5rem;
}


button[btn-delete] {
    background-color: #F56565;
    background-color: var(--red500);
    border-color: #F56565;
    border-color: var(--red500);
}

    button[btn-delete]:hover {
        background-color: #E53E3E;
        background-color: var(--red600);
        border-color: #E53E3E;
        border-color: var(--red600);
    }

    button[btn-delete]:active {
        border-color: #E53E3E !important;
        border-color: var(--red600) !important;
    }

    button[btn-delete]:focus {
        background-color: #E53E3E !important;
        background-color: var(--red600) !important;
        box-shadow: 0 0 0 0.2rem #E53E3E !important;
        box-shadow: 0 0 0 0.2rem var(--red600) !important;
    }

/**************<Tree>****************/
span.dbwp_level {
    width: 100px;
    color: #9FA6B2;
    color: var(--grey400);
}
/**************</Tree>****************/
.div-card-hover .dbwp_cardForm > .card:hover {
    background-color: #F0FFF4;
    background-color: var(--green100);
}

.menu-notifications i {
    font-size: 18px;
}

.menu-notifications span {
    display: none;
    background-color: green;
    color: white;
    border-radius: 999px;
    padding: .1rem .25rem .1rem .25rem;
    font-size: 11px;
    margin-left: -.4rem;
    vertical-align: sub;
}

.notificationsCounter {
    background-color: green;
    color: white;
    border-radius: 20rem;
    padding: .1rem .25rem .1rem .25rem;
    font-size: 0.7rem;
    margin-left: .5rem;
}

.dashboard-layout {
    display: flex;
    flex-direction: column;
    background-color: #F0FFF4;
    background-color: var(--green100);
    width: fit-content;
    margin: auto;
    border-radius: 20px;
    margin-top: -25px;
    padding: 15px;
    transition: background-color .20s ease-in-out;
    box-shadow: 2px 2px 5px 1px rgb(114 114 114 / 59%);
}

.dashboard-title {
    margin: auto;
    display: block;
    background-color: #464749;
    padding: .5rem;
    border-radius: 1rem;
    color: #fff;
    transition: background-color .20s ease-in-out;
    box-shadow: 2px 2px 5px 1px rgb(114 114 114 / 59%);
    display: flex;
    justify-content: center;
    font-size: 1.6rem;
}

.dashboard-counters {
    background-color: #EBF4FF;
    background-color: var(--indigo100);
}

.dashboard-counters {
    color: var(--white);
    color: #fff;
}

.dashboard-row {
    display: flex;
    flex-direction: row;
    justify-content: left;
}

.dashboard-agents {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .dashboard-agents .dashboard-layout {
        margin: 1rem;
    }

@media (max-width: 628px) {
    .dashboard-agents .dashboard-layout {
        margin: 0.1rem;
    }
}

.dashboard-layout a {
    color: #fff;
    width: 20rem;
    height: 17rem;
    text-align: center;
    background-color: #4B5563;
    background-color: var(--grey600);
    border-radius: 10px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 1rem;
    transition: background-color .20s ease-in-out;
    box-shadow: 2px 2px 5px 1px rgb(114 114 114 / 59%);
}

.dashboard-layout img {
    display: block;
    margin: auto;
    margin-top: .5rem;
    width: 7rem;
}

.dashboard-btn-title {
    margin: auto;
    display: block;
    font-size: 1.1rem;
    margin-bottom: .5rem;
}

.dashboard-btn-descr {
    color: #fffe;
}

.dashboard-title {
    width: 74.1rem;
}

@media (max-width: 1699px) {
    .dashboard-title {
        width: 50.8rem;
    }
}

@media (max-width: 820px) {
    .dashboard-title {
        width: 34.6rem;
    }
}

@media (min-width: 1920px) {
    .dashboard-layout {
        max-width: 1280px;
    }
}

@media (min-width: 1700px) {
    .dashboard-layout a {
        margin: 2rem;
        height: 13.5rem;
    }
}

@media (max-width: 1699px) {
    .dashboard-layout a {
        margin: .5rem;
        width: 15rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 820px) {
    .dashboard-btn-descr {
        display: none;
    }

    .dashboard-layout a {
        margin: .3rem;
        width: 10rem;
        padding-left: .3rem;
        padding-right: .3rem;
    }
}

.menu_dropdown {
    right: 10px;
}

.custom-collapse .card-title,
.custom-collapse .card-header i {
    font-weight: 600 !important;
}

.custom-collapse .card-header {
    background-color: var(--green200) !important;
    background-color: #C6F6D5 !important;
}


.icon153_after:after {
    content: "\f153";
    font-family: FontAwesome;
    text-decoration: inherit;
    speak: none;
    margin-left: 5px;
}

.icon295_after:after {
    content: "\f295";
    font-family: FontAwesome;
    text-decoration: inherit;
    speak: none;
    margin-left: 5px;
}

.dbwp_List_Total td > span {
    font-weight: bold;
}

.dbwp_List_Total {
    border-top: 2px solid !important;
}

.form-group.dbwp_txtarea > textarea {
    margin-left: 3px;
}

.side.expanded li > ul.expanded {
    max-height: 1000px;
}

li.dbwp_Tree_Sel > span {
    background-color: #2F855A;
    background-color: var(--green700);
    padding: .3rem;
    padding-left: .7rem;
    padding-right: .7rem;
    border-radius: 0.6rem;
    color: #FFFFFF;
    color: var(--white);
}

#logo-url,
#logo-top > a,
#poweredTag > a {
    cursor: default;
}
@media (max-width: 1980px) {
    #logo-url > img {
        display: none !important;
    }
}

.euro-after,
.perc-after {
    white-space: nowrap;
}

    .euro-after:after {
        content: "\f153";
        font-family: FontAwesome;
        text-decoration: inherit;
        speak: none;
        display: inline-block;
        margin-left: .5rem;
    }

    .perc-after:after {
        font-family: FontAwesome;
        text-decoration: inherit;
        speak: none;
        content: "\f295";
        margin-left: .5rem;
    }

button[help-div] {
    background-color: transparent;
    border-color: black;
    border-width: 3px;
    border-radius: 35px !important;
    color: black;
    line-height: 20px;
    text-align: center !important;
    padding: 1.5px 3px !important;
}

.list-attributi .xsl-row > td:not(:last-child) {
    padding-right: 1rem;
}

.list-attributi .xsl-row > td:first-child {
    max-width: 3rem;
    font-style: italic;
}

.list-attributi .xsl-row > td:last-child {
    /*        max-width: 2.5rem;*/
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.list-attributi .xsl-row > td:not(:first-child):not(:last-child),
.list-attributi .xsl-row > td:not(:first-child):not(:last-child) > div > div {
    /*        max-width: 15rem;*/
    width: fit-content;
    min-width: 10rem;
}

.list-attributi .xsl-row > td.bool_value,
.list-attributi .xsl-row > td.bool_value > div > div {
    max-width: 4rem !important;
    min-width: 3rem;
}

.list-attributi .xsl-row select {
    /* width: fit-content;*/
}

.list-attributi .xsl-row .form-control {
    margin-left: unset;
    min-width: unset;
}

.list-attributi .xsl-row button[listButton] {
    text-align: center;
    height: 2.5rem;
}

div.bootstrap-datetimepicker {
    overflow: visible;
}

.list-attributi:first-child {
    margin-bottom: 3rem;
}

    .list-attributi:first-child .xsl-row {
        border: none;
    }

input[type='checkbox']:not(.custom_checkbox) {
    border-color: #CCCCCC;
}

input[type='checkbox']:checked {
    background-color: var(--green600);
    border-color: var(--green600);
    color: #FFFFFF;
}

    input[type='checkbox']:checked:disabled {
        background-color: #92ceae;
        border-color: #FFFFFF !important;
        color: #FFFFFF;
    }

input[type='checkbox'] {
    -webkit-appearance: none;
    border: 0.1rem solid #2b2e35;
    padding: 0.5rem !important;
    display: inline-block;
    position: relative;
    height: 1rem;
    border-radius: 0.2rem;
}

    input[type='checkbox']:disabled {
        background-color: #E5E7EB;
        background-color: var(--grey200);
    }

    input[type='checkbox']:checked:after {
        content: '\2714';
        font-size: 1rem;
        position: absolute;
        top: -0.25rem;
        left: 0.06rem;
        color: #FFFFFF;
    }

.dbwp_search_listvalue input[type='checkbox'] {
    width: 1rem !important;
    margin-right: .7rem;
    margin-left: .7rem;
}

.dbwp_search_listvalue {
    padding-top: 0.7rem;
}

.checklist-vc .dbwp_Home {
    background-color: #fff !important;
    border-radius: 0.4rem;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 6%), 0px 1px 3px rgb(0 0 0 / 10%) !important;
}

.checklist-vc > .dbwp_Home .dbwp_title {
    margin-left: 2rem;
    padding-top: 0.7rem;
}

.dbwp_Listform_ScrollContainer div.checkbox {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.dbwp_Listform_ScrollContainer label.checkbox {
    margin: 0px;
}

.listWithInput td .help-block {
    font-size: .7rem;
    text-align: right;
}

table.datiCatastaliTable td {
    background-color: #f4faff;
    border: 1px solid #ada6a6;
    padding: 5px;
}

.serviziOpera td:not(:last-child),
.serviziOpera:hover td,
.serviziOpera.table-info td,
.serviziOpera.table-info:hover td,
.table-hover .serviziOpera.table-info:hover td {
    background-color: #d0ebffc2 !important;
}

.prestazioniProfessionali td:not(:last-child),
.prestazioniProfessionali:hover td,
.prestazioniProfessionali.table-info td,
.prestazioniProfessionali.table-info:hover td,
.table-hover .prestazioniProfessionali.table-info:hover td {
    background-color: var(--green100) !important;
}

.asseverazione td,
.asseverazione:hover td,
.asseverazione.table-info td,
.asseverazione.table-info:hover td,
.table-hover .asseverazione.table-info:hover td {
    background-color: #fffceb !important;
}


.vistoConform td:not(:last-child),
.vistoConform:hover td,
.vistoConform.table-info td,
.vistoConform.table-info:hover,
.vistoConform.table-info:hover td,
.table-hover .vistoConform.table-info:hover td {
    background-color: #fff2ef !important;
}

.serviziOpera td:last-child,
.prestazioniProfessionali td:last-child,
.asseverazione td:last-child,
.vistoConform td:last-child {
    display: none;
}

.inputDaValidare, .emailTelefonoDaValidare {
    border-color: red;
}

button[id^="dbwp_morebtn"] {
    margin-top: 0.7rem !important;
}

.responsivetabs-more {
    border: none !important;
    position: relative;
    background-color: var(--grey200) !important;
}

    .responsivetabs-more > a {
        color: #6B7280;
        color: var(--grey500);
    }

.quadroGeneraleFatturazione td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.sal1Fatturazione td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.sal2Fatturazione td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.sal3Fatturazione td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.quadroGeneraleSimulatore td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.sal1Simulatore td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.sal2Simulatore td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.sal3Simulatore td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.tabFatturazioneCondomini td:not(:nth-last-child(2)):not(:nth-last-child(1)),
.quadroGeneraleDettagliatoFatturazione td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.sal1DettagliatoFatturazione td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.sal2DettagliatoFatturazione td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)),
.sal3DettagliatoFatturazione td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:nth-last-child(1)) {
    border-right: 1px solid #dee2e6;
}

.topcorner img {
    height: 1.8rem;
    padding-left: 0.25rem;
    margin-top: -0.5rem;
}

.dbwp_exporttemplate {
    background-color: #48BB78;
    background-color: var(--green500);
    border-color: #38A169;
    border-color: var(--green600);
    font-weight: normal;
    text-transform: none;
}

    .dbwp_exporttemplate:hover {
        background-color: #2F855A;
        background-color: var(--green700);
    }

nav.navbar {
    margin-bottom: 0.2rem;
}

tr.dbwp_header {
    border: none;
}

.btn-group button {
    border-radius: 8px !important;
    font-weight: 400;
    padding: 0.6rem 1rem;
    text-transform: none;
    border: none;
    line-height: 125%;
    font-size: 1rem;
}

.carouselBtnBar button,
.carouselBtnBar button:hover {
    background-color: var(--info);
}

.carouselBtnBar button {
    padding-left: .3rem !important;
    padding-right: .3rem !important;
}

.tabellaValoriTotaliEsistentiLista tr,
.tabellaValoriTotaliEsistentiLista tr:hover,
.tabellaValoriTotaliEsistentiLista td,
.tabellaValoriTotaliEsistentiLista tbody tr:nth-of-type(odd):hover {
    background-color: transparent !important;
}


.tabellaValoriTotaliEsistentiLista .table-striped tbody tr:nth-of-type(even) {
    background-color: var(--blue100) !important;
}


.tabellaValoriTotaliEsistentiLista .table-info td {
    border: none !important;
}

.tabellaValoriEsistentiLista th,
.tabellaValoriEsistentiLista th:hover {
    background-color: #64686e !important;
    font-size: .8rem;
    line-height: 150%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #fff;
    color: var(--white);
}

.tabellaValoreEsistenteDettaglio .table-info td {
    border-color: transparent !important;
}

.tabellaValoreEsistenteDettaglio .table-info > td,
.tabellaValoreEsistenteDettaglio .table-info > th {
    background-color: var(--blue200) !important;
}

.tabellaValoreEsistenteDettaglio th,
.tabellaValoreEsistenteDettaglio th:hover {
    background-color: #64686e !important;
    font-size: .8rem;
    line-height: 150%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #fff;
    color: var(--white);
}

/*.containerTotaliVE td {
    border-bottom: 1px solid var(--grey400);
}*/

.transparentBg div {
    background-color: transparent;
}

button[btn-stampeNomeLungo] {
    width: 30rem;
}

    button[btn-stampeNomeLungo] > span {
        white-space: break-spaces;
    }

.collapseInterventiAziende {
    box-shadow: none !important;
    border: 3px solid var(--green800);
}

    .collapseInterventiAziende .card-title {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        text-transform: uppercase;
    }

    .collapseInterventiAziende .card-header {
        margin-left: 2rem;
    }

        .collapseInterventiAziende .card-header > span > i {
            font-size: 1.5rem;
        }

.logo-nav img,
.logo-top img {
    height: 100px;
}

.logo-nav {
    display: block;
    margin: auto;
    /*    margin-bottom: 1rem;*/
}

.main {
    top: 7.5rem;
}

#logo-top img {
    height: 3.7rem;
    margin-top: 1.75rem;
    width: 19rem;
}

#logo-top {
    order: 2;
    display: initial;
}
.dbwp_nav_right {
    order: 3;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.dbwp_nav_left {
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.topmenu ul {
  margin-bottom: 0rem;
}

#logo-top a {
    position: absolute;
    left: calc(50vw - 240px);
}

.agents-graph {
    padding: 1rem;
    border-radius: .8rem;
    margin-top: 3rem;
}

.dashboard-layout, .dashboard .dbwp_Navigation_Base {
    border-radius: .8rem;
    padding: .5rem;
    margin-top: 3rem;
}

.topregistrazione {
    top: 7rem !important;
}
/***************************************PAGINA PROJECT SAL MANAGEMENT**********************************************************/
.salManagementList td {
    padding-top: 1rem;
    padding-bottom: .8rem;
    border-left: 1px solid #9199a34d;
    padding-left: 1rem;
    padding-right: 0.5rem;
}

.salManagementList .form-control {
    height: calc(1em + 0.75rem + 2px);
}

.salManagementList .input-group-text {
    padding: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.bonusAliquotaInputGroup .input-group {
    justify-content: flex-end;
}
/*FIX COLORI E BORDI*/
.salManagementList .row_imprese,
.salManagementList .row_totale td:nth-child(1),
.salManagementList .row_imprese td:nth-child(1),
.salManagementList .row_professionisti,
.salManagementList .row_professionisti td:nth-child(1) {
    border-bottom: none !important;
    background-color: #fffde4 !important;
}
    .salManagementList .row_imprese td:nth-child(1),
    .salManagementList .row_imprese td:nth-last-child(5),
    .salManagementList .row_imprese td:nth-last-child(6),
    .salManagementList .row_imprese td:nth-last-child(7),
    .salManagementList .row_imprese td:nth-last-child(1),
    .salManagementList .row_imprese td:nth-last-child(2),
    .salManagementList .row_imprese td:nth-last-child(3),
    .salManagementList .row_imprese td:nth-last-child(4) {
        border-bottom: none !important;
    }

    .salManagementList .row_professionisti td:nth-child(1),
    .salManagementList .row_professionisti td:nth-last-child(5),
    .salManagementList .row_professionisti td:nth-last-child(6),
    .salManagementList .row_professionisti td:nth-last-child(7),
    .salManagementList .row_professionisti td:nth-last-child(1),
    .salManagementList .row_professionisti td:nth-last-child(2),
    .salManagementList .row_professionisti td:nth-last-child(3),
    .salManagementList .row_professionisti td:nth-last-child(4) {
        border-top: none !important;
    }

.salManagementList .row_professionisti {
    background-color: #dcfffe !important;
}

.salManagementList .row_imprese td {
    background-color: #ebf8ff !important;
}

.salManagementList .row_professionisti td {
    background-color: #e7faed !important;
}
/*    .salManagementList .row_professionisti td:nth-child(14),
    .salManagementList .row_professionisti td:nth-child(15),
    .salManagementList .row_professionisti td:nth-child(16),
    .salManagementList .row_imprese td:nth-child(14),
    .salManagementList .row_imprese td:nth-child(15),
    .salManagementList .row_imprese td:nth-child(16) {
        background-color: #ffe2d6 !important;
    }*/
.salManagementList .row_professionisti td:nth-child(17),
.salManagementList .row_professionisti td:nth-child(18),
.salManagementList .row_professionisti td:nth-child(19),
.salManagementList .row_professionisti td:nth-child(20),
.salManagementList .row_imprese td:nth-child(17),
.salManagementList .row_imprese td:nth-child(18),
.salManagementList .row_imprese td:nth-child(19),
.salManagementList .row_imprese td:nth-child(20) {
    background-color: #eeecfe !important;
}

.salManagementList .row_imprese,
.salManagementList .row_imprese td {
    border-top: 3px solid #9199a378;
}

.salManagementList .row_professionisti,
.salManagementList .row_professionisti td {
    border-bottom: 3px solid #9199a378;
    border-color: #9199a378;
}
.salManagementList th:nth-child(2),
.salManagementList th:nth-child(5),
.salManagementList th:nth-child(8),
.salManagementList th:nth-child(11),
.salManagementList th:nth-child(14),
.salManagementList th:nth-child(17) {
    border-left: 1.2px solid var(--white);
}
.salManagementList td:nth-child(2),
.salManagementList td:nth-child(5),
.salManagementList td:nth-child(8),
.salManagementList td:nth-child(11),
.salManagementList td:nth-child(14),
.salManagementList td:nth-child(17) {
    border-left: 1.2px solid var(--grey400);
}
.salManagementList .highlight {
    background-color: #ffffd5;
}
/*FIX COLORI HOVER*/
.salManagementList .table-hover .table-info:hover > td:nth-child(1) {
    background-color: #fffde4 !important;
}

.salManagementList .table-hover .table-info:hover > td:nth-child(17),
.salManagementList .table-hover .table-info:hover > td:nth-child(18),
.salManagementList .table-hover .table-info:hover > td:nth-child(19),
.salManagementList .table-hover .table-info:hover > td:nth-child(20) {
    background-color: #eeecfe !important;
}
/*.salManagementList .table-hover .table-info:hover > td:nth-child(14),
.salManagementList .table-hover .table-info:hover > td:nth-child(15),
.salManagementList .table-hover .table-info:hover > td:nth-child(16) {
    background-color: #ffe2d6 !important;
}*/

.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(2),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(3),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(4),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(5),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(6),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(7),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(8),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(9),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(10),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(11),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(12),
.salManagementList .table-hover .row_imprese.table-info:hover > td:nth-child(13){
    background-color: #ebf8ff !important;
}
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(2),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(3),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(4),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(5),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(6),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(7),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(8),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(9),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(10),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(11),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(12),
.salManagementList .table-hover .row_professionisti.table-info:hover > td:nth-child(13) {
    background-color: #e7faed !important;
}
/***************************************PAGINA PROJECT SAL MANAGEMENT**********************************************************
    *
    *
***************************************TAB CRONOPROGRAMMA**********************************************************/
.timeline_cronoprogramma .dbwp_timeline_activity a {
    font-weight: 400 !important;
}

.timeline_cronoprogramma .dbwp_timeline_activity {
    height: 30px !important;
    margin-top: 10px;
}

.timeline_cronoprogramma .dbwp_tmlr_width {
    display: none;
}

.timeline_cronoprogramma tr:not(:last-child) td {
    height: 50px !important;
}
.timeline_cronoprogramma tr.dbwp_weekNumber td {
    height: 25px !important;
}
.gestioneRows span.dbwp_level {
    width: 1.5rem !important;
}

.gestioneRows tr:not(:first-child) {
    height: 50px !important;
}

    .gestioneRows tr:not(:first-child) > td:first-child {
        max-width: 30rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.gestioneRows tr > td > div > button.btn.btn-light {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.gestioneRows nav.navbar {
    min-height: 111px;
    align-items: start;
}
.dbwp_timeline_nav tr, .dbwp_timeline_l1 tr {
    background-color: #fff;
}
.timeline_cronoprogramma td.dbwp_dropday > div:not(:first-child){
    width: 0px !important;
    display: none;
}
.timeline_cronoprogramma td.dbwp_dropday > div:first-child {
    width: 100% !important;
}
.listInput span {
    background-color: var(--grey200);
    padding: 0.45rem 0.75rem !important;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    margin-right: 1px;
    border: 1px solid var(--grey300);
}
/***************************************TOOLTIP**********************************************************/
/*== start of code for tooltips ==*/
.css_tooltip {
    position: relative;
}


    /*== common styles for both parts of tool tip ==*/
    .css_tooltip::before,
    .css_tooltip::after {
        left: 50%;
        opacity: 0;
        position: absolute;
        z-index: -100;
    }

    .css_tooltip:hover::before,
    .css_tooltip:focus::before,
    .css_tooltip:hover::after,
    .css_tooltip:focus::after {
        opacity: 1;
        transform: scale(1) translateY(0);
        z-index: 100;
    }


    /*== punta del tooltip ==*/
    .css_tooltip::before {
        border-style: solid;
        border-width: 1em 0.75em 0 0.75em;
        border-color: #3E474F transparent transparent transparent;
        bottom: 100%;
        content: "";
        margin-left: -0.3rem;
        transition: all .65s, opacity .65s .5s;
        transform: scale(.6) translateY(-90%);
    }

    .css_tooltip:hover::before,
    .css_tooltip:focus::before {
        transition: all .65s .2s;
    }


    /*== balloon del tooltip ==*/
    .css_tooltip::after {
        background: #3E474F;
        border-radius: .3rem;
        bottom: 180%;
        color: #EDEFF0;
        content: attr(data-tip);
        margin-left: -7rem;
        padding: 1rem;
        transition: all .65s .2s;
        transform: translateY(50%);
        width: 15rem;
        white-space: break-spaces;
        text-align: center;
    }

    .css_tooltip:hover::after,
    .css_tooltip:focus::after {
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
    }
/***************************************TOOLTIP**********************************************************/
/***************************************TAB CRONOPROGRAMMA**********************************************************/
.dashboard_riepilogo_value {
    width: 35rem;
    height: 6.5rem;
    margin: auto;
    border-radius: 0.5rem;
    border: none !important;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 0rem;
}
    .dashboard_riepilogo_value > div:first-child {
        text-align: center;
        margin-top: 1rem;
        font-size: 0.9rem;
        text-transform: uppercase;
    }
    .dashboard_riepilogo_value > div:nth-child(2) {
        font-weight: bold;
        font-size: 2rem;
        text-align: center;
        height: 24px;
    }
@media (max-width: 1600px) {
    #dbwp_breadcrumb {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 360px;
    }
}

@media (max-width: 1460px) {
    #menuUrl {
        display: none;
    }
}

@media (max-width: 2000px) {
    .expanded #menuUrl {
        display: none;
    }
}

@media (max-width: 1295px) {
    #dbwp_breadcrumb {
        display: none;
    }
}

@media (max-width: 1400px) {
    .expanded ul li:nth-child(2) a .setting {
        display: none;
    }
}

@media (max-width: 1190px) {
    ul li:nth-child(2) a .setting {
        display: none;
    }
}

@media (max-width: 1080px) {
    .expanded #logo-top a {
        display: none;
    }
}

@media (max-width: 799px) {
    .topmenu ul li:nth-child(2) > a:last-child {
        display: none;
    }
}

@media (max-width: 710px) {
    #logo-top a {
        display: none;
    }
}
/***************************************PAGINA BUY**********************************************************/
.main-buy {
    width: 80%;
    margin: 15px;
    position: relative;
    top: 160px;
    margin: auto;
    background: #FFFFFF;
    background: var(--white);
    -webkit-box-shadow: 0px 1px 2px 0 rgb(0 0 0 / 6%), 0px 1px 3px 0 rgb(0 0 0 / 10%);
    box-shadow: 0px 1px 2px rgb(0 0 0 / 6%), 0px 1px 3px rgb(0 0 0 / 10%);
    border-radius: 8px;
}
    .main-buy .button-bar {
        display: flex;
        flex-direction: column;
    }
@media (min-width: 1920px) {
    .main-buy .button-bar {
        display: flex;
        flex-direction: row;
        gap: 2rem;
    }
}
@media (max-width: 710px) {
    .main-buy {
        width: 350px;
        top: 20px;
    }
        .main-buy .card-body {
            margin-top: 0px;
            padding: 0px !important;
        }
    .main-buy .lead {
        margin-bottom: 0px;
    }
    .main-buy .mainform{
        padding: 5px !important;
        margin-top: 70px !important;
    }
        .main-buy .mainform button {
            font-size: 1.2rem;
            height: 4rem;
        }
        .main-buy .mainform button > img {
            display: none;
        }
        .main-buy .card-body br+br {
            display: none;
        }
        .main-buy .list-unstyled{
            margin-bottom: 0px !important;
        }
        .main-buy .card-header > h4 {
            font-size: 16px;
        }
        .main-buy .pricing-header {
            padding: 0px !important;
        }
        .main-buy .pricing-card-title {
            margin-bottom: -10px;
        }
}
/***************************************PAGINA BUY**********************************************************/
@media (max-width: 710px) {
    .logo-nav img {
        width: 200px;
        height: 70px !important;
    }
    .topmenuonly {
        height: 80px;
        margin: 0px !important;
        padding: 0px !important;
    }
        .topmenuonly .logout {
            margin-left: auto;
            margin-right: 20px;
        }
}
.hideExpandTree .dbwp_Tree_Plus,
.hideExpandTree .dbwp_Tree_Minus{
    display: none;
}
}
.dbwp_quadroCondominiFilter .dbwp_Page_Base, .dbwp_Search_Base {
    background-color: var(--grey50);
} 
/****************************CUSTOM RADIO BTN*************************************/
input[type='radio'] {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    height: 1rem;
    border-radius: 50%;
    box-shadow: inset 0px 0px 1px 0.01rem #2b2e35a6;
    padding: 0.55rem !important;
    transition: 0.25s ease;
}

    input[type='radio']:checked {
        background-color: #FFFFFF;
        color: var(--green600);
        box-shadow: inset 0 0 0 0.3rem #38a169;
        transition: 0.25s ease;
    }

    input[type='radio']:disabled {
        background-color: #E5E7EB;
        background-color: var(--grey200);
        box-shadow: inset 0 0 0 0.06rem #2b2e3514;
        opacity: 50%;
    }

    input[type='radio']:checked:disabled {
        box-shadow: inset 0 0 0 0.3rem #38a169;
    }
/****************************CUSTOM RADIO BTN*************************************/
.month-project-warning {
    border-radius: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.5rem;
    border: 1px solid var(--grey400);
}
.margin-auto{
    margin: auto;
}
.list-search .dbwp_Search_Base{
    background-color: transparent;
}
    .list-search .dbwp_Search_Base .input-group > input,
    .list-search .dbwp_Search_Base .dbwp_input > select {
        height: 2.8rem;
        border-radius: 0.6rem;
    }
    .list-search .dbwp_Search_Base .input-group .input-group-text {
        border-top-right-radius: 0.6rem;
        border-bottom-right-radius: 0.6rem;
    }
    .list-search .dbwp_Search_Base button {
        width: 7rem;
        height: 2.8rem;
    }
input[type='radio'][negative]:checked:disabled {
    box-shadow: inset 0 0 0 5px var(--red500);
}
.default_spinner{
    border-color: var(--green500);
}
.assegnazione_intervento_tag {
    border-radius: 20rem;
    line-height: 125%;
    width: 12.5rem;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 1.1rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.avanzaStatoInterventoGroup button {
    margin-right: 3rem;
    height: 3rem;
    margin-top: auto;
}
.avanzaStatoInterventoGroup button > span{
    margin: auto;
}
.checkDocFase {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.listaCheckDocFase th:not(:last-child) {
    word-break: break-word;
    white-space: pre-wrap;
    -moz-white-space: pre-wrap;
    min-width: 7rem;
}
.listaCheckDocFase th {
    position: sticky;
    top: 0rem;
    z-index: 100;
}
.listaCheckDocFase td:not(:first-child) {
    border-right: 1px solid var(--grey300);
    text-align: center;
}
    .listaCheckDocFase td:first-child {
        padding-left: 0rem;
        position: sticky;
        left: 0rem;
        background-color: inherit;
        box-shadow: inset -1px 0px 0px 0px var(--grey300);
    }
.statoCheckDocFase {
    text-align: center;
    margin-bottom: .5rem;
    margin-top: .5rem;
    text-transform: uppercase;
    font-weight: 500;
    white-space: nowrap;
}
.checkDocFase > span,
.checkDocFase > a {
    border-top: 1px solid var(--grey300);
    padding-top: .5rem;
    margin-bottom: .5rem;
}
.checkDocFase > span:first-child {
    font-weight: 600;
}
.color_red700{
    color: var(--red700) !important;
}
.listaCheckDocFase .dbwp_Navigation_Base > div:not(.pagination){
    display: none;
}
.checklist_padre td:first-child span,
.task_padre td:first-child span {
    font-weight: 700;
    font-size: .9rem;
}