.widget-flip-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 1000px;
}

.widget-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.widget-flip-inner.flipped {
  transform: rotateY(180deg);
}

.widget-front,
.widget-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  overflow: auto;
  padding: 8px;
  box-sizing: border-box;
}

.widget-front {
  background: #fff;
  z-index: 2;
}

.widget-back {
  transform: rotateY(180deg);
  background: #fff;
}


.bb-main-content {
    margin-top:var(--global-nav-height);
    //padding-top:2rem !important;
    //padding-left:1rem !important;
    z-index:1;
}
@media (min-width: 992px) {
    .bb-main-content {
        margin-left:var(--sidebar-menu-width);
        width: calc(100% - var(--sidebar-menu-width));
    }
}


.bb-dev {
   position:relative;
   margin-top: 20px;
   border: 1px dotted #FF0000;
}
.bb-dev .bb-form-azioni {
   position: absolute;
   top: -20px;
   right: 0;
}

thead tr:first-child th {
    position: sticky;
    z-index: 12;
    top: 0;
    //background: white;
}

.dataTable th.group-azioni,
.dataTable td.group-azioni {
   text-align:right;
   padding-right:4px !important;
}
.dataTable td {
   vertical-align:middle;
}
.dataTable td .btn-link {
    padding:0;
}
.dataTable.table-small {
    font-size: 0.75rem;
}
.dataTable td .row>* {
    margin-top:0;
}
.dataTable tbody td table td {
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.dataTable i {
    font-size:1rem;
}
.dataTable.vtop td {
    vertical-align:top;
}

.dataTables_wrapper {
    overflow: visible !important;
}
.dataTables_scrollBody {
    overflow: visible !important;
}
table.dataTable.stripe > tbody > tr:nth-child(odd) > *,
table.dataTable.display > tbody > tr:nth-child(odd) > * {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.5);
    box-shadow: inset 255 255 255 9999px rgba(255, 255, 255, 0.5);
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.5);
    box-shadow: inset 255 255 255 9999px rgba(255, 255, 255, 0.5);
}
table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3,
table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3 {
    box-shadow:none;
}
table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
    padding: 8px 0;
}
table.dataTable > tfoot > tr > th,
table.dataTable > tfoot > tr > td,
table.dataTable > tbody > tr > td {
    padding: 8px 2px;
}
table.dataTable.row-minpadding > tfoot > tr > th,
table.dataTable.row-minpadding > tfoot > tr > td,
table.dataTable.row-minpadding > tbody > tr > td {
    padding: 2px 2px;
}

.dropdown-menu {
    position: absolute !important;
    z-index: 1050 !important;
}

/*table.dataTable.row-border > tbody > tr > *,
table.dataTable.display > tbody > tr > * {
    border-top: 0!important;
}*/

/*.dataTable td.group-azioni a i {
    font-size: 1rem;
    margin-left:8px;
}*/
.group-azioni a:not(.dropdown-item) {
    width: 22px;
    text-align: center;
    padding: 0px;
    line-height: 22px;
    height: 22px;
    font-size: 16px;
    color: #14112d;
    display: block;
    float: right;
    margin: 0px;
    border-radius:4px;
}
.group-azioni a:not(.dropdown-item):hover {
    color:#FFFFFF;
    background: var(--sidebar-menu-background);
}
.group-azioni a.danger {
    color: rgb(var(--phoenix-danger-rgb));
}
.group-azioni a.danger:hover {
    background: rgb(var(--phoenix-danger-rgb));
    color:#FFF;
}

.nav-underline .nav-link {
   font-weight: 500;
   font-size: 0.875rem;
}
.card-header.nav-header .nav-underline .nav-link {
    padding: 0;
    border-bottom:none;
}

