.bg-danger{
    background-color: #DD4B39 !important;
    color: #FFFFFF;
}

/*test per avere meno padding sopra ai pulsanti sopra alla kendogrid, ovviamente modifica tutte le pagine, controllare */
.main-panel > .content {
    padding: 0 30px 30px;
    min-height: calc(100vh - 123px);
    margin-top: 70px;
}

/*Bottoni Customizzati*/
a.btn-sm.btn-success {
    background-color: #2DB48D;
    color: #FFFFFF;
}

a.btn-sm.btn-success:focus, a.btn-sm.btn-success:active, a.btn-sm.btn-success:hover {
    background-color: #248766 !important;
    color: #FFFFFF !important;
}
.btn.btn-success {
    background-color: #2DB48D;
    color: #FFFFFF;
}

.btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover {
    background-color: #248766 !important;
    color: #FFFFFF !important;
}

.btn.btn-twitter {
    background-color: #29A6EE;
    color: #FFFFFF;
}

.btn.btn-twitter:focus, .btn.btn-twitter:active, .btn.btn-twitter:hover {
    background-color: #1a8ab9 !important;
    color: #FFFFFF !important;
}

.btn.btn-danger {
    background-color: #DD4B39;
    color: #FFFFFF;
}

.btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover {
    background-color: #DD4B39 !important;
    color: #FFFFFF !important;
}

.btn.btn-warning {
    background-color: #FBC658;
    color: #FFFFFF;
}

.btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:hover {
    background-color: #FAB526 !important;
    color: #FFFFFF !important;
}

.btn.btn-warning:disabled {
    background-color: #FBC658 !important;
    color: #000000 !important;
}

/* Menù di color nero */
.sidebar:after, .off-canvas-sidebar:after, button#minimizeSidebar, button#minimizeSidebar:hover, thead.thead-dark, .table .thead-dark th {
    background: #212121;
}

/* Icona e Testo del modulo attuale di color arancione */
.sidebar .nav li.active > a[data-toggle="collapse"], .sidebar .nav li.active > a[data-toggle="collapse"] i, .sidebar .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active i, .sidebar .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active > a, .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"], .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"] i, .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active i, .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active > a {
    /*color: #ef8157;*/
    color: #F5821F;
}

/* Icona e Testo degli altri moduli di color bianco e più evidente */
.sidebar .nav li > a, .off-canvas-sidebar .nav li > a {
    opacity: 1;
    color: #FFFFFF;
}

.singolo.active i, .singolo.active p {
    color: #F5821F !important;
}

.collapse li.active i, .collapse li.active span {
    color: #F5821F !important;
}

.alert.alert-success {
    background-color: #2DB48D;
}

.card label {
    font-size: 16px;
    margin-bottom: 5px;
    color: #212121;
    font-weight: bold;
}

label {
    font-size: 0.8571em !important;
    margin-bottom: 5px;
    color: #212121;
    font-weight: bold;
}

span.fal {
    font-size: 15px
}

table thead {
    background-color: #212121;
    color: white;
}

table .btn-sm {
    font-size: 1.2em;
}

table thead {
    background-color: #212121;
    color: white;
}

.fixed-table-container .table thead th .th-inner {
    line-height: 10px;
    padding: .5rem !important;
}

.righe-strette > thead > tr > th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.table-hover > tbody > tr:hover {
    background-color: #e0e0e0;
    z-index: 999999;
}

.righe-strette {
    overflow-y: auto;
    height: 100px;
    font-size: 12px;
}

.fixed-table-container thead th {
    padding: 2px !important;
}

.righe-strette th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #212121;
    font-size: 11px !important;
}

.righe-strette thead {
    background-color: #212121;
    color: white;
}

input.error {
    border: 1px solid red;
    font-weight: 100;
    color: red;
}

select.error {
    border: 1px solid red;
    font-weight: 100;
    color: red;
}

label.error {
    position: absolute;
    top: -10%;
    width: 80%;
    left: 20%;
    color: red;
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-top: 5px;
    text-align: right;
}

a {
    color: #0070ff;
}

a:hover {
    color: #0056b3;
}

body, .card label {
    color: #000;
}

.form-control {
    color: #000;
}

span.caret {
    display: none;
}

.bs-print {
    background-color: #66615B;
}

.bs-print:hover {
    background-color: #403D39;
}

.bs-print i::before {
    padding-right: 10px;
    font-family: "FontAwesome"
}

.bs-print i::before {
    content: "\f02f";
}

a.btn, button.btn {
    font-size: 14px;
}

a.btn-lg, button.btn-lg {
    font-size: 16px !important;
    border-radius: 6px;
    padding: 15px 48px;
}
/* Tabelle */
table thead {
    background-color: #212121;
    color: white;
}

table .btn-sm {
    font-size: 1.2em;
}

table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #212121;
    /*font-size: 12px;*/
}

table thead {
    background-color: #212121;
    color: white;
}

input.form-control.input{
    background-color: #ffffff;
    color: #000000;
    cursor: pointer;
}

.fixed-table-container .table thead th .th-inner {
    line-height: 10px;
    padding: .5rem !important;
}

.righe-strette > thead > tr > th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.table-hover > tbody > tr:hover {
    background-color: #e0e0e0;
    z-index: 999999;
}

.righe-strette {
    overflow-y: auto;
    height: 100px;
    font-size: 12px;
}

