.grecaptcha-badge {
    display: none !important;
}

:root {
    --black: #000000;
    --white: #ffffff;
    --dark-gray: #2b2b2b;
    --middle-gray: #6c757d;
    --light-gray: #9b9b9b;
    --orange: #e74f1c;
    --green: #0F0;
    --light-black: #2f2f2f;
    --middle-black: #434343;
    --dark-white: #ccc;
}

.pointer {
    cursor: pointer;
}

small,
.small {
    line-height: 12px;
    display: inline-block;
    /* https://stackoverflow.com/questions/18151124/css-reducing-line-spacing-of-text: mi serve per l'elenco degli esercizi nella scheda */
}

body {}

.content,
.theme-primary .text-primary {
    color: var(--black) !important;
}

.theme-primary a.text-primary:hover,
.theme-primary a.text-primary:focus {
    color: var(--lightgrey) !important;
}

.theme-primary .hover-primary:hover,
.theme-primary .hover-primary:focus {
    color: var(--darkgrey) !important;
}

.theme-primary .btn-primary {
    border-color: var(--arancio);
    background-color: var(--arancio);
    color: var(--white) !important;
}

.theme-primary .btn-primary:hover,
.theme-primary .btn-primary:active,
.theme-primary .btn-primary:focus,
.theme-primary .btn-primary.active {
    background-color: var(--lightgrey) !important;
    border-color: var(--lightgrey) !important;
    color: var(--black) !important;
}

.theme-primary .form-control:focus,
.form-control:focus,
.form-control,
.form-select {
    border-color: var(--lightgrey);
    box-shadow: none;
}

.form-control-plaintext {
    padding-left: 0.75rem;
    border-width: 1px;
    background-color: #eeeeee;
}

.input-group .input-group-text {
    border-color: var(--lightgrey);
}

.theme-primary .btn-primary-light {
    background-color: transparent;
    border-color: var(--lightgrey);
    color: var(--darkgrey);
}

.theme-primary .btn-primary-light:hover,
.theme-primary .btn-primary-light:active,
.theme-primary .btn-primary-light:focus,
.theme-primary .btn-primary-light.active {
    background-color: var(--darkgrey) !important;
    border-color: var(--lightgrey) !important;
    color: var(--white) !important;
}

.main-header div.logo-box {
    background: black;
}

.theme-primary.light-skin .sidebar-menu>li:hover,
.theme-primary.light-skin .sidebar-menu>li:active,
.theme-primary.light-skin .sidebar-menu>li.active,
.theme-primary.light-skin .sidebar-menu>li:hover a,
.theme-primary.light-skin .sidebar-menu>li:active a,
.theme-primary.light-skin .sidebar-menu>li.active a {
    background-color: transparent;
    color: var(--white);
    border-left: 0px solid transparent;
}

.sidebar-menu li>a,
.sidebar-menu>li>a>i,
.sidebar-menu li>a>* {
    color: var(--white);
}

.link-white {
    color: white !important;
    opacity: 1 !important;
}

.sidebar-menu li a.menu_selected i {
    color: var(--orange) !important;
}

.theme-primary.light-skin .sidebar-menu>li.treeview .treeview-menu li a {
    color: black;
}

.theme-primary.light-skin .sidebar-menu>li.treeview .treeview-menu li a:hover {
    color: var(--darkgrey);
}

.text {
    letter-spacing: 0;
    font-family: "Rubik", sans-serif;
    line-height: 1.2;
}

/*
.redigoGrid_BS_tr.pointer td {
cursor: pointer;
}
*/

span.is-invalid {
    outline: none !important;
    border: 1px solid #dc3545 !important;
}

span.is-valid {
    outline: none !important;
    border: 1px solid #28a745 !important;
}

.theme-primary .alert-info {
    border-color: var(--darkgrey);
    background-color: var(--darkgrey) !important;
    color: var(--black) !important;
}

.alert-info.alert a,
.alert-info.alert a:hover {
    color: var(--black) !important;
}

