/* navbar-top-fixed.css */
/* Show it is fixed to the top */
body {
    /*min-height: 75rem;*/
    padding-top: 4.5rem;
    background-color: #F3F4F9;
    color: #212121
}

    body.body-no-navbar {
        padding-top: 10px;
    }

.table-responsive {
    /* table-responsive imposta su block e non compare la scroll orizzontale */
    display: table;
}

table {
    font-size: 14px;
}

input:invalid, select:invalid, textarea:invalid {
    box-shadow: 1px !important; /* toglie il bordo di default, troppo spesso*/
    border-left-color: #F65177 !important;
    border-bottom-color: #F65177 !important;
}

.navbar {
    font-size: 14px;
}

.navbar-right > .nav-item.active:not(.dropdown) {
    padding-top: 10px;
}

.navbar-toggler {
    color: rgb(255, 255, 255) !important;
    border: none;
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .navbar-nav > .nav-item > .nav-link {
        margin-left: calc(100% / 2);
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    #navBarBrand {
        /*mantiene allineati i menu della navbar alla larghezza della sidebar*/
        min-width: 178px;
    }
}

label, .control-label {
    font-size: 14px;
}

h4.panel-title { /* header degli Accordion */
    font-weight: 500;
}

.datepicker {
    z-index: 2000 !important;
}

    .datepicker, .datepicker table {
        font-size: 14px;
    }

        .datepicker .month, .datepicker .year {
            margin: 1px 3px 1px 3px;
        }

        .datepicker td, .datepicker th, .checkbox-inline {
            cursor: pointer;
        }

textarea {
    resize: none; /*evita il resize di Chrome*/
}

#tblResult {
    white-space: nowrap;
}

.sub-header {
    font-weight: 200;
    margin-top: 10px;
    margin-bottom: 15px;
}

.app-btn {
    min-width: 100px;
}

.form-group .app-btn {
    /*padding-bottom: 0px;*/
    min-width: 44px !important;
}

.material-icons {
    vertical-align: middle;
}

/*override per l'allineamento vericale delle griglie DevEx (col.CellStyle.VerticalAlign = VerticalAlign.Top viene ignorata)*/
/*.dxbs-gridview > .card > table > thead > tr > th,*/
.dxbs-gridview > .card > table > tbody > tr > td,
.cellStyle {
    vertical-align: top !important;
    white-space: nowrap;
}

td.dxgvADDC {
    white-space: normal;
}

.dxbs-gridview > .card > table > thead > tr > th {
    white-space: nowrap;
}

    .dxbs-gridview > .card > table > thead > tr > th > a {
        color: #000000 !important;
    }

/*dxbs-icon-filter*/
.dxbs-icon {
    font-size: 0.7rem;
}

/*nasconde [x] su griglia DevEx*/
.dxbs-cmd-cell span {
    display: none !important;
}

.dxbs-cmd-cell {
    padding: 0px !important;
}

.dxgvArm > td {
    padding: 0px !important;
}

/*per stile sandstone*/
a, .btn-link, .card-link {
    color: #325D88;
}

    a:hover, .btn-link[href]:hover {
        color: #244463;
    }

.dropdown-item.btn-link:hover {
    color: #244463;
}

.dropdown-item:focus {
    color: #8E8C84;
    text-decoration: none;
    background-color: transparent;
}

.dropdown-item:hover {
    color: #8E8C84;
    text-decoration: none;
    background-color: #F8F5F0;
}

.card-link {
    color: #325D88 !important;
}

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

input.form-control {
    height: calc(2rem + 2px) !important;
}

.card-header > h5 > .btn-link {
    font-size: larger;
}

.card-header {
    background-color: #F8F5F0;
}

.card-link {
    display: inline-block;
    width: 100%;
}

    .card-link > h4 {
        margin-bottom: 0px !important;
    }

.navbar-brand > .material-icons {
    font-size: xx-large;
}

.navbar-brand {
    font-size: x-large;
}
/*occupa l'altezza della navbar fixed top per posizionare gli altri controlli*/
.navbar-height-ph {
    height: 75px;
}