.card-header {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
    font-size:0.875rem;
    line-height: 1.8rem;
    padding-top:0.2rem;
    padding-bottom:0.2rem;
    min-height:38px;

    .group-azioni {
        float:right;

        &.left {
            float:left;
        }

        .dropdown {
            float:left;
        }
        a {
           font-size: 18px;
           position:relative;

           .spia-numero {
                display: block;
                position: absolute;
                right: -4px;
                bottom: -5px;
                border-radius: 10px;
                background: var(--negativo-background);
                width: 16px;
                height: 16px;
                line-height: 16px;
                text-align: center;
                font-size: 8px;
                color:#FFF;
            }
        }
        a:not(.dropdown-item) {
            width: 30px;
            line-height: 30px;
            height: 30px;
            color: var(--negativo-background);
        }
        a.show,
        a:hover {
           background:var(--negativo-background);
           color:#FFF;
           border-radius:4px;
        }
        a.danger {
            color: rgb(var(--phoenix-danger-rgb));
        }
        a.danger:hover {
            background: rgb(var(--phoenix-danger-rgb));
            color:#FFF;
        }
        a.success {
            color: rgb(var(--phoenix-success-rgb));
        }
        a.success:hover {
            background: rgb(var(--phoenix-success-rgb));
            color:#FFF;
        }

        .dropdown-menu a {
            font-size:13px;
            text-transform:none;
            padding: 2px 20px;

            &:hover {
                border-radius:0;
            }
        }
    }
}
.card-body {
   padding-bottom:1.5rem;
}



.custom-title {
    padding-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
    font-size:0.875rem;
}
.tab-content>.tab-pane {
    padding: 0 0.2rem;
}
.opacity-0 {
   opacity:0;
}
.form-label.required:after {
    content: '\2a';
    font-family: 'Font Awesome Pro';
    color: #FF0000;
    font-size: 14px;
    padding-left: 2px;
}
.offcanvas-footer {
   padding: var(--phoenix-offcanvas-padding-y) var(--phoenix-offcanvas-padding-x);
}
.row-filter .comparison {
   width:30px;
   position:relative;
}
.row-filter .comparison .dropdown-toggle {
    position: absolute;
    bottom: 0;
    height: 30px;
    font-size: 0.9rem;
}
.row-filter .comparison .dropdown-toggle:after {
   content:none;
}
.row-filter .comparison .dropdown-item i {
   margin-right:6px;
}
.bb-datatable-filters {
    .search-box {
        width:100%;
        display: flex;

        .item-filtro:first-child {
            flex-grow: 1;
            .search-input {
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
            }
        }
        .item-filtro:not(:first-child) {
            padding-left:4px;
            width:15%;
        }

        //margin-right:0.4rem;
        .form-control {
            font-size: 0.84rem;
            margin-bottom: 0;
            padding: .3rem .5rem;
            border-radius:0;
        }
        .item-filtro-generale .form-control {
            padding-left: 2rem;
            //border-radius: 6px;
        }
        .item-filtro:last-child .form-control {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
            //border-radius: 6px;
        }
        .search-box-icon {
            left: 0.6rem;
            font-size:1rem;
        }
    }
    .btn-datatable-filters {
        font-size: 16px;
        padding: 0.38rem 0.825rem;
        border-radius: 0 6px 6px 0;
    }

    &.with-btn-filter {
        .search-box {
            .search-input {
                //border-radius: 6px 0 0 6px;
            }
        }

        .item-filtro:last-child .search-input {
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }
    }
}

div.dt-container .dt-paging .dt-paging-button {
    padding:0;
    min-width: 38px;
    min-height: 38px;
}
div.dt-container .dt-paging .ellipsis {
    padding: .5rem .75rem;
    background:#FFFFFF;
}
table.dataTable thead th,
table.dataTable tfoot th,
.dataTable th {
   //text-transform: uppercase;
   //letter-spacing: 0.1px;
   font-weight:500;
   //font-size:14px;
}

div.dt-container .dt-paging .dt-paging-button {
    border-radius:50%;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
   content: "\f077";
   font-family: "Font Awesome 6 Pro";
}
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
   content: "\f078";
   font-family: "Font Awesome 6 Pro";
}
table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline:none;
    outline-offset:0;
}

