@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*MASCHERA AGGIUNGI SEDE*/
.ui-front{
    z-index: 1050 !important;
}

/*POSIZIONAMENTO LOGO*/
/*.navbar-brand {
  padding: 0px;
}

.navbar-brand>img {
  height: 100%;
  padding: 0px 30px;
  width: auto;
}*/
/*FINE POSIZIONAMENTO LOGO*/

.table{
    width: 100% !important;
}

@media (min-width: 1100px) {
    .modal-xl {
        width: 1090px;
        height: auto; /* control height here */
    }
    .modal-xxl {
        width: 1290px;
        height: auto; /* control height here */
    }
}

/*SCROLL DEL CONTENUTO SU TABELLA FISSA BOOTSTRAP : classe .table-fixed*/
.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 330px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
  overflow-y : auto;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
    font-size: 14px;
    z-index: 1050; /* Assicura visibilità sopra altri elementi Bootstrap */
}

/*FOOTER*/
/*.footer {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}*/


/*MATTIA*/
/***************
COLORI
Footer e Header sinistro: #042430
verde #23f965
rosso #f72653
Gradiente Header #fbbe4c -> #fff8dc
giallo bordo blocchi alto e testi #fff8dc
blocchi dva ecc: a sinistra #085b75 e righe - sfondo #04455e
****************/
/*@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
p,span,h1,h2,h3,h4,h5,h6,th,td,input,li,button{font-family: 'Exo', sans-serif!important;letter-spacing: 1px;}
nav.navbar.navbar-expand-lg.navbar-light,footer {background-color: #042430!important;}
.navbar .container-fluid {
    /*background: rgb(251,190,76);
    background: linear-gradient(90deg, rgba(251,190,76,1) 50%, rgba(255,171,14,1) 100%);*/
    background: #B4D334 !important;
}
nav.navbar.navbar-expand-lg.navbar-light,a.navbar-brand {padding: 0;}
div#home-navbar {padding: 2vh 1vw;}
.navbar-brand img{width: 60%!important;margin-top: 0vh;}
body {background-color: #04455E!important;}
.blockHome img {
  width: 4vw;
  position: absolute;
  left: 40%;
  margin-top: -4vh;
}
.blockHome {border: 5px solid #B4D334;border-radius: 10px;}
.blockHome p {color: #fff8dc;font-weight: bold;}
.colorGreen{color:#23f965;}
.colorRed{color:#f72653;}
.blockHome p {
  color: #fff8dc;
  font-weight: bold;
  font-size: 1.3vw;
  margin-bottom: 0;
}
p.importBlock {font-size: 1.9vw;}
p.titolBlock {margin-top: 4vh;font-weight: 400;}
.containerCustom {
    margin-bottom: 5vh; 
    color: white;
}
.rotate {transform: rotate(-90deg);}
.containerCustom .row {min-height: 150px;margin-bottom: 15px;}

.bg-custom {
    background-color: #043146!important;
    border: 0;
}
.headBlockTables {
    background-color: #085b75;
    padding: 1vh 1vw;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 5vw;
    height: 25vh;
    float: left;
}
.headBlockTables p {
    position: absolute;
    top: 9vh;
    font-size: 2vw;
    left: 1.6vw;
}
.headBlockTables p.global {
    left: -0.6vw;
    top: 10vh;
}
table, tr, td, th {border: 0px solid black!important;}

table{background-color: #043146;}
.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.3);}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #085b75;
}
th {font-weight: 200;}
th, td {text-align: center;}
.border1BlockLeft{
  padding-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.border2BlockCenter {
    padding: 0;
    border-radius: 0;
}
.card-body {
    height: 25vh;
}
.card-body {
    height: 25vh;
    overflow-y: scroll;
}
.style-scrollbar::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.style-scrollbar::-webkit-scrollbar{
  width: 3px;
  background-color: #F5F5F5;
}

.style-scrollbar::-webkit-scrollbar-thumb{
  background-color: #000000;
}
.border3BlockRight {
    padding: 0;
}
.border3BlockRight .card-body {
    overflow: hidden;
}

.border3BlockRight .bg-custom{
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.border3BlockRight p {
    margin-bottom: 5px;
}

.containerFoot {
  background-color: #042430;
  color: white;
  padding-top: 4vh;
  margin-bottom: 10vh;
}

li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
  background-color: #B4D334;
  border-color: #B4D334;
}

.modal-content,.modal-body,div#tabs-configura_bot {background-color: #04455E;border: 0;}
ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
  background-color: transparent;
  border: 0;
}
.badge-info {
  color: #B4D334;
  background-color: transparent;
}
select, .form-control,.form-control:focus,.form-control:disabled, .form-control[readonly] {
  background-color: #065A75;
  color: white;
  border: 0;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
  background-color: #035a75;
  border: 0;
  border-radius: 5px;
  margin-right: 1vw;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab span {color: #B4D334;}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active span{color:#043146;}
button.close {color: white;}
.ui-widget.ui-widget-content {border: 0;}
.rowCustom {
    background-color: #043146;
    padding: 0 1vw;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin:0;
}
.headCustom {
    width: 100%;
    background-color: #065A75;
    padding: 1vh 2vw;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: white;
    font-weight: bold;
    font-size: 1.5vw;
    margin:0;
}
.rowCustom .col-lg-1, .rowCustom .col-lg-2 {padding-top: 1vh;padding-bottom: 2vh;}
.bordoBlu {border-right: 2px solid #065A75;}
.modal-header {border: 0;}
div#tab-parametri_bot {padding-left: 0;padding-right: 0;}
span.input-group-text {
    background-color: #0F6C82;
    border: 0;
    color: white;
}
.whiteColor{color:white;}
.col-lg-1 .badge:empty,.col-lg-2 .badge:empty {display: initial;}
.modal-dialog.modal-xl {
    max-width: 80%;
    width: 80%;
}
.iconInput {width: 18px;height: auto;}
input[type='time']::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 10%;
    left:35%;
}
button#btn-modalsalva_parametribot,.btnSaveModal,.btnModModal {
    width: 115px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1DE061;
    color: black;
    font-weight: 600;
}
button#btn-modalapisalva,.btnSaveModal,.btnModModal {
    width: 115px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1DE061;
    color: black;
    font-weight: 600;
}
.btnModModal{
    background-color: #B4D334;
    width: 140px;
}
button#btn-modalsalva_parametribot img,.btnSaveModal img,.btnModModal img {
    width: 20px;
    margin-right: 5px;
    float: left;
    margin-top: 1px;
}
button#btn-modalapisalva img,.btnSaveModal img,.btnModModal img {
    width: 20px;
    margin-right: 5px;
    float: left;
    margin-top: 1px;
}
li.ui-tabs-tab img {
    width: 18px;
    margin-top: -6px;
    margin-right: 5px;
}
th {color: white;}
.containerLogin .card {border: 0;}
.containerLogin .card-body {overflow-y: hidden;height: auto;}
.containerLogin .card-header img {width: 20%;}
.containerLogin {width: 35vw;}
.mieleColante {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 25vh;
    background-image: url(img/honey.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.card-header {
    background-color: #075B75;
    border: 0;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
}
.apiImg {
    width: 100%;
    height: auto;
}
div#div-row_apikey .card-body,#div-row_bot .card-body {
    background-color: #043146;
    overflow: hidden;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: auto;
}
.statusOn {
    background-color: #23f965;
    color: black;
    border-radius: 10px;
    width: 80%;
    padding: 0.5vh 0;
    float: left;
}
.statusOff{
    background-color: #f72653;
    color: black;
    border-radius: 10px;
    width: 80%;
    padding: 0.5vh 0;
    float: left;
}
.editIcon {
    width: 30px;
    height: auto;
    float: left;
    cursor: pointer;
}
.deleteIcon {
    width: 30px;
    height: auto;
    float: right;
    cursor: pointer;
}
ul.ulBtn {
    list-style: none;
    padding: 0;
    width: 100%;
    margin:0;
}
ul.ulBtn li {
    display: inline-block;
    margin: 0 15px;
    color: white;
    cursor: pointer;
}
.ulBtn img {
    width: 50px;
    margin-bottom: 10px;
}
.ui-widget-content {
    border: 0!important;
    background: #04455E!important;
    color: white!important;
}
.card {
    border: 0;
    background-color: transparent;
}
.modal-title{color:white;}
.ulBtn li:hover {color: #B4D334;}

#t-prodotti_licenze td, #t-lista_licenze td, #t-log_accessi td, #t-user td, #t-prodotti td, #t-ordini td, #t-prodotti_disponibili td, #t-lista_agenti_abilitati td{
    color: white!important;
}
.tablesorter-green thead tr .tablesorter-header, .tablesorter-green tfoot tr {
    background-color: #085b75!important;
    background-image: none!important;
}
tr.tablesorter-filter-row.tablesorter-ignoreRow td {
    background-color: #043146;
}
.tablesorter-green input.tablesorter-filter, .tablesorter-green select.tablesorter-filter {
    background-color: #035A75!important;
    border: 0px solid !important;
    border-radius: 5px;
    color: white!important;
}
.btnModalLogin {
    width: 100%;
    border-radius: 20px;
    font-weight: bold;
    background-color: #B4D334;
}
.containerLogin .card-footer {
    text-align: right!important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.containerLogin .card-footer p,div#modal-registrazione p {
    font-style: italic;
    color: white;
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 0;
    width: 100%;
}
#modal-registrazione a{color:white;}
div#modal-registrazione label {font-style: italic;color: white;}
.containerLogin .card-footer b{cursor: pointer;}
.container.containerLogin input, #tabs-reset_password input, #tabs-profilo input, #tabs-profilo select, #tabs-moduli input, #tabs-moduli select,
#tabs-dati_fatturazione input, #tabs-dati_fatturazione select {
    border-radius: 12px;
    padding-left: 1.5vw;
}
div#modal-registrazione .modal-header, div#modal-registrazione .modal-body {
    background-color: #04445F;
}
div#modal-registrazione .ui-widget-content{
    background-color: #04445F!important;
}