.dxbs-gridview {
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

/* DevExtreme overrides */
.dx-state-focused {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #6f9dca !important;
    outline: 0 !important;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(50,93,136,0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(50,93,136,0.25) !important;
}

.dx-state-readonly, .dx-state-disabled {
    border: 1px solid rgb(206, 212, 218) !important;
    /*background-color: #F8F5F0 !important;*/
    opacity: 1 !important;
}

.dx-widget, .dx-widget input {
    font-family: inherit !important;
}

.dx-texteditor-input {
    color: rgb(73, 80, 87) !important;
}

.form-group .dxeTextBoxDefaultWidthSys,
.form-group .dxeButtonEditSys {
    width: 100% !important;
}

.dxbs-gridview td .dxbs-date-edit {
    min-width: 10px !important;
}



div.devextreme-selectbox[required].invalid,
.devex-combobox[required="required"].invalid {
    box-shadow: 1px !important; /* toglie il bordo di default, troppo spesso*/
    border-left-color: #F65177 !important;
    border-bottom-color: #F65177 !important;
}
/*div.devextreme-selectbox input.form-control.dx-texteditor-input:required:invalid {
    border: none;
}*/
/*pulsante Apri sulla griglia*/
button[data-toggle="gridview-datarow-edit"] {
    background-color: blue;
    text-decoration: none;
    color: white;
}

.alert-dismissible {
    position: fixed; /*! left: 15px; */
    right: 5px;
    bottom: 5px;
    z-index: 9000;
}
.alert-dismissible:nth-of-type(2n){
    bottom: 55px;
}
.alert-dismissible:nth-of-type(3n) {
    bottom: 105px;
}

/* bootstrap datepicker */
.input-daterange .add-on {
    height: auto !important;
    min-width: 36px !important;
}

.focused-row,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) {
    background-color: /*#325d88*/ /*rgba(0, 0, 0, 0.075)*/ rgba(218, 218, 218, 1) !important;
    /*color: white !important;*/
    color: #757575;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td {
    border-bottom: none;
    color: #757575;
}

.dx-pages {
    margin-right: 65px;
}

.control-label {
    margin-bottom: 0px !important;
}

.card-header {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

    .card-header h4 {
        font-size: 18px !important;
    }

/*override delle combo DevEx che non ereditano gli stili bootstrap*/
input.dxeEditArea, .dxeListBox {
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
}

    input.dxeEditArea:not([disabled]), .dxeListBox:not([disabled]) {
        color: #495057 !important;
    }

    input.dxeEditArea[readonly="readonly"], input.dxeEditArea[disabled], .dxeListBox[disabled], .dxeListBox[readonly] {
        color: #A8A8A8 !important;
    }

.dxeListBoxItemHover {
    color: #495057 !important;
    background-color: rgba(0, 0, 0, 0.075) !important;
}

.dxeListBoxItemSelected {
    color: #495057 !important;
    background-color: /*#325d88*/ /*rgba(0, 0, 0, 0.075)*/ rgba(218, 218, 218, 1) !important;
}

.dxeFocused {
    /*border: 1px solid #ced4da !important;*/
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #6f9dca !important;
    outline: 0 !important;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 93, 136, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(50, 93, 136, 0.25) !important;
}

/*tab control*/
.nav-tabs {
    margin-top: 10px;
}

.tab-pane {
    border: solid 1px #dfd7ca;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #fff !important;
    background-color: #325d88 !important;
}

.accordion {
    /*nasconde il passaggio da accordion a tab, viene resa visibile a fine caricamento*/
    display: none;
}

.d-flex a.align-middle {
    margin-top: auto;
    margin-bottom: auto;
}

.no-dropdown-arrow::after {
    content: none;
}

.btn {
    white-space: nowrap;
}

.bg-primary {
    background-color: #3E4557 !important
}

.btn-primary {
    background-color: #009CDF;
    border: 0;
    border-radius: 2px;
    font-weight: 500;
    font-size: 13px
}

    .btn-primary .material-icons, .btn-primary .material-icons-outlined {
        margin-right: 8px;
        margin-top: -2px
    }

    .btn-primary:hover {
        background-color: #4DB9E8
    }

    .btn-primary:active {
        background-color: #007CB2
    }

    .btn-primary:focus {
        box-shadow: none
    }

    .btn-primary:not(:disabled):not(.disabled):active {
        background-color: #007CB2
    }

.navbar * {
    font-weight: 500 !important
}

.navbar-brand img {
    max-width: 100%;
    height: auto
}

.navbar-brand .material-icons {
    transition: all .33s cubic-bezier(.685, .0473, .346, 1);
    margin-left: 17px;
    font-size: 26px
}

.sidebar.float-left.active + #content .navbar-brand .material-icons {
    margin-left: 12px
}

#sidebar .nav p {
    transition: opacity 300ms linear 200ms;
    font-weight: 500
}

