/* PER IMMAGINE UTENTE */

.userImg {
    border-color: rgba(30, 87, 153, 1);
    background-color:  rgb(149, 149, 149);
}

/* FINE IMMAGINE UTENTE */

/* PER IMPOSTAZIONI COLORI GENERALI */

body{
    background-color: rgba(149, 149, 149, 0.7);
}

.clrTestoNero {
    color: rgb(0, 0, 0);
}

.clrTestoRosso {
    color: orange;
}

.clrTestoArancione {
    color: orange;
}

.clrTestoBianco {
    color: white !important;
}

.clrTestoBlu {
    color: blue !important;
}

.clrBianco {
    background-color: rgb(255, 255, 255) !important;
}

.clrUnset {
    background-color: unset !important;
}

.clrSfondoNero {
    background-color: rgb(0, 0, 0);
}

.clrSfondoRosso {
    background-color: rgba(255, 0, 0,0.7);
}

.clrSfondoGiallo {
    background-color: rgb(251, 255, 5);
}

.clrSfondoArancione {
    background-color: rgb(255, 168, 5) !important;
}

.clrBase {
    background-color: rgba(149, 149, 149, 0.7);
}

.clrBaseNoTrasparenza {
    background-color: rgb(149, 149, 149) !important;
}

.modal, .modalAlert, .modalQuantitaContainer, .modalEMailContainer {
    background-color: rgba(149, 149, 149, 0.9);
}

.modalQuantita, .modalEMail {
    border: solid;
    border-width: 2px;
    border-color: rgba(30, 87, 153, 1);
    background-color:  rgb(149, 149, 149);
    border-radius: 20px;
}

.modalNoSfondo {
    background-color: transparent !important;
}

.comboScomparsa{
    border: .2px solid rgba(30, 87, 153, 1);
    background-color: #fff;
}

.clrScuro, .fasciaIntestazione, .intestazioneGriglie, .active, .accordion:hover, .tabLinkSelezionato ,.pulsantieraDescrizione a:active ,.pulsantieraDescrizione label:active{
    background-color: rgb(226, 0, 26) !important;
    background: rgb(226, 0, 26) !important;
}

.tabLinkSelezionato {
    background:fixed !important;
    background-color: rgb(226, 0, 26) !important;
}

.clrSfondoAP {
    background: rgb(255, 255, 255) url(../img/sfondo.jpg) repeat center right fixed;
    background-size: cover;
    background-color: rgba(75, 122, 70, 0.7);
}

.clrSfondoGuajana {
    background: rgb(255, 255, 255) url(../img/guajana/sfondo_desktopG.svg) repeat center right fixed;
    background-size: cover;
    background-color: rgba(149,149,149, 0.7);
}

.textureLogo{
    background: rgba(149, 149, 149,0.5) url(../img/guajana/sfondo_testa_logo_mod3.svg);
    background-size: cover;
}

@media (max-width: 1366px) {
    .clrSfondoGuajana {
        background: rgb(255, 255, 255) url(../img/guajana/sfondo_tablet.svg) repeat center right fixed;
        background-size: cover;
        background-color: rgba(149, 149, 149, 0.7);
    }
    
}

@media (max-width: 460px) {
    .clrSfondoGuajana {
        background: rgb(255, 255, 255) url(../img/guajana/sfondo_mobile04.svg) repeat center right fixed;
        background-size: cover;
        background-color: rgba(149, 149, 149, 0.7);
    }
    
}