.fixed-table-container thead th {
    padding: 2px !important;
}

.righe-strette th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #212121;
    font-size: 11px !important;
}

.righe-strette thead {
    background-color: #212121;
    color: white;
}

.righe-strette td {
    padding: 1px !important;
    white-space: nowrap;
    vertical-align: middle !important;
    line-height: 1 !important;
}

.righe-strette .btn.btn-icon .nc-icon {
    font-size: 0.75rem !important;
}

.righe-strette .btn.btn-icon {
    height: 22px;
    min-width: 0;
    width: 22px;
}

.righe-strette .filter-control input {
    font-size: 10px;
    padding: .25rem .7rem;
}

.righe-strette select {
    font-size: 10px;
    height: calc(1.34rem + 2px) !important;
    padding: .3rem .75rem;
}

.fixed-table-body {
    max-height: 700px;
}

.totale {
    overflow-y: auto;
}

.totale td {
    position: sticky;
    bottom: 0;
}

.bootstrap-table .btn-group:last-child .btn {
    margin: 0;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
tr.selected {
    background-color: #dff2f5 !important;
}

li.selected {
    color: black !important;
    background-color: #DFF2F5  !important;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
    color: black !important;
    background-color: #E0E0E0 !important;
}

.dropdown-menu.show {
    margin-top: -14px;
}

.dropdown-menu .dropdown-item:last-child{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.dropdown-menu .dropdown-item:first-child{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/* Bottoni nav-bar (sopra tabelle) */

.btn.sopra-tabella {
    margin: 0 3px 5px;
    padding: 4px 14px;
}

.footer{
    padding: 0 !important;
}

span.select2.select2-container{
    width: 100%;
}

button.fc-state-default {
    background-color: #212121;
    border: 0;
}

button.fc-state-active, button.fc-state-default:hover, button.fc-state-default:focus {
    background-color: #F5821F !important;
    color: #212121 !important;
}

.bg-google{
    background-color: #DD4B39 !important;
}

.bg-dark{
    background-color: #212121 !important
}

.testo {
    font-size: 16px;
}

.alert.alert-danger{
    background-color: #DD4B39 !important;
}

.close {
    padding: 0 !important;
    font-size: 35px;
}

.alert span[data-notify="icon"] {
    font-size: 28px;
    display: block;
    left: 19px;
    position: absolute;
    top: 46%;
    margin-top: -11px;
}

/* ------------------------------ */

/* LED BOX */
.led-box {
    height: 16px;
    width: 16px;
}

.led-box p {
    font-size: 12px;
    text-align: center;
    margin: 1em;
}

.led-red {
    margin: 0 auto;
    width: 16px;
    height: 16px;
    background-color: #F00;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
    -webkit-animation: blinkRed 0.5s infinite;
    -moz-animation: blinkRed 0.5s infinite;
    -ms-animation: blinkRed 0.5s infinite;
    -o-animation: blinkRed 0.5s infinite;
    animation: blinkRed 0.5s infinite;
}

@-webkit-keyframes blinkRed {
    from {
        background-color: #F00;
    }
    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }
    to {
        background-color: #F00;
    }
}

@-moz-keyframes blinkRed {
    from {
        background-color: #F00;
    }
    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }
    to {
        background-color: #F00;
    }
}

@-ms-keyframes blinkRed {
    from {
        background-color: #F00;
    }
    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }
    to {
        background-color: #F00;
    }
}

@-o-keyframes blinkRed {
    from {
        background-color: #F00;
    }
    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }
    to {
        background-color: #F00;
    }
}

@keyframes blinkRed {
    from {
        background-color: #F00;
    }
    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }
    to {
        background-color: #F00;
    }
}

.led-yellow {
    margin: 0 auto;
    width: 16px;
    height: 16px;
    background-color: #FF0;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 12px;
    -webkit-animation: blinkYellow 1s infinite;
    -moz-animation: blinkYellow 1s infinite;
    -ms-animation: blinkYellow 1s infinite;
    -o-animation: blinkYellow 1s infinite;
    animation: blinkYellow 1s infinite;
}

@-webkit-keyframes blinkYellow {
    from {
        background-color: #FF0;
    }
    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }
    to {
        background-color: #FF0;
    }
}

@-moz-keyframes blinkYellow {
    from {
        background-color: #FF0;
    }
    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }
    to {
        background-color: #FF0;
    }
}

@-ms-keyframes blinkYellow {
    from {
        background-color: #FF0;
    }
    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }
    to {
        background-color: #FF0;
    }
}

@-o-keyframes blinkYellow {
    from {
        background-color: #FF0;
    }
    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }
    to {
        background-color: #FF0;
    }
}

@keyframes blinkYellow {
    from {
        background-color: #FF0;
    }
    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }
    to {
        background-color: #FF0;
    }
}

.led-green {
    margin: 0 auto;
    width: 16px;
    height: 16px;
    background-color: #ABFF00;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.led-blue {
    margin: 0 auto;
    width: 16px;
    height: 16px;
    background-color: #24E0FF;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #3F8CFF 0 2px 14px;
}

.ui-widget-content {
    z-index: 99999;
}

/* ------------------------------ */

textarea.form-control {
    padding: 3px 5px 3px 1px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*----------- CALENDARIO --------------*/
.fc-toolbar {
    margin-bottom: 0;
}

.calendar h2 {
    text-transform: capitalize;
}

/*-------------------------------------*/