#sidebar.active {
    width: 80px;
    display: block
}

    #sidebar.active li.active > a {
        background-color: transparent;
        box-shadow: none
    }

    #sidebar.active .sidebar-wrapper {
        width: 80px
    }

    #sidebar.active .nav p {
        transition: opacity 300ms linear 0s;
        opacity: 0
    }

    #sidebar.active .nav li.active {
        background-color: #009CDF
    }

    #sidebar.active .nav li a {
        height: 50px;
        padding-left: 10px
    }

.sidebar .nav li:first-child {
    margin-top: 15px
}

.sidebar .nav li a {
    margin-top: 0;
    text-transform: uppercase;
    color: #000000;
    opacity: .5
}

    .sidebar .nav li a i {
        color: #000000
    }

.sidebar .nav li.active {
    background-color: #009CDF
}

    .sidebar .nav li.active:hover {
        background-color: #009CDF
    }

    .sidebar .nav li.active a {
        opacity: 1;
        background-color: transparent;
        box-shadow: none
    }

.sidebar .nav li:hover {
    background-color: #F3F4F9
}

    .sidebar .nav li:hover a {
        background-color: transparent;
        opacity: 1
    }

main:not(.main-panel):not(.no-sidebar) {
    margin-left: 80px;
    width: calc(100% - 80px)
}

main.main-panel:not(.no-sidebar) {
    margin-left: 260px;
    width: calc(100% - 260px)
}

main.container-fluid {
    padding-bottom: 15px;
}

#tableResultContainer {
    overflow-x: hidden
}

.dxbs-table th {
    background-color: #F3F4F9;
    outline: 0
}

    .dxbs-table th a {
        font-weight: 400;
        color: #212121
    }

.dxbs-table .table-active, .dxbs-table .table-active > th, .dxbs-table .table-active > td, .dxbs-table tbody tr:hover, .dxbs-table .table-hover .table-active:hover {
    background-color: #DFE4ED !important;
    outline: 0
}

select.form-control {
    background-color: #F3F4F9;
    border-color: #B9C2D3
}

form .form-control-relevant {
    background-color: #F3F4F9 !important;
}

form .accordion select.form-control {
    background-color: transparent;
    border-color: #B9C2D3
}

form .card {
    margin-bottom: 0 !important
}

.dxbs-gridview > .card {
    border-radius: 0;
    border: 0;
    border-top: 0
}

.dxbs-gridview .card-body {
    padding-top: 10px;
    padding-bottom: 10px
}

/*.dxbs-gridview td {
    padding: 7px 15px 7px 15px;
    width: auto
}*/

.material-icons-outlined {
    vertical-align: middle
}

/*.content-width, .scrolling-toolbar*/
.content-width-0 {
    /*larghezza mini sidebar (80) + 5px per ombreggiatura*/
    left: 85px;
    width: calc(100% - 85px)
}

.calendarHeader #DevExCreateEvento {
    margin-right: 8px
}

.calendarHeader .btn-secondary.dxbs-ta-e span {
    font-size: 20px
}

.calendarHeader .btn.btn-secondary {
    background-color: transparent;
    border: none
}

    .calendarHeader .btn.btn-secondary span {
        font-weight: 500;
        color: #757575
    }

    .calendarHeader .btn.btn-secondary:focus {
        background-color: transparent;
        box-shadow: none !important
    }

    .calendarHeader .btn.btn-secondary:not(:disabled):not(.disabled):active {
        background-color: transparent;
        box-shadow: none !important
    }

