:root {
    --grey: #dbdada;
    --border-radius: 9px;
}

.main-sidebar {
    height: unset !important;
}

.dropdown-menu.open .dropdown-menu.inner {
    height: 250pt !important;
    /* il menu a tendina delle chiavi NFC finisce sotto il footer*/
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.date_custom {
    width: auto !important;
}

.custom_testo_place {
    width: max-content;
}

.panel-body {
    padding: 3pt;
}

.timepicker-picker>table:nth-child(1) {

    width: 50%;
    padding-left: 50px;
    margin-left: 50px;
}


.bootstrap-datetimepicker-widget table td {
    height: inherit !important;
    line-height: inherit !important;


}

li.picker-switch {
    display: none;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.bootstrap-datetimepicker-widget table td {
    height: inherit !important;
    line-height: inherit !important;


}

.bootstrap-datetimepicker-widget table td span {
    height: inherit !important;
    line-height: inherit !important;

}

.bootstrap-datetimepicker-widget table td span {
    height: inherit !important;
    line-height: inherit !important;

}

.disabled.day {
    background: #b7b7b7 !important;
}

.bootstrap-select {
    max-width: 400px;
}


.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777777;
    opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777777;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777777;
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

.bootstrap-tagsinput .tag {
    font-size: 15px !important;
    margin-right: 2px;
    color: white;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.label-info {
    background-color: #32beff !important;
}

li.disabled {
    background: #f2f2f2;
    ;
}

*[data-tooltip] {
    position: relative;

}

/**[data-tooltip]::after {*/
/*    content: attr(data-tooltip);*/

/*    position: absolute;*/
/*    top: -20px;*/
/*    right: -20px;*/
/*    width: 400px;*/
/*    height: auto;*/
/*    pointer-events: none;*/
/*    opacity: 0;*/
/*    -webkit-transition: opacity .15s ease-in-out;*/
/*    -moz-transition: opacity .15s ease-in-out;*/
/*    -ms-transition: opacity .15s ease-in-out;*/
/*    -o-transition: opacity .15s ease-in-out;*/
/*    transition: opacity .15s ease-in-out;*/

/*    display: block;*/
/*    font-size: 14px;*/
/*    !*line-height: 16px;*!*/
/*    background: rgba(170, 166, 165, 0.85);*/
/*    padding: 2px 2px;*/
/*    border: 1px solid #c0c0c0;*/
/*    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.4);*/
/*}*/

*[data-tooltip]:hover::after {
    opacity: 1;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
}


.panel-body {
    padding: 30px 10px 30px 10px;
}

.navbar.navbar-static-top {
    height: 40px;

}

.sidebar-toggle {
    height: 40px;

}

.navbar-custom-menu {
    height: 40px;

}

.nav.navbar-nav {
    height: 40px;
}

.dropdown.notifications-menu {

    height: 40px;
}

.dropdown.user.user-menu {

    height: 40px;
}

a.dropdown-toggle {
    height: 40px;

}

.navbar.navbar-static-top {
    height: 40px;
    min-height: 40px;
}

.main-header .logo {

    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.main-header>.navbar {

    border: none;
    min-height: 40px;
    border-radius: 0
}

.dropdown-menu-action {
    left: -130%;
}

.btn-group-action .btn-action {
    cursor: default
}

#box-header-module {
    box-shadow: 10px 10px 10px #dddddd;
}

.sub-module-tab li {
    background: #F9F9F9;
    cursor: pointer;
}

.sub-module-tab li.active {
    background: #ffffff;
    box-shadow: 0px -5px 10px #cccccc
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    background: none;
    bottom: 0;
    color: black;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.nav-tabs>li>a {
    border: none;
}

.breadcrumb {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.form-group>label:first-child {
    display: block
}

.img-icon {
    width: 20px;
    scale: 0.9;
}

.div-gray {
    background-color: #f5f5f5;
}

.disabled_all {
    color: grey;
}

.bg-light-warning {
    background-color: #fff8e1 !important;
}

.dropdown-menu>.active>a {
    color: #FFFFFF;
}

.bootstrap-datetimepicker-widget {
    font-size: 14px !important;
}

.bg-light-info {
    background-color: #d2ebff !important;
}

.custom-text-info {
    color: #0d91df !important;
}

.bg-custom-info {
    background-color: #0d91df !important;
}

.lh-11px {
    line-height: 11px !important;
}

.cursor-text {
    cursor: text !important;
}

/**
region table_utenti_dashboard
 */
#table_utenti_dashboard_wrapper {
    display: block !important;
    flex-flow: unset !important;
}

#table_utenti_dashboard>thead>tr>th:nth-child(5) {
    max-width: 250px;
}

#table_utenti_dashboard_filter {
    display: flex;
    justify-content: end;
}

#table_utenti_dashboard>thead>tr>th.sorting_asc::after {
    content: "" !important;
}

#table_utenti_dashboard_wrapper>div:nth-child(3) {
    flex-direction: row-reverse;
}

#table_utenti_dashboard_info {
    text-align: right;
}

/**
endregion table_utenti_dasboard
 */
.fs-10px {
    font-size: 10px !important;
}

.fs-12px {
    font-size: 12px !important;
}

.fs-16px {
    font-size: 16px !important;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: unset !important;
}

.text-white-trasparent {
    color: rgba(255, 255, 255, 0.8) !important;
}

.span-status-utentes {
    padding: 2px !important;
    font-size: 11px !important;
    line-height: 6px !important;
    margin-bottom: 2px !important;
    text-transform: uppercase !important;
}

/* spinner*/
.spin {
    border: 8px solid #f3f3f3;
    /* Light grey */
    border-top: 8px solid #0171cd;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    margin: auto;
}

.fa-sort-custom-right::before {
    content: "\f0dd";
}

.fa-sort-custom-right {
    transform: rotate(-90deg);
}

/**
region spinner
 */
@media only screen and (max-width: 1260px) {
    .text-nowrap-n-giorni {
        text-wrap: unset !important;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*  fine spinner*/
/* MEDIA */
@media only screen and (max-width: 1060px) {
    .div_button {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 514px) {
    .table-scroll-mobile {
        display: flex;
        overflow-x: scroll;
    }
}



#reader__dashboard_section_csr{
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
}
#reader__dashboard_section_csr > span{
    margin-bottom: 15pt!important;
    margin-top: 15pt!important;
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    justify-content: center!important;
}
#reader__dashboard_section_csr > span > select{
    margin-top: 7pt!important;
}