.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

table.dataTable tbody td.select-checkbox::before,
table.dataTable tbody td.select-checkbox::after,
table.dataTable tbody th.select-checkbox::before,
table.dataTable tbody th.select-checkbox::after {
    top: 50%;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
    margin-top: .2rem;
}

.dataTables_filter {
    margin-right: .2rem;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #c8ced3;
}

.select2 {
    max-width: 100%;
    width: 100% !important;
}

.select2-selection__rendered {
    padding-bottom: 5px !important;
}

.has-error .invalid-feedback {
    display: block !important;
}

.btn-info,
.badge-info {
    color: white;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.sidebar .nav-item {
    cursor: pointer;
}

.btn-default {
    color: #23282c;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}

.btn-default.focus,
.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 213, 215, .5);
}

.btn-default:hover {
    color: #23282c;
    background-color: #d9e1e6;
    border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
    display: block;
}

.c-sidebar-brand .c-sidebar-brand-full { /* xxxxx tolto  .c-sidebar-brand-full:hover */
    color: inherit;
}

.custom-select.form-control-sm {
    padding: 0.25rem 1.5rem;
}

.c-sidebar .c-sidebar-nav-link.c-active, .c-sidebar .c-active.c-sidebar-nav-dropdown-toggle {
    color: #fff;
    background: rgba(255, 255, 255, 0.4); /* override 0.05 */
}
.c-sidebar-nav-item .c-sidebar-nav-link.c-active {
    color: #fff;
    background: #838A96; /* override 0.05 */
    border-radius: 25px 0px 0px 25px;
}

.c-app {
    background-color: #838A96; /* override #EBEDEF*/
}

/*--------------------------------*/
/* Visione ad albero pages e news */


/* Remove default bullets */
ul, #myUL {
    list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
margin: 0;
padding: 0;
}

/* Style the caret/arrow */
.caret {
cursor: pointer;
user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
content: "\25B6";
color: black;
display: inline-block;
margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
display: block;
} 


/*----------------------------------------------------*/
/* Tabs arrotondati (usati per es. da documenti stages) */


@media (min-width: 1024px) {
    .rounded-nav {
        border-radius: 50rem !important;
    }
    .rounded-nav .nav-link {
        border-radius: 50rem !important;
    }
    
    .rounded-nav .nav-item:hover {
        border-radius: 50rem !important;
    }
}

.rounded-nav .nav-item:hover {
    background-color: #cbcdd0;
}


/*----------------------------------------------------*/
/* Dropdown con ricerca (usato per es. da documenti stages) */

/* posizione del dropdon */
.dropdown-right {
    position: relative;
    display: inline-block;
    float: right;
}

/* contenuto dropdown */
.dropdown-content-input {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    right: 0px;
    min-width: 230px;
    border: 1px solid #ddd;
    border-radius: 3px 0 0 0;
    z-index: 4;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    right: 0px;
    top: 70px;
    min-width: 230px;
    border: 1px solid #ddd;
    border-radius: 0 0 3px 3px;
    z-index: 4;
    overflow-y: auto; 
    max-height:50vh;
}

/* link delle voci del dropdown */
.dropdown-content a {
    color: black;
    padding: 4px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

/* Mostra il dropdown menu (con il JS aggiunge la classe .dropdown-content container al click del dropdown) */
.show {display:block;} 



/*----------------------------------------------------*/
/* Tooltip (usato per es. da documenti stages) */


/* Tooltip container */
.tooltip-container {
    position: relative;
    display: inline-block;
}
  
/* Tooltip text */
.tooltip-container .tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    width: 200px;
    /* bottom: 100%;
    left: 50%; */
    top: -5px; /* Sinistra */
    right: 105%; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */

    position: absolute;
    z-index: 1;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
}

/* freccia tooltip */
.tooltip-container .tooltip-text::after {
    content: " ";
    position: absolute;
    top: 40%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
  }