.calendarHeader .btn.dxbs-sc-showpopup-btn span {
    color: #009CDF
}

.calendarHeader .dxbs-sc-rns .badge {
    margin-right: 8px
}

.calendarHeader .btn-secondary:not(:disabled):not(.disabled).active {
    background-color: transparent;
    border: none;
    position: relative
}

    .calendarHeader .btn-secondary:not(:disabled):not(.disabled).active span {
        position: relative;
        color: #212121
    }

        .calendarHeader .btn-secondary:not(:disabled):not(.disabled).active span::after {
            content: '';
            position: absolute;
            bottom: -14px;
            width: 100%;
            height: 6px;
            left: 0;
            background-color: #009CDF
        }

.calendarHeader .btn-group {
    margin: auto
}

.dxbs-scheduler .dxbs-week-view .dxsc-day-hr {
    border: 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize
}

.badge.badge-secondary {
    background-color: #009CDF;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 20px;
    font-weight: 400;
    padding-left: 12px;
}

.dxbs-scheduler {
    border-color: #B9C2D3
}

    .dxbs-scheduler .table-active, .dxbs-scheduler .dxsc-today-cell-head {
        background-color: #F3F4F9;
        border-left: 0;
        text-align: center
    }

    .dxbs-scheduler .table-bordered td {
        border-bottom: 0
    }

    .dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head {
        background-color: transparent;
        border-bottom: 0
    }

    /*    .dxbs-scheduler .bg-success {
        background-color: #009CDF !important
    }*/

    .dxbs-scheduler .table-active {
        border-right: 1px solid #DFD7CA
    }

.btn .material-icons, .btn .material-icons-outlined {
    font-size: 1.2rem
}

.form-bordered {
    /*background-color: white;*/
    /*margin-top: 10px;*/
    margin-top: 0px;
    border: 1px solid #B9C2D3;
    /*border-bottom: 0px none;*/
    border-radius: 2px 2px 0 0
}

.form .tab-pane {
    border-right: 0;
    border-left: 0;
    border-color: #B9C2D3
}


.head-summary {
    background-color: #fff;
    border: 1px solid #B9C2D3;
    /*border-right: 0;
    border-left: 0;
    border-top: 0;*/
    border-bottom: 0px;
    color: #212121;
    border-radius: 2px 2px 0 0;
    /*padding-left: 8px;*/
    margin-top: 11px;
}

form .head-summary {
    border: none;
    margin-top: 0px;
}

.head-summary a {
    color: #212121 !important;
}

    .head-summary a.disabled {
        color: #a9afbb !important;
        pointer-events: none !important;
    }

.head-summary .title-header {
    background-color: #fff !important;
    color: #009CDF !important;
    text-transform: uppercase;
    outline-width: 0;
    outline: none;
    font-weight: 500
}

.head-summary #pageHeaderRightButtonsContainer {
    padding-right: 10px
}

    .head-summary #pageHeaderRightButtonsContainer .btn-primary {
        margin: 6px
    }

    .head-summary #pageHeaderRightButtonsContainer .more_menu {
        padding: 6px;
        padding-left: 0;
        margin-left: 10px;
        cursor: pointer;
        line-height: 1.2;
        color: #757575
    }


.form #accordion {
    margin-top: 16px
}

.form #accordion, .form #mainAccordion {
    color: #757575
}

    .form #accordion .dxpc-shadow, .form #mainAccordion .dxpc-shadow {
        box-shadow: 0 0 2px 0 rgba(0,0,0,0.24),0 2px 4px 0 rgba(0,0,0,0.12)
    }

    .form #accordion .dxeListBox, .form #mainAccordion .dxeListBox {
        border: 0
    }

        .form #accordion .dxeListBox table, .form #mainAccordion .dxeListBox table {
            border-collapse: collapse !important
        }

.form .dxeListBox .dxeListBoxItemHover,
.form .dxeListBox .dxeListBoxItemRow:hover {
    background-color: #F3F4F9 !important
}