.container.containerLogin .badge-info,
#tabs-reset_password .badge-info, #tabs-profilo .badge-info, #tabs-moduli .badge-info,
#tabs-dati_fatturazione .badge-info {
    /*display: none;*/
}

div#tabs-profilo .col-lg-4, div#tabs-profilo .col-lg-5, div#tabs-profilo .col-lg-2, div#tabs-profilo .col-lg-6,
div#tabs-moduli .col-lg-3, div#tabs-dati_fatturazione .col-lg-4, div#tabs-dati_fatturazione .col-lg-2 {
    padding: 5px 3px;
}

div#modal-registrazione label, div#modal-registrazione input[type=checkbox] {
    font-style: italic;
    color: white;
    font-size: 13px;
}
footer{display: none}
.altBack{background-color: #085b75!important}
div#tabs-registrazione input {background-color: #043146!important;}
.containerLogin .form-control {background: #04455E;}
tfoot {border-top: 3px solid #043146;}
.pager form {background-color: #085b75;padding: 10px 0;}
.status{
  color: black;
  font-weight: 500;
}
#t-prodotti_licenze .status, #t-lista_licenze .status, #t-lista_taskdca .status, #t-log_accessi .status, #t-user .status, #t-prodotti .status, #t-ordini .status, #t-prodotti_disponibili .status, #t-lista_agenti_abilitati .status {
  color:black!important;
  font-weight:500!important;
}
.form-check {margin-top: 10px;}
div#modal-prodotti_licenze .modal-body, div#modal-prodotti_licenze .ui-widget-content,
div#modal-prodotti .modal-body, div#modal-prodotti .ui-widget-content,
div#modal-licenze_ordini .modal-body, div#modal-licenze_ordini .ui-widget-content {background-color: #043146!important;}
.tablesorter-green .header, .tablesorter-green .tablesorter-header-inner,.tablesorter-green thead .headerSortUp .tablesorter-header-inner, .tablesorter-green thead .tablesorter-headerSortUp .tablesorter-header-inner, .tablesorter-green thead .tablesorter-headerAsc .tablesorter-header-inner {
    background-image: none!important;
}
.close:hover {
    color: #B4D334;
    text-decoration: none;
    opacity: 1!important;
    text-shadow: none;
}
div#tab-api_key {
    padding-left: 0;
    padding-right: 0;
}

/*radio api*/
input[type='radio'] {
  -webkit-appearance: none;
  width: 40px;
  height: 40px;
  border: 0px solid #B4D334;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 0 5px 0px gray inset;
  margin: 0 auto;
  background-color: white!important;
}

input[type='radio']:hover {
  box-shadow:0 0 5px 0px #B4D334 inset;
}

input[type='radio']:before {
  content:'';
  display:block;
  width:60%;
  height:60%;
  margin: 20% auto;    
  border-radius:50%;    
}
input[type='radio']:checked:before {
  background:#B4D334;
}

/*radio tabelle*/
table input[type='radio'] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 0px solid #B4D334;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 0 5px 0px gray inset;
  margin: 0 auto;
  background-color: white!important;
}
table#t-coppie_exchange {
    background-color: #04455E;
}
#txt-data_esecuzione, #txt-data_fine, #txt-data_fine_dca, #txt-data_esecuzione_dca{
  z-index: 100000;
}

