[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: 0px dashed #393945;
}

td a {
    color: inherit; /* eredita il colore dal suo elemento padre, o scegli un colore specifico */
}

code {
    background-color: #E7EAEC;
    color: #676A6C;
}

.jqstooltip {
    max-width: 50px;
    height: 25px !important;
}

.bold {
    font-weight: bold;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: calc(.775rem + 1px) calc(1.0rem + 1px) !important;
}

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

.top-35 {
    top: 35% !important;
}

.top-45 {
    top: 45% !important;
}

.ml-3 {
    margin-left: 3px;
}

.mr-3 {
    margin-right: 3px;
}

.modal {
    --bs-modal-width: none;
}

.modal-subheader {
    position: relative;
    top: -20px;
    float: right;
    margin-right: 23px;
}

.btn-group-extra {
    margin-bottom: 3px;
}

.btn-group-devided {
    display: flex;
}

.btn.btn-navy {
    color: var(--kt-success-inverse);
    border-color: #3FA5E4 !important;
    background-color: #3FA5E4 !important;
}

.btn.btn-gold {
    color: var(--kt-secondary-inverse);
    border-color: #E3D857 !important;
    background-color: #E3D857 !important;
}

.bootbox-danger .modal-content {
    background-color: #FCCBD3 !important;
}

.bootbox-warning .modal-content {
    background-color: #FCE5D0 !important;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.survey_code_question {
    margin-top: 10px;
    color: #5C5C5C;
    font-style: italic;

}

.survey_question {
    font-weight: bold;
    font-size: 120%;
}

.test_code_question {
    margin-top: 10px;
    color: #5C5C5C;
    font-style: italic;

}

.test_question {
    font-weight: bold;
    font-size: 120%;
}

/* .fs-2 {
    font-size: 2em !important;
} */

.fa-2x {
    font-size: 2em !important;
}

.fa-3x {
    font-size: 3em !important;
}

.fa-4x {
    font-size: 4em !important;
}

.fa-6x {
    font-size: 6em !important;
}

.bootbox {
    --bs-modal-width: 500px !important;
}

.display-hide {
    display: none;
}

.dropzone .dz-message {
    display: block !important;
    text-align: center !important;
    padding-top: 15px;
}

.w-40 {
    width: 40% !important;
}

.w-30 {
    width: 30% !important;
}

.w-20 {
    width: 20% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.form-floating>select {
    position: relative;
    top: -3px;
    line-height: 10px !important;
}

.form-control-solid {
    border: 1px solid var(--kt-input-group-addon-border-color) !important;
}

.form-date {
    font-size: 12px;
}

.start-80 {
    left: 80% !important;
}

.btn-xs,
.btn-group-xs>.btn {
    --bs-btn-padding-y: 0.14rem;
    --bs-btn-padding-x: 0.23rem;
    --bs-btn-font-size: 0.32rem;
    --bs-btn-border-radius: 0.25rem;
}

.table-datatable-wrapper {
    /* margin: 20px; */
    padding: 10px;
}

tr.table-datatable-header {
    color: #C9C9CC;
    text-transform: uppercase;
    letter-spacing: -1px;
    _font-size: large;
}

input.form-check-input.group-checkable {
    position: relative;
    top: -5px;
    left: 5px;
}

.datatable-lightazure-bg {
    background-color: #D5F2FB !important;
}

.datatable-lightgray-bg {
    background-color: #EAEAEB !important;
}

.datatable-lightblue-bg {
    background-color: #AFC4DB !important;
}

.datatable-lightgreen-bg {
    background-color: #B5DBC4 !important;
}

.datatable-lightred-bg {
    background-color: #F5CCC6 !important;
}

.datatable-lightrose-bg {
    background-color: #FBEAD5 !important;
}

.datatable-white-bg {
    background-color: #FFFFFF !important;
}

.datatable-green-bg {
    background-color: #B7F6C0 !important;
}

.dataTables_info {
    text-align: center;
    position: relative;
    top: 10px;
}

.dataTables_paginate {
    float: right;
}

.dataTables_length {
    float: left;
}

.bottom>.dataTables_info {
    padding-top: 6px !important;
    text-align: right;
}

.datatable_column_header {
    position: relative;
    top: -3px;
    /*font-size: 12px;*/
}

.dataTable td {
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: top;
}

.dataTable_action_subtext {
    font-size: 70%;
    width: 90%;
    text-align: center;
}

.database-active-filter {
    background-color: #A8DFFF;
}

/* .datatable-filter-container {
    padding: 15px;
    margin: 5px;
    background-color: var(--kt-primary-light) !important;
} */

.table-filter {
    padding: 5px;
    _margin: 5px;
}

.datatable-filter-container .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    left: 60px;
}

.datatable-filter-container .visual>i {
    color: #FFF;
    opacity: .7;
    filter: alpha(opacity=10);
}

.datatable-filter-container .visual>i {
    margin-left: -35px;
    font-size: 80px;
    line-height: 80px;
}

.datatable-filter-buttons {
    float: right;
    padding-bottom: 0px;
    padding-top: 5px;
    padding-left: 5px;
}

/* .datatable-filter-group {
    text-align: right;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    line-height: 2;
    __z-index: 1000;
    position: relative;
} */

.datatable-filter-group {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 10px;
    __z-index: 1000;

}


.datatable-filter-last-group {
    text-align: right;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline-block;
    float: right;
}

.datatable-filter-input-group {}

.datatable-filter-input {
    font-size: 12px;
    /* height: 22px; */
}

.datatable-filter-label {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.red-option {
    background-color: #DE7266;
}

.yellow-option {
    background-color: #D9D630;
}

.gray-option {
    background-color: #A5A1AF;
}

.blue-option {
    background-color: #DE7266;
}

.lightgray-option {
    background-color: #5876B0;
}

.lightgray2-option {
    background-color: #DE7266;
}