.clrSfumatoChiaro {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,93b09a+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(197, 197, 197, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(197, 197, 197, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(197, 197, 197, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#93b09a', GradientType=0);
    /* IE6-9 */
}

.pulsante, .pulsanteVeba {
    background: rgb(226, 0, 26);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5c9157+0,44753f+100 */
    /* background: rgba(159, 0, 18, 0.7); */
    /* Old browsers */
    /* background: -moz-linear-gradient(top, rgba(159, 0, 18, 0.7) 0%, rgba(226, 0, 26, 0.7) 100%); */
    /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top, rgba(159, 0, 18, 0.7) 0%, rgba(226, 0, 26, 0.7) 100%); */
    /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom, rgba(159, 0, 18, 0.7) 0%, rgba(226, 0, 26, 0.7) 100%); */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9157', endColorstr='#44753f', GradientType=0); */
    /* IE6-9 */
}

.pulsante:hover, .pulsante:active, .pulsante:focus, .pulsanteVeBa:hover, .pulsanteVeBa:active, .pulsanteVeBa:focus {
    background: rgba(226, 0, 26, 0.7);
}

.tablink, .tabLinkColonne, .clrSfumatoScuro, .has-float-label a, .pulsantiera a, .pulsantiera label, .pulsantieraPiccola a, .pulsantieraPiccola label, .elencoR1 a, .elencoR2 a, .elencoR3div, .pulsantiera button, .pulsantieraDescrizione a, .pulsantieraDescrizione label, .pulsantieraDescrizione button {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5c9157+0,44753f+100 */
    background: rgba(165, 165, 165, 0.7);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(165, 165, 165, 0.7) 0%, rgba(95, 95, 95, 0.7) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(165, 165, 165, 0.7) 0%, rgba(95, 95, 95, 0.7) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(165, 165, 165, 0.7) 0%, rgba(95, 95, 95, 0.7) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9157', endColorstr='#44753f', GradientType=0);
    /* IE6-9 */
}

.clrSfumatoScuro:hover, .clrSfumatoScuro:active, .clrSfumatoScuro:focus, .has-float-label a:hover, .has-float-label a:active, .has-float-label a:focus, .pulsantiera a:hover, .pulsantiera a:active, .pulsantiera a:focus, .pulsantiera label:hover, .pulsantiera label:active, .pulsantiera label:focus, .pulsantieraPiccola a:hover, .pulsantieraPiccola a:active, .pulsantieraPiccola a:focus, .pulsantieraPiccola label:hover, .pulsantieraPiccola label:active, .pulsantieraPiccola label:focus, .elencoR1 a:hover, .elencoR1 a:focus, .elencoR1 a.active, .elencoR2 a:hover, .elencoR2 a:focus, .elencoR2 a.active, .elencoR3div:hover, .elencoR3div:focus, .elencoR3div.active, .pulsantiera button:focus, .pulsantiera button:active, .pulsantiera button:hover, .pulsantieraDescrizione a:hover, .pulsantieraDescrizione a:active, .pulsantieraDescrizione a:focus, .pulsantieraDescrizione label:hover, .pulsantieraDescrizione label:active, .pulsantieraDescrizione label:focus, .pulsantieraDescrizione button:focus, .pulsantieraDescrizione button:active, .pulsantieraDescrizione button:hover {
    background: rgba(226, 0, 26) !important;
    background-color: rgba(226, 0, 26) !important;
}

.clrContornoTopBianco {
    border-top: 2px solid white;
}

.clrContornoRosso {
    border-width: 2px;
    border-color: red;
    -webkit-appearance: none;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    border-style: solid;
}

.clrContorno, .has-float-label input, .has-float-label select, .has-float-label textarea, .selectDiv {
    border-width: 2px;
    border-color: rgba(30, 87, 153, 1);
    -webkit-appearance: none;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    border-style: solid;
}

.clrContornoScuro {
    border-width: 1px;
    border-color: rgba(40, 69, 37, 1);
    -webkit-appearance: none;
    border-style: solid;
}

.bordoBianco {
    border-style: solid;
    border-width: 5px;
    border-color: rgba(255, 255, 255, 1);
}

.elementiSovrapposti > img:hover, .elementiSovrapposti > img:active, .elementiSovrapposti > img:focus {
    opacity: 0.7;
}

/* FINE IMPORTAZIONI COLORI GENERALI */

/* PERSONALIZZAZIONE SCROLL BAR*/
::-webkit-scrollbar-thumb {
    border: 1px solid white;
    background-color: #c2c2c2;
    /* background-color: rgba(194,194,194,.5); */
    background-color: rgb(226, 0, 26,.5);
}
/* FINE PERSONALIZZAZIONE SCROLL BAR*/

.toggle-button:checked::after {
    transform: translateX(calc(100% - 3px));
    background-color: rgb(226, 0, 26);  
}

/* PER GESTIONE VENDITA LA BANCO*/
.modalPiccolo{
    background-color: rgba(149, 149, 149, 1);
    
  }
  .modalMedio{
    background-color: rgba(149, 149, 149, 1);
  }
  
  .modalGrande{
    background-color: rgba(149, 149, 149, 1);
  }

  /* Personalizzazione delle intestazioni delle colonne */
.tabulator .tabulator-header .tabulator-col, #tabulatorTable{
    background-color: rgb(226, 0, 26) !important;
    color: white!important;
    border-bottom: 3px solid  rgba(149, 149, 149, 1) !important;
}
.tabulator:hover .tabulator-header:hover .tabulator-col:hover{
    background-color: rgba(255, 0, 0, 0.7) !important;
   
    color: white!important;
}
.tabulator-row .tabulator-cell:first-child {
    border-left: 0px solid rgba(149, 149, 149, 1) !important;
}
.tabulator-row:nth-child(2n) .tabulator-cell:first-child{
    border-left: 0px solid rgba(149, 149, 149, 1)!important;
}
.tabulator .tabulator-header{
    border-bottom: 3px solid rgba(149, 149, 149, 1) !important;
    padding-left: 0px;
}
.tabulator{
    font-family: SF-Pro-Regular;
}
.tabulator-page-counter{
    color:black!important;
}
.tabulator .tabulator-footer .tabulator-page.active {
    color:rgb(255, 255, 255)!important;
}
.tabulator-popup-container {
    background-color: rgba(255, 0, 0,0.7);
}