@charset "UTF-8";
/* CSS Document */

/* generali */

body {
    font-size:0.84rem;
}

.a-capo {
    text-wrap:auto;
    line-height: 1.2rem
}

.clearboth {
    clear:both;
}

.lead {
  font-size: 1rem;
}

.cursor-pointer {
    cursor: pointer;
}

.form-control-l {
  width: 85%;
}

.form-control, .form-control:focus {
    color:#414141;
}

.h-auto {
    height: auto;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.font-875 {
    font-size:0.875rem;
}

mark, .mark {
  background-color: rgba(245,246,162,0.5) !important;
}

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

.bg-warning {
    color:#ffffff !important;
}

.bg-danger {
    background:#d61624 !important;
}


.bg-grigio-chiaro {
    background: #f8f8f8;
    color:black;
}

.bg-giallo {
    background: #ffff00;
    color:black;
}

.maiuscolo {
    text-transform: uppercase
}

input[type="checkbox"][readonly] {
  pointer-events: none;
}

input[type="date"] {
  padding-right:0.2rem;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.suggest {
    position: absolute; 
    background:#ffffff;
    z-index: 1000; 
}

.btn .elenco {
  top: -2px;
  font-size:100%;
}

.pac-container, .popover, #modaldemo1 {
    z-index: 99999999999999 !important;
}

.row.display-table {
   display: table;
}

.display-cell {
   float: none;
   display: table-cell !important;
}


.p-t0 {
    padding-top: 0px !important;
}

.p-r0 {
    padding-right: 0px !important;
}

.p-l0 {
    padding-left: 0px !important;
}

.p-b0 {
    padding-bottom: 0px !important;
}

.m-t0 {
    margin-top: 0px !important;
}

.m-r0 {
    margin-right: 0px !important;
}

.m-l0 {
    margin-left: 0px !important;
}

.m-b0 {
    margin-bottom: 0px !important;
}

.custom-switch-input:checked ~ .custom-switch-indicator {
  background:#00AD21 !important;
}



/*altezza menu*/

.horizontalmenu .hor-menu li.nav-item .nav-link {
    padding-top: 4px !important;
    padding-bottom: 5px !important;
}


span.codice {
    font-size: 1.16em;
    cursor: pointer;
}

td em {
    color:#666
}

table.dataTable, table.table {
    font-size: 0.93em;
    width: 100% !important;
}

table.dataTable td.text-wrap, table.table td.text-wrap {
    font-size: 1em;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-size: 10.5px;
    color: #585C5E;
}

table.dataTable tfoot th {
    text-transform: uppercase;
}

.form-select {
    font-size:1em
}

span.badge.badge-100 {
    width:100%;
    font-family: "Roboto", sans-serif;
}

span.caratteristiche {
    font-size:0.9em
}

i.icona-condiviso {
    font-size:1.9em
}

i.icona-condiviso-card {
    font-size:1.2em
}

i.icona-azioni {
    font-size:1.2em
}

i.icona-pallino {
    font-size:1.3em
}

.table.dataTable th {
    font-weight: 400;
}

table.dataTable thead tr.ricercatab  .sorting::before, table.dataTable thead tr.ricercatab  .sorting::after {
    content: "";
}

.table.dataTable tr td.cella-errore {
    border-right: 3px solid red;
}

span.codice:hover, span.codicecard {
  background: #d4d4d4;
  border: 1px solid #6e6e6e;
  border-radius: 4px;
  padding: 4px;
  margin-bottom: 2px;
}

.custom-switch-input:checked ~ .custom-switch-description {
    color:red
}


img.fotoelenco {
  max-height: 80px;
  max-width: 120px;
}

img.fotoelencocard {
  width: 100%;
}

.img-fluid {
  height: 275px;
  overflow: hidden;
}


.new {
  background-image: url(../img/new.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

.valcardimm {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #eeeeee;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 12px;
    font-size: 0.94em;
}

.list-impostaz {
    border:0px;
    padding-top: 10px;
    padding-bottom: 10px
}

.list-impostaz-ultimo {
    padding-bottom: 16px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-right: 1em;
}

.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

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

.modal-del-xl {
    max-width: 800px;
}

.modal-xl-scelta {
    max-width: 85%;
}

.main-sidebar-hide .side-menu {
    width:81px;
}

.main-sidebar-open .side-menu {
    width:241px;
}

.main-sidebar-open .main-sidebar-body .nav-label {
    color:rgba(255,255,255,0.7);
}


/* tooltip */

.tooltip >.tooltip-inner {
    background-color: #000;
    color: #fff;
    border: 2px solid #efefef;
    font-weight: 400;
    font-size: 14px;
    border-radius: 10px;
    padding: 15px 25px;
    max-width: 240px;
}

.tooltip .arrow:before {
    top: -3px;
    left: -12px;
    border-bottom-color: #ffffff;
    border-width: 0 12px 12px;
    z-index: -1;
}

.tooltip .arrow {
    top: 3px;
    left: 50%;
    border-style: solid;
    border-color: transparent transparent #000000 transparent;
    border-width: 0 10px 10px;
}


.popover-header {
    color: #f9e351;
    font-size: 15px;
    background: #0d0e22;
}
.popover-body {
    color: #0d0e22;
    font-size: 13px;
}



@media (min-width: 992px) {
    
.horizontalmenu .main-navbar.hor-menu .container, .horizontalmenu .main-content.hor-content .container, .horizontalmenu .container {
  max-width: 95%;
}
    
    
}


/****Colori personalizzati***/

.bg-quasinero {
    background-color: #232323 !important;
}

.bg-grigio {
    background: #eaebf2;
}

.btn-main-quasinero {
    color: #ffffff;
    background-color: #232323;
    border-color: #232323;
}

.select-on {
    background:#d3ffdb;
    border-color:#51ff51 !important
}

.select-off {
    background:#eaebf2;
    border-color:#e8e8f7 !important
}

.text-grey {
 color:darkgray;   
}

.text-yellow {
 color:yellow;   
}

.text-black {
 color:black;   
}


/* colori default tabella */

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #f4f5f6;
}

.table-striped tbody td:nth-of-type(1) {
  border-left: 0px;
}

table thead tr.testata, table tfoot tr.footer {
    background-color: #dbdedf;
}

.dataTable.table > :not(caption) > * > * {
  border-bottom: 1px solid #dbdedf !important;
}

.table.dataTable th {
    border-left: 0px;
    outline: none;
}

.table.dataTable td {
    border-left: 1px solid #dedede;
    outline: none;
}

.table.dataTable th.colonna-on {
    background: #4C4F52;
    color: #FFFFFF;
}

.table-striped tbody tr:nth-of-type(2n) td.colonna-on {
  background-color: #f6f6f6;
}

.table-striped tbody tr:nth-of-type(2n+1) td.colonna-on {
  background-color: #e8e8e8;
}

.dropdown-item {
    color:#000000;
    
}


/* colori default tabella DARK */

.dark-theme table thead tr.testata, .dark-theme table tfoot tr.footer {
    background-color: #0e0e23;
}

.dark-theme .table-striped tbody tr:nth-of-type(2n+1) td.colonna-on {
  background-color: #24243e;
}

.dark-theme .table-striped tbody tr:nth-of-type(2n) td.colonna-on {
  background-color: #0e0e23;
}

.dark-theme .table.dataTable th.colonna-on {
  background: #0e0e23;
}

.dark-theme span.codice:hover {
  color: #000000;
}


/* etichette e campi schede */


.tab-schede {
  padding: 1rem;
    padding-bottom: 0px;
    padding-left: 25px;
  border: 1px solid #f0f2f8;
    border-bottom:1px solid #454545;
  font-size: 0.72rem; 
  text-transform: uppercase;
}

.tabs-style-2 .main-nav-line .nav-link {
    background: #eaebf2
}

.tabs-scheda .main-nav-line .nav-link.active, .tabs-scheda .main-nav-line .nav-link:hover {
  background: #ced0d9 !important;
  color:black !important;
  font-weight: bold;
}

.tabs-scheda .main-nav-line .nav-link {
  background: #eaebf2 !important;
  opacity: 0.65 !important;
}

.tab-schede {
   border-bottom:1px solid #d5d5dd;
}

.tabs-style-2 .main-nav-line .nav-link.active, .tabs-style-2 .main-nav-line .nav-link:hover {
    background: #464646;
    color:#ffffff;
}




.modal-header {
    padding-top:13px;
    padding-bottom:13px;
}

.modal-footer {
    padding-top:0.8rem;
    padding-bottom:0.8rem;
}

.modal-title, .funzionario-scheda {
    font-size:1.2rem;
    font-weight: 400;
}

.funzionario-scheda {
    margin-right: 10px;
}

.titolo-scheda {
  width:100%;
}

.etichetta {
    padding-left:10px !important;
    padding-right: 0px;
    height:38px;
}


.campo {
    padding-left:10px !important;
    padding-right: 0px;
    height:38px;
    border-left:0px !important;
    border-bottom:0px !important;
    cursor: pointer;
}

.etichetta-alta, .campo-alto {
    height: 88px;
}


.campo .form-control, .etichetta .form-control {
  height: calc(2rem + 2px);
  background-color: transparent;
  outline: none;
  border: 0px;
  color:#000000;
}

.etichetta .form-control {
    padding-left: 0px;
}

.etichetta.campo-on .form-control {
    padding-left: 0.5rem;
}

.campo-on .form-control {
  color:#000000;
}

.campo-on .form-control:invalid, .form-control:invalid {
  border: 2px solid red;
}

.campo-md, .etichetta-md {
    height:60px;
}

.campo-note, .etichetta-note {
    height:90px;
}

.campo-note-xl, .etichetta-note-xl {
    height:150px;
}

.campo-md textarea {
    height:50px;
}

.campo-note textarea {
    height:80px;
}

.campo-note-xl textarea {
    height:140px;
}

.campo-ricerca {
    background:#ffffff !important;
}

.rigacampi {
    width:99%;
}

.bcgtext{
    position:relative;
    text-align:right;
    display:block;
    font-size:0.77em;
    z-index: 1000;
    padding-right: 4px;
} 

.accordion .card-body {
    padding-left:0px;
    padding-right:0px;
    border:0px;
}

.accordion .card-body .rigacampi {
    margin-left: 0px;
    margin-right: 0px;
}

.badge-numero-scheda {
    font-size:0.88rem
}

.modal-footer {
  justify-content: flex-start;   
}

.progresshb  {
  height: 30px;
  font-size: 14px;
  text-align: right;
  padding-right: 10px;
}


/* SCHEDA GALLERY */


.file-manger-icon img.img-file {
  height: auto !important;
  width: 99px !important;
  margin-bottom: 5px;
}


/* SCHEDA ANTEPRIMA */

.carousel-inner {
  background: #404040;
}

.carousel-slider .carousel-item img {
  max-width: 100%;
  height: auto;
  width:auto;
  max-height: 620px;
}

.carousel-item {
    text-align: center;
}

.font-anteprima {
    font-size: 0.94rem
}

.list-unstyled li {
  text-align: center;
}

.list-unstyled li img{
  max-height: 180px;
}


/*ELENCO CLIENTI*/

th.col-cliente {
    width:11%;
}

span.minmax {
    color:#979797; 
    font-size: 0.90em; 
    display: block; 
    width:30%; 
    float:left
}

span.valminmax {
    display: block; 
    width:70%; 
    float:left
}

span.valcliente {
    display: block; 
    width:100%;
    padding-top:2px;
    padding-bottom:2px;
}

mark.evidenza-cliente {
    display:block; 
    background-color: red !important; 
    color: white; 
    margin-bottom: 4px;
    text-transform: uppercase;
}

mark.cliente {
    display:block; 
    background-color: transparent!important; 
    margin-bottom: 4px;
    color:#0000ff;
    text-transform: uppercase;
}

span.categoria-cliente {
    display:block; 
    color:red;
    margin-bottom: 2px
}

span.funzionario-cliente {
    display:block; 
    margin-bottom: 2px;
    font-style: italic;
}


/* RISULTATI RICERCA */


td.proposte, div.proposte {
    background-color:#cbf5cc !important;
}

td.propostemail, div.propostemail {
    background-color:#f1c9cf !important;   
}


/* AGENDA */

.fc-v-event .fc-event-main {
  overflow: hidden;
}

.fc-media-screen .fc-timegrid-event {
  padding-left: 4px;
}

.fc .fc-col-header-cell-cushion {
  font-size: 0.9rem;
  font-weight: 400;
}

.fc .fc-timegrid-slot-label-cushion {
    font-size:0.75rem;
    color:#313131
}

.fc thead tr[role="row"], .fc .fc-timegrid-slot-label[data-time^="08"], .fc .fc-timegrid-slot-label[data-time^="10"], .fc .fc-timegrid-slot-label[data-time^="12"], .fc .fc-timegrid-slot-label[data-time^="14"], .fc .fc-timegrid-slot-label[data-time^="16"], .fc .fc-timegrid-slot-label[data-time^="18"], .fc .fc-timegrid-slot-label[data-time^="20"] {
    background: #eeeeee
}

.fc .fc-timegrid-slot-label {
    border:0px;
}

.fc .fc-timegrid-slot-lane  {
    border-bottom:1px dotted #dddddd;
}

.fc .fc-timegrid-slot-lane[data-time*=":45"], .fc .fc-timegrid-slot-label[data-time*=":45"] {
    border-bottom:1px solid #dddddd !important;
}


.fc thead tr[role="row"] th {
    border:0px
}


.fc .fc-scrollgrid table {
    width:100% !important
}

.fc-event {
    border:1px solid #656565 !important;
}

p.label-form {
    font-weight: 500;
    color:#53565f;
}

/*.form-control[readonly] {
    border:1px solid #c8c8c8 !important
}*/

.card-agenda {
    background: #f5f5f5 !important;
}

.approsso {
    background: #f8d5d3;
    color:#000000;
    overflow:hidden;
    text-wrap:auto;
}


.appgiallo {
    background: #fcfed1;
    color:#000000;
    overflow:hidden;
    text-wrap:auto;
}

.appazzurro {
    background: #dee9f2;
    color:#000000;
    overflow:hidden;
    text-wrap:auto;
}

.appverde {
    background: #cef041;
    color:#000000;
    overflow:hidden;
    text-wrap:auto;
}

.appbeige {
    background: #fff0cf;
    color:#000000;
    overflow:hidden;
    text-wrap:auto;
}

.approsso span, .appgiallo span, .appazzurro span, .appverde span, .appbeige span {
    padding-left:3px;
    padding-right:3px;
}

.testata-agenda-mobile {
    background-color: #f6f6f6;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px
}

.testata-agenda-mobile a {
    color:#000000;
}



/* SOLO DESKTOP */

@media only screen and (min-width: 1280px) {
    
    .no-desktop {
        display:none;
    }
    
}




/* MOBILE */

@media only screen and (min-width: 400px) and (max-width: 1280px) and (orientation: landscape) {
    
  .modal-dialog {
    max-width: 98%;
  }
    
}


@media only screen and (max-width: 1280px) {
    
    .no-mobile {
        display:none;
    }
    
}

@media only screen and (min-width: 750px) and (max-width: 1280px) and (orientation: portrait) {
    
    .campo {
        border-left:0px !important;
    }
    
}

@media only screen and (max-width: 1000px) {
    
    .ultimo {
      border-bottom: 0px !important;
    }
    
}

@media only screen and (min-width: 1000px) and (orientation: portrait) {
    
    .ultimo {
        margin-bottom: 18px !important;
    }
    
}


@media only screen and (min-width: 1000px) and (max-width: 1280px) and (orientation: landscape) {
    
    .ultimo {
        margin-bottom: 18px !important;
    }
    
}