.alert-danger.alert a,
.alert-danger.alert a:hover {
    color: var(--white) !important;
}


.toastify_success {
    color: #155724;
    background: #d4edda;
    border: 1px #c3e6cb solid;
}

.toastify_success .toast-close {
    color: #155724;
}

.toastify_error {
    color: #721c24;
    background: #f8d7da;
    border: 1px #f5c6cb solid;
}

.toastify_error .toast-close {
    color: #721c24;
}



/* Storage indicator */
.storage-indicator {
    display: block;
    max-width: 16rem;
    margin: 0;
    background-color: #efefef;
    border: 1px solid #8d8d8d;
    text-align: left;
}

.storage-bar {
    height: 1rem;
    background-color: #bdbdbd;
}

.storage-ok {
    background-color: #66bb6a;
}

.storage-warning {
    background-color: #ffca28;
}

.storage-danger {
    background-color: #ef5350;
}



.main-sidebar,
.main-header div.logo-box {
    padding-left: .5em;
    width: 20em;
}

.fixed .multinav {
    left: 0;
    right: 0;
    overflow: auto !important;
}

.sidebar-menu {
    margin: 0;
    padding: 0;
}

.treeview-menu>li>a {
    padding: 0px;
}

.treeview-menu li a i {}

.treeview-menu>li>a>i {
    width: 0px;
    padding-right: .2em;
    padding-left: 0px;
}

.sidebar-menu li>a {
    line-height: auto;
}

.sidebar-menu li a .pull-right-container {
    margin-top: -0.75em;
    right: 1rem;
}

.sidebar-menu li a .pull-right-container .fa-angle-right {
    width: 0px;
}

li.treeview.menu-open a {
    padding-bottom: 0px;
}

.sidebar-menu>li>a>i {
    width: auto;
    border-radius: 0px;
    margin-right: .2em;
    font-size: 1.5em;
    min-width: 25px;
}

.sidebar-menu li {
    display: block;
    padding-right: 0px;
    padding-left: 0px;
}

ul.sidebar-menu>li.treeview>ul.treeview-menu>li {
    /*background-color: lightgrey;*/
    margin-left: 4em;
    text-indent: -1.2em;
}

.sidebar-menu li>a>span {
    text-wrap: wrap;
}

.row.REDIGO_grid_multiselect label {
    line-height: 1.1em !important;
}

.sortable-row {
    background-color: white;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    text-align: left !important;
    /* Serve per il text-end dei numeric messo nella grid: {if $align_right}text-end{/if} in \getHTMLBootstrap_tableJs.tpl*/
}

.sidebar .nav-link {
    color: white;
}

.main-sidebar .nav-pills .nav-link.active {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
}

.sidebar-mini.sidebar-collapse .menu_laterale_top_container {
    display: none;
}

.colorpicker-view {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 2px solid #dee2e6;
    display: inline-block;
}

.f-panzoom__content {
    background-color: white !important;
}
/* Tooltip anteprima immagine in hover sul nome file (campi upload immagine) */
.redigo-file-preview {
    position: absolute;
    z-index: 20000;
    display: none;
    pointer-events: none;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.redigo-file-preview img {
    display: block;
    max-width: 320px;
    max-height: 320px;
    width: auto;
    height: auto;
}

/* EO form: sotto-tab minimali che filtrano i fieldset del tab corrente.
   Volutamente diversi dai nav-tabs principali: pillole piccole e piatte. */
.eo-subtabs {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0 0 1rem;
    padding: 0;
}

.eo-subtab {
    font-size: .78rem;
    line-height: 1.2;
    padding: .28rem .8rem;
    border-radius: 999px;
    background: #eef0f3;
    color: #5a6472;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background .15s, color .15s, border-color .15s;
    cursor: pointer;
    white-space: nowrap;
}

.eo-subtab:hover {
    background: #e2e6eb;
    color: #2b2f36;
    text-decoration: none;
}

.eo-subtab.active {
    background: var(--dash-btn-bg, #5f19b0);
    color: #fff;
    border-color: var(--dash-btn-bg, #5f19b0);
}