.table-hover tbody tr:hover {
  color: #feaa10 !important;
  /*background-color: white !important;*/
}

.distanziatore {margin: 3vh 0;}

.desktop{display: initial;}
.mobile{display: none;}

/*DANIEL QUI PARTE IL MOBILE 😀*/
/*@media(max-width: 496px){
    .desktop{display: none;}
    .mobile{display: initial;}
    .containerLogin {width: 100%;}
    .containerLogin .card-body {padding: 3vh 3vw;}
    .navbar-brand img {width: 115px!important;margin-top: -8px;}
    nav.navbar.navbar-expand-lg.navbar-light {padding: 10px;}
    nav.navbar.navbar-expand-lg.navbar-light, footer {background-color: #002D45!important;}
    button.navbar-toggler {background-color: transparent!important;}
    button.navbar-toggler img {width: 28px;}
    .blockHome {border: 0;}
    .blockHome img {display: none;}
    .col-lg-4.col-md-6.col-sm-6 {width: 50%;padding-right: 5px;padding-left: 5px;}
    .distanziatore{display: none;}
    .blockHome {background-color: #002D45;padding: 10px;margin-bottom: 1vh;}
    p.titolBlock {margin: 0;font-size: 3.5vw;}
    p.importBlock {font-size: 5vw;margin-top: 1vh;}
    #accordion .card-header {background-color: #002D45;border-radius: 10px!important;}
    i.fa.fa-minus,i.fa.fa-plus {float: right;}
    div#accordion a {color: #fff8dc;}
    .card {margin-bottom: 5px;}
    .containerCustom {padding: 0;}
    .card-body {
        height: auto;
        overflow-y: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .tableMobile{background-color: transparent;}
    .tableMobile td {text-align: left;width: 100%;color: white;}
    td.dateTime {
        text-align: left;
        background-color: #002D45;
        width: 100%;
        font-size: small;
    }
    .centerMobile{text-align: center;}
    button.navbar-toggler img:focus-visible,.navbar-toggler:focus, .navbar-toggler:hover {outline: none;}
    ul.ulBtn li{margin:0 5px;font-size: 12px;}
    .ulBtn img{width: 30px;}
    div#div-row_apikey {padding: 0 5vw;}
    .statusOn,.statusOff{margin-left: 3vw}
    .editIcon{margin-right: 3vw}
    .deleteIcon{margin-right: 3vw}
    .modal-dialog.modal-xl {width: auto;max-width: fit-content;}
    .modal input {margin-bottom: 2vh;}
    .modal .float-right {float: none!important;}
    button#btn-modalapisalva, .btnSaveModal, .btnModModal{width: 100%}
    button#btn-modalapisalva img, .btnSaveModal img, .btnModModal img {float: none;margin-top: -5px;}
    #div-bot p.card-text.statusOn, #div-bot p.card-text.statusOff {width: 80%!important;}
    body{overflow-x: auto;}
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab span {font-size: 11px;}
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: .5em .2em!important;}
    .headCustom{font-size: 5vw;}
    .col-lg-1 .badge:empty, .col-lg-2 .badge:empty{display: none;}
    button#btn-modalsalva_parametribot, .btnSaveModal, .btnModModal{width: 100%;}
    button#btn-modalsalva_parametribot img, .btnSaveModal img, .btnModModal img {float: none;margin-top: -4px;}
    .bordoBlu{border: 0;}
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        background-color: #B4D334;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 8px;
        text-decoration: none;
        font-size: 7vw;
        color: black;
        font-weight: 500;
        display: block;
        transition: 0.3s;
        text-align:center;
    }
    .sidenav a {
        line-height: 5.5vh;
        font-size: 3.5vh;
    }
    a.closebtn {
        top: 0vh;
    }

    .sidenav a:hover, .offcanvas a:focus{
        color: black;
    }

    .closebtn {
        position: absolute;
        top: 2vh;
        right: 2vw;
        font-size: 50px !important;
    }
    .closebtn {
        top: -4vh;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .container.containerLogin input, #tabs-reset_password input, #tabs-profilo input, #tabs-profilo select,
    #tabs-moduli input, #tabs-moduli select, #tabs-dati_fatturazione input, #tabs-dati_fatturazione select {
        margin-bottom: 0;
    }
    
    .navbar .container-fluid {
        background: transparent;
        height: 0;
    }
}*/

.is-invalid {
    border: 2px solid red !important;
}

/*OVERLAY DI CARICAMENTO E RIAVVIO SERVER BOKEH*/
#loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    text-align: center;
    color: white;
    font-size: 20px;
    line-height: 100vh;
}