.form .dxeListBox .dxeListBoxItemSelected {
    background-color: #DFE4ED !important
}

.form #accordion .dxeListBox .dxeHD, .form #mainAccordion .dxeListBox .dxeHD {
    background-color: #F3F4F9;
    border-bottom: 0
}

    .form #accordion .dxeListBox .dxeHD td, .form #mainAccordion .dxeListBox .dxeHD td {
        color: #4c4c4c;
        font-size: 14px;
        font-weight: 500;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 8px !important;
        border: 1px solid #B9C2D3;
    }

.form #accordion .dxeListBox .dxlbd table td,
.form #mainAccordion .dxeListBox .dxlbd table td {
    color: #757575;
    /*font-size: 14px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px !important;
    font-weight: 400;
}

.form #accordion .form-control, .form #mainAccordion .form-control,
.form #accordion input.dxeEditArea, .form #mainAccordion input.dxeEditArea,
.form #accordion .dxeListBox, .form #mainAccordion .dxeListBox {
    color: #495057;
}

.form #accordion a:not(.nav-link):not([data-toggle="gridview-column-sort"]),
.form #mainAccordion a:not(.nav-link):not([data-toggle="gridview-column-sort"]) {
    color: #757575
}

    .form #accordion a:not(.nav-link):not([data-toggle="gridview-column-sort"]):hover,
    .form #mainAccordion a:not(.nav-link):not([data-toggle="gridview-column-sort"]):hover {
        color: #009CDF
    }

.form #accordion label, .form #mainAccordion label,
.form #accordion .form-group > .control-label,
.form #mainAccordion .form-group > .control-label {
    color: #757575;
    font-size: 12px
}

.form #accordion .dxbs-table .dxbs-icon.dxbs-icon-filter,
.form #mainAccordion .dxbs-table .dxbs-icon.dxbs-icon-filter {
    color: #009CDF
}

.form #accordion .dxbs-table tr th, .form #mainAccordion .dxbs-table tr th {
    color: #212121;
    border: 1px solid #B9C2D3
}

    .form #accordion .dxbs-table tr th a, .form #mainAccordion .dxbs-table tr th a {
        color: #757575;
        font-weight: 500
    }

    .form #accordion .dxbs-table tr th:first-child, .form #mainAccordion .dxbs-table tr th:first-child {
        padding-left: 15px;
        border-left: 0
    }

    .form #accordion .dxbs-table tr th:last-child, .form #mainAccordion .dxbs-table tr th:last-child, .form #accordion .dxbs-table tr th:nth-last-child(2), .form #mainAccordion .dxbs-table tr th:nth-last-child(2) {
        border-right: 0
    }

/*.form #accordion .dxbs-table tr td, .form #mainAccordion .dxbs-table tr td {
    border: 1px solid #B9C2D3;
    font-weight: 400;
    padding: 8px
}

    .form #accordion .dxbs-table tr td:first-child, .form #mainAccordion .dxbs-table tr td:first-child {
        border-left: 0;
    }*/

.form #accordion .dxbs-table tr td:last-child,
.form #mainAccordion .dxbs-table tr td:last-child,
.form #accordion .dxbs-table tr td:nth-last-child(2),
.form #mainAccordion .dxbs-table tr td:nth-last-child(2) {
    border-right: 0;
    /*white-space: pre;*/
    overflow-wrap: break-word;
}

.form .accordion .tab-content > .tab-pane > .card-body {
    padding: 15px
}

.form .tab-content {
    background-color: #fff !important;
}

.form .nav-tabs {
    border-bottom: 0;
    align-items: flex-end;
    padding-left: 24px;
}

    .form .nav-tabs .nav-link {
        background-color: #DFE4ED
    }

    .form .nav-tabs .nav-link {
        font-size: 14px;
        padding: 0px 10px;
        text-transform: capitalize;
        font-weight: 400;
        line-height: 1.6em;
        border-radius: 5px 5px 0 0;
        border: 1px solid #B9C2D3;
    }

        .form .nav-tabs .nav-link:hover {
            text-decoration: underline;
            background-color: #B9C2D3;
            color: #212121;
        }

        .form .nav-tabs .nav-link.active {
            border: 0;
            background-color: #009CDF !important;
            text-transform: capitalize;
            font-size: 16px;
            font-weight: 400;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 20px;
            padding-right: 20px;
            box-shadow: 2px 0 4px 0 rgba(0,0,0,0.12);
        }

            .form .nav-tabs .nav-link.active:hover {
                text-decoration: none;
            }