table.dataTable thead > tr > th.dt-head-right.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-head-right.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > th.dt-head-right.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-head-right.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-head-right.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-head-right.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-head-right.dt-ordering-desc span.dt-column-order {
    right:auto;
    left:8px;
}
table.dataTable tr > td.dt-type-numeric,
table.dataTable tr > th.dt-type-numeric,
table.dataTable thead > tr > th.dt-head-right.dt-orderable-asc,
table.dataTable thead > tr > th.dt-head-right.dt-orderable-desc,
table.dataTable thead > tr > th.dt-head-right.dt-ordering-asc,
table.dataTable thead > tr > th.dt-head-right.dt-ordering-desc,
table.dataTable thead > tr > td.dt-head-right.dt-orderable-asc,
table.dataTable thead > tr > td.dt-head-right.dt-orderable-desc,
table.dataTable thead > tr > td.dt-head-right.dt-ordering-asc,
table.dataTable thead > tr > td.dt-head-right.dt-ordering-desc {
    padding-right: 10px;
    padding-left: 20px;
}

/*.page-link.disabled,
[data-list] li.disabled button.page-link,
.table-list li.disabled button.page-link,
.disabled>.page-link,
[data-list] li.disabled button>.page-link,
.table-list li.disabled button>.page-link {
    background-color:none;
    background:none;
}*/

a[bb-sidebar] {
   font-weight:500;
   color:var(--phoenix-primary);
}
a[bb-sidebar]:hover {
   color:var(--negativo-background);
   text-decoration:none;
}

.sidebar-content-list {
    height: calc(100vh - (var(--phoenix-navbar-top-height) + 10rem));
    padding-right:4px;
}
.sidebar-content-list.galleria .list-item {
    width:25%;
    height:auto;
}
.sidebar-content-list.galleria .list-item img {
    width:100%;
}

.navbar .dropdown-menu.navbar-dropdown-caret:after {
    box-shadow:none;
    top: -12px;
}
.navbar-top-notifiche {
    width:100%;
    padding:4px 0;

    .dropdown-menu {
        margin-top: 1rem;
    }
    .navbar-nav {
        padding:2px 0;
    }
    .nav-item {
        font-weight: 400;
        text-transform: uppercase;
        //border:1px solid #C0C0C0;
        //color:#C0C0C0;
        border-radius: 4px; //var(--phoenix-border-radius-pill);
        margin:0 4px;
        cursor:pointer;
        background:var(--sidebar-menu-background);
    }
    .nav-item .topbar-notifica {
        color:#FFFFFF;
        padding: 0.5rem 1rem 0.5rem 0.8rem !important;
        line-height: 0.9rem;
        font-size: 0.7rem;

        .spia-numero {
            right: -4px;
            bottom: -4px;
            color: var(--sidebar-menu-background);
            /*right: 4px;
            bottom: 5px;
            background: #FFFFFF;
            color: var(--sidebar-menu-background);*/
        }
    }
    .nav-item.active {
        background:var(--active-color);
    }
    /*.nav-item.active a {
        color:var(--phoenix-navbar-top-dropdown-hover-bg);
    }*/

    .nav-item:hover {
        background:var(--negativo-background);
        color:#FFFFFF;
    }

    .nav-link::after {
        content:none;
    }

    .topbar-notifica-content {
        min-width: 550px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding:1rem 0rem;
        font-weight: 400;
        font-size: 0.72rem;
        //color: rgba(var(--phoenix-body-highlight-color-rgb), var(--phoenix-text-opacity)) !important;
        cursor: auto;
        //display:block;

        .topbar-footer {
            border-top:1px solid var(--footer-color-bg);
        }

        .topbar-footer-azioni {
            padding: 32px 10px 0 0px !important;
            text-align:right;
        }
    }

    .topbar-notifica-content:after {
        content: "";
        position: absolute;
        z-index: -1;
        width: 1.5rem;
        height: 1.5rem;
        background: var(--phoenix-emphasis-color);
        top: -12px;
        left: calc(50% - 0.75rem);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background: var(--phoenix-emphasis-bg);
        background: inherit;
        border-top-left-radius: .25rem;
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: var(--phoenix-border-color);
    }

    .btnnotificadestroy {
        font-size:14px;
        color:#E45D1D;
        display:block;
        width:16px;
        height:16px;
        text-align:center;
        line-height:18px;
        padding:0;
    }
    .btnnotificadestroy:hover {
        background:#E45D1D;
        color:#FFFFFF;
        border-radius: 8px;
    }

    .topbar-notifica-content tr th:first-child,
    .topbar-notifica-content tr td:first-child {
        padding-left:0.5rem;
    }
    .topbar-notifica-content tr th:last-child,
    .topbar-notifica-content tr td:last-child {
        padding: 0 0.5rem;
    }
    .topbar-notifica-content th {
        padding:0 0 10px 0;
        letter-spacing: 0.2px;
        font-size: 0.8rem;
    }
    .topbar-notifica-content th.titolo {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;

        .titoletto {
            font-size: 12px;
            font-weight: 500;
        }
    }

    .topbar-notifica-content th.azioni {
        width:30px;
        text-align:center;;
    }

    .topbar-notifica-content tr td {
        padding: 2px 0;
    }
    .topbar-notifica-content td.codice {
        font-weight:500;
    }
    .topbar-notifica-content td.quantita {
        text-align:right;
        width:80px;
    }
    .topbar-notifica-content td.prezzo {
        text-align:right;
        width:90px;
    }
    .topbar-notifica-content td.importo {
        text-align:right;
        width:120px;
    }
    .topbar-notifica-content td.azioni {
        width:30px;
        text-align:center;
    }
}

