:root {
    --primary: #0888ab;
}

.bg-gradient-primary {
    background-color: #0888ab;
    background-image: linear-gradient(180deg, #0888ab 10%, #086587 100%);
}

body, .table{
    color: black;
}

/* navbar dropdown on hover */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    /*.navbar .nav-item:hover .nav-link{ color: #fff;  }*/
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.diagonal-background-stripes {
    background: repeating-linear-gradient(
            45deg,
            #fff,
            #fff 10px,
            #f5f5f5 10px,
            #f5f5f5 20px
    );
}

.topbar {
    height: 3rem;
    border-bottom: 2px solid #ddd;
}

.topbar .nav-item.dropdown .dropdown-toggle::after {
    content: '\f107';
}

.large {font-size:120%;font-weight:400}
.xlarge {font-size:150%;font-weight:400}

.modal-xxl {max-width: 90%;}

label {
    margin-bottom: 0;
}

small.very-small {
    font-size: 70%; color: gray;
}

.card-header {
    background-color: var(--primary);
    color: white;
}
.card-header a {
    color: white;
}

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

#sblocca-ordine {
    min-width: 200px;
    transition: background-color 0.2s ease;
}
#sblocca-ordine:hover {
    color:#fff;
    background-color:#1cc88a;
    border-color:#1cc88a;
    transition: background-color 0.2s ease;
}
#sblocca-fattura {
    min-width: 200px;
    transition: background-color 0.2s ease;
}
#sblocca-fattura:hover {
    color:#fff;
    background-color:#1cc88a;
    border-color:#1cc88a;
    transition: background-color 0.2s ease;
}
#blocca-ordine {
    min-width: 200px;
    transition: background-color 0.2s ease;
}
#blocca-ordine:hover {
    color:#fff;
    background-color:#e74a3b;
    border-color:#e74a3b;
    transition: background-color 0.2s ease;
}

#blocca-fattura {
    min-width: 200px;
    transition: background-color 0.2s ease;
}
#blocca-fattura:hover {
    color:#fff;
    background-color:#e74a3b;
    border-color:#e74a3b;
    transition: background-color 0.2s ease;
}

#sblocca-documento {
    min-width: 200px;
    transition: background-color 0.2s ease;
}
#sblocca-documento:hover {
    color:#fff;
    background-color:#1cc88a;
    border-color:#1cc88a;
    transition: background-color 0.2s ease;
}
#blocca-documento {
    min-width: 200px;
    transition: background-color 0.2s ease;
}
#blocca-documento:hover {
    color:#fff;
    background-color:#e74a3b;
    border-color:#e74a3b;
    transition: background-color 0.2s ease;
}

.DTE_Field_Type_text .text-danger{
    margin-top:1em;
}

div.DTE div.DTE_Header{
    position: relative;
}

div.DTE_Body{
    padding-top: 0;
}

.DTE_Field.form-group {
    margin-bottom: 0;
}

@media (min-width: 576px){
    .DTED .modal-dialog {
        max-width: 768px;
    }
}

.modal-header, .modal-footer {
    background-color: #EEE;
}

table.dataTable tbody th.focus, table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px #3366ff;
}

div.dtk-focus-alt table.dataTable tbody th.focus, div.dtk-focus-alt table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px #ff8b33;
}
div.DTE_Inline .form-control {
    border: none;
    color:black;
    background-color: transparent;
    padding: 0 !important;
    font-size:100%;
    margin: 0;
    border: 0;
}

div.DTE_Inline div.DTE_Field input.form-control {
    height: calc(1.5em + .75rem + 2px);
}

div.DTE_Inline .form-control:focus{
    border:none;
    color:black;
    background-color: transparent;
    box-shadow: none;
    font-size:100%;
    margin: 0;
    border: 0;
}

div.DTE_Inline div.DTE_Field input {
    margin: -6px 0 !important;
}


.nav.customheaderpills .nav-item .nav-link{
    height: 2em;
}

.form-control{
    color: black;
}

.form-control:focus {
    color: black;
}

select.dtsinglecustomfilter{
    width:30%;
}

label.dtsinglecustomfilter{
    margin-left:3em;
    margin-right:1em;
}

@media (min-width: 768px) {
    .sidebar.toggled .nav-item .nav-link span {
        font-size: 1rem;
        display: block;
    }
}

.topbar #additionalmenu .nav-item  .nav-link{
    padding: .5rem 1rem;
    height: auto;
}

.customdivider{
    margin-left:1em; margin-right:1em;
    border-right:1px solid #ccc;
}

.customheader{
    margin-bottom: 1em;
}

.deletedrow{
    color: #bbb;
}
.deletedrow .text-success{
    color: #ccc!important;
}

.deletedrow .text-danger{
    color: #ccc!important;
}

.badge.light{
    background-color: #bbb;
}

#content-wrapper{
    padding-bottom: 3em;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 0 .5rem;
}

tr.articolo {
    background-color: #eeeeee;
    vertical-align: center;
    color: black;
}
tr.articolo a {
    color: black;
}
tr.articolo td {
    /*border-top: 2px solid red;*/
}

tr.smaller {
    font-size: 0.85rem;
}

.top-menu div.dropdown-menu {
    font-size: 1rem;
    width: 330px !important;
}

.table-hover tbody tr:hover {
    color: black;
    background-color: rgba(0,0,0,.075);
    width: 330px !important;
}

table.ordine tfoot tr th {
    font-size: 1.2rem;
    padding-top: 2rem;
    padding-left: 1rem;
}

#istanza-button:hover {
    filter: brightness(1.3);
}

.istanza-flag {
    border-radius: 20%;
}

.colored-toast.swal2-icon-success {
    background-color: #8bffd5 !important;
}

.colored-toast.swal2-icon-error {
    background-color: #ff938b !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: #23282DFF;
}

.colored-toast .swal2-close {
    color: #23282DFF;
}

.colored-toast .swal2-html-container {
    color: #23282DFF;
}

.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.31);
    pointer-events: auto !important;
}

.loader-wrapper > .loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50vh;
    left: 50vw;
}

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