.form .table-striped tbody tr:nth-of-type(odd) {
    background-color: #F3F4F9;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    color: #A8A8A8 !important;
    font-weight: normal !important;
}

.table-bordered th, .table-bordered td {
    border-color: #DFE4ED
}

.mc-1 {
    margin: 6px
}

.btn-secondary {
    background-color: #F3F4F9;
    color: #757575;
    border-color: #ced4da;
}

    .btn-secondary:hover {
        background-color: #B9C2D3;
        color: #212121;
    }

    .btn-secondary:focus {
        box-shadow: none !important;
    }

    .btn-secondary:not(:disabled):not(.disabled):active {
        box-shadow: none !important;
    }



/*CSS Personalizzato*/

/* SCROLLBAR Menu laterale*/
.sidebar-wrapper {
    overflow: hidden;
}

    .sidebar-wrapper:hover {
        overflow: auto;
        padding-right: 0px;
    }
    /* width */
    .sidebar-wrapper::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    /* Track */
    .sidebar-wrapper::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .sidebar-wrapper::-webkit-scrollbar-thumb {
        background: #c0c0c0;
    }

        /* Handle on hover */
        .sidebar-wrapper::-webkit-scrollbar-thumb:hover {
            background: #8e8c84;
        }


.dxeNullText {
    font-weight: 400 !important
}

/* imposta grassetto e colore per i campi valorizzati sulle form */
form input[type="text"].form-control:not(:placeholder-shown),
form input[type="tel"].form-control:not(:placeholder-shown),
form input[type="email"].form-control:not(:placeholder-shown),
form input[type="url"].form-control:not(:placeholder-shown),
.highlight-field:not(:placeholder-shown) {
    font-weight: bold;
    color: #495057 !important;
}
/* IE 10+ */
form input[type="text"].form-control:not(:-ms-input-placeholder),
.highlight-field:not(:-ms-input-placeholder) {
    font-weight: bold;
    color: #495057 !important;
}

/* fa in modo che il testo non sia in grassetto per i campi filtro delle griglie, nella login, nella modale di ricerca */
.dxbs-filter-row .dxbs-textbox .form-control, .form-signin .input-group .form-control, #SearchControlsContainer .form-group .form-control, .dxbs-search-panel input[type="text"] {
    font-weight: 400 !important;
}

.icon-rating {
    font-size: 13px;
    color: #f8f5f0;
}

.dx-htmleditor {
    border-radius: 0.25rem;
    white-space: pre-wrap;
}
/* Dimensione delle immagini all'interno dell' editor html */
.dx-htmleditor-content img {
    max-width: 95%;
}

.btn-evento {
    color: #8A8A8A !important;
    font-weight: 500;
    border: 1px solid #ced4da;
    font-size: 12px;
    border-radius: 0.25rem;
    width: 100%
}

    .btn-evento:hover {
        color: #3E3F3A !important;
        text-decoration: none;
        border: 1px solid #ced4da;
        font-size: 12px;
        border-radius: 0.25rem;
        width: 100%
    }

    .btn-evento:focus {
        color: #3E3F3A !important;
        border: 1px solid #ced4da;
        font-size: 12px;
        border-radius: 0.25rem;
        width: 100%
    }

.btn-fullscreen-html-editor {
    color: #8A8A8A;
    border-radius: 2px;
    font-weight: 500;
    font-size: 13px;
    padding: 0;
}

    .btn-fullscreen-html-editor:hover {
        color: #3E3F3A;
        text-decoration: none;
        border-radius: 2px;
        font-weight: 500;
        font-size: 13px;
    }

    .btn-fullscreen-html-editor:focus {
        color: #3E3F3A;
        text-decoration: none;
        border-radius: 2px;
        font-weight: 500;
        font-size: 13px;
    }