.navbar .dropdown-menu.navbar-dropdown-caret:after {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

.bb-numeric {
    text-align:right;
}
.dataTable .form-outline.form-outline-left .form-control,
.dataTable .form-control {
    padding-right:0.1rem;
    padding-left:0.1rem;
    margin-bottom:0;
}
.form-control.form-control-plaintext {
    border:1px dotted transparent;
    background-color: transparent;
}
.form-control.form-control-plaintext:hover {
    border:1px dotted #c0c0c0;
}
.bb-p-small {
    font-size:11px;
}


.bb-help-lista {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height:400px;
}
.bb-help-lista li:hover {
    background-color: #D6D6D6;
    border-left: 1px solid #F9100C;
}
.bb-help-lista li:nth-child(odd) {
    background: #F7F7F6;
}
.bb-help-lista li {
    margin: 0;
    padding: 5px;
    cursor: pointer;
    border-left: 1px solid transparent;
    //font-size: 13px;
    margin: 5px 0px;
    overflow:hidden;
}
.bb-help-lista li .dettagli {
    font-size: 0.73rem;
    padding-top:2px;
}

.bb-round-status {
    background:#FFFFFF;
    width:12px;
    height:12px;
    border-radius:50%;
    border:none;
}
.dropdown.inline {
    display:inline-block;
    //float:left;
}
.dropdown-toggle.ball {
    font-weight:400;
    display: flex;
    justify-content:flex-start;
    align-items:center;
}
.dropdown-toggle.no-cursor::after {
    content:none;
}
.dropdown-menu.ball .dropdown-item {
    display: flex;
    justify-content:flex-start;
    align-items:center;
}
.dropdown-toggle.ball .label,
.dropdown-menu.ball .dropdown-item .label {
    //padding: 4px 0px 0px 4px;
    margin:0 6px;
    color: var(--phoenix-table-color-state, var(--phoenix-table-color-type, var(--phoenix-table-color)));
}

.bb-megabutton {
    padding:2rem;
    text-align:center;

    h5 {
        text-transform: uppercase;
    }
    .icon {
        font-size:2.2rem;
    }
    .description {
        font-weight: 400;
        font-size: 0.74rem;
    }
}