input[type="checkbox"] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin-right: 5px;
}

.accordion .card-body .row .form-check,
.search-dialog .form-check {
    display: table-cell;
    vertical-align: middle;
}

    .accordion .card-body .row .form-check label,
    .search-dialog .form-check label {
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        margin-top: 2.5px;
        padding-left: 5px;
    }

.scartata-email {
    cursor: pointer;
}

    .scartata-email:hover {
        cursor: pointer;
        color: #009CDF !important;
    }

.grid-icon-btn {
    cursor: pointer;
}

    .grid-icon-btn:hover {
        cursor: pointer;
        color: #009CDF !important;
    }

.mce-panel {
    border: 0 solid #cacaca;
    border: 0 solid rgba(0,0,0,0.2);
    background-color: #ffffff !important;
}

.mce-btn.mce-active, .mce-btn.mce-active:hover {
    background-color: #dfe4ed !important;
    border-radius: 5px;
}

.mce-btn {
    background-color: #ffffff !important;
}

.mce-container, .mce-container-body {
    display: block;
    border-radius: 5px;
}

.mce-path {
    display: none !important;
}

.mce-btn:hover, .mce-btn:focus {
    border-radius: 5px;
}
/*Colore dei Floating Button*/
.dx-fab-actions-visible .dxbs-fab-text-container {
    background-color: #009cdf !important;
}

/* Loader griglia devEx e Scheduler */

/* Master */
.dxbs-lp .dxbs-icon-refresh::before {
    content: "";
}

.dxbs-lp .dxbs-icon-refresh {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    /*custom*/
    position: relative;
    z-index: 900;
    display: block;
    left: calc(50% - 40px); /*40px = width/2*/
    top: calc(50% - 40px); /*40px = height/2*/
}

.dxbs-lp .card-body span:nth-child(2) {
    display: none;
}

/* Sfondo per la SummaryGroupRow delle griglie DevEx */
.dxbs-groupf {
    background-color: #f3f4f9;
}

/* Griglie DevExtreme */
/*Disattivata width, height predefinita della scrollbar per porblemi di visualizzazione (richiesta di Lele)*/
/*.dx-scrollbar-vertical .dx-scrollbar-hoverable,
.dx-scrollbar-vertical .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
    width: 18px;
}

.dx-scrollbar-horizontal .dx-scrollbar-hoverable,
.dx-scrollbar-horizontal .dx-scrollable-scroll,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
    height: 18px;
}
*/
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #f1f2f7 !important;
}

.dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td {
    background-color: transparent !important;
}

.dx-datagrid-headers {
    color: #757575 !important;
    background-color: #f3f4f9 !important;
    font-weight: bold;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
    border-bottom: 0px solid !important;    
}

    .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
        background-color: #5c95c5;
        color: #212121 !important;        
    }

a.dxeHyperlink:hover {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #757575;
}

.dropdown-divider {
    border-top: 1px solid #ced4da !important;
    margin-bottom: 1.5rem !important;
}

/*Stile per rimuovere riquadro e sfondo dal tastino dei DropDown devexpress*/
.dxeButtonEditButton, .dxeButtonEditButtonHover {
    background: transparent;
    border: 0px;
}

/* Sfondo per il controllo devExpress TagBox*/
.dxbs-input-cntr {
    background-color: #f3f4f9;
}

/* Tab della pagina di dettaglio */
.nav-tabs > .nav-item {
    padding-top: 8px !important;
    padding-bottom: 8px !important;    
}

/* Finestra modale ricerca */
#searchModal .modal-dialog {
    max-width: 1000px;
}

#searchModal_Custom .modal-dialog {
    max-width: 1000px;
}

#tableResultContainer .dx-datagrid-search-panel {
    margin: 0 15px 0 15px !important;
}

.dx-datagrid-search-panel {
    margin: 0 15px 0 15px !important;
}

#popupReferentiDaCollegare .modal-content {
    min-width: fit-content;
}

body > .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag, .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select {
    z-index: 10 !important;
}