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

/* .elemento-5bac1e7a0f5de488{ 
.tipologia-1{

    border:1px solid #efa421 !important;
    color: #efa421 !important;
}

.tipologia-2 {

    border: 1px solid #2170ef !important;
    color: #2170ef !important;
}

.tipologia-3 {

    border: 1px solid #59a529 !important;
    color: #59a529 !important;
}*/

.right-bar .rightbar-title{
    background-color:#4a81d4 !important;
}


span.badge.badge-tipologia {
    padding: 0.6em 0.6em 0.4em 0.6em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#preloader{
    background: rgba(255, 255, 255, 0.4) !important;
}

.tippy-tooltip.light-theme {
  /* background-color: white; */
  color: #555555 !important;
  /* box-shadow: 0px 0px 4px black; */
  /* border:2px solid #EFA421; */
  border:2px solid #555555 !important; 
}

.tippy-tooltip.light-theme .tippy-arrow  {    
    /* border-top: 7px solid #4fc6e1;      */
    /* border-top: 7px solid #EFA421;      */
    border-top: 7px solid #555555 !important;     
}

#progress{margin-top: 20px;}

.modal-content{min-width: 150px; min-height: 150px;}

#modal-status{    
    margin-top: 20%;
    margin-bottom: 20%;
}

.modal-campi-multipli-row{
    border-bottom: 1px solid #efefef;
}

.nav-pills .nav-link.active {
    background-color: #4a81d4 !important;    
}

li.ms-selected {
    background: #4A81D4;
    color: white !important;
}

.contatto-form .badge-tipologia {
    color: lightgray;
    background: white;
    border: 1px solid lightgray;
    margin-bottom: 6px;
    cursor: pointer;
}

.contatto-form .badge-tipologia:hover {
    color: gray;
    background: white;
    border: 1px solid gray;
    margin-bottom: 6px;
    cursor: pointer;
}

.dropdown-menu a {cursor: pointer}

.bottoni-mobile-contatti{
    background: white;
    padding: 2px 10px;
}

.bottoni-mobile-contatti .btn-light{
   background:none !important;
   border:0px !important;
   padding:0px !important;
   position: relative;
    top: -3px;
    box-shadow: none !important;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-radius:0 !important;
    border-left:0px;
}

.responsive-table-plugin .btn-default {
    background-color: #fff;
    color: #323a46;
    border: 1px solid rgba(50, 58, 70, 0.3);
    border-left:0px !important;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.responsive-table-plugin .btn-default.filter-button{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-left: 1px solid rgba(50, 58, 70, 0.3) !important;
}

.no-toolbar .btn-toolbar{display: none !important;}

.btn-light-gray{
    background: #98a6ad !important;
    color: white !important;
    border: 0px !important;    
    border-top-left-radius: 2.4px !important;
    border-bottom-left-radius: 2.4px !important;
}
.btn-light-gray:hover{
    background: #6c757d !important;
}

.border-no-radius-right{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.border-no-radius-left{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#datatable-prodotti_wrapper > .row > .col-sm-12.col-md-6:first-child {
    display: none;
}

#datatable-prodotti_wrapper > .row  .col-sm-12.col-md-6{
    width: 100%;
}

.full-height-button{
    height:100%;
}


/* per far vedere il menu dell'ultima riga*/
.table-responsive{ 
    overflow-y: visible !important;
    /* overflow: visible !important;  */
}

.form-group.extra-fields {
    color: #296775;
    background-color: #dcf4f9;
    border-color: #ceeff7;
    padding: 10px 10px 18px 10px;
}

#basicwizard .tab-pane{
    min-height: 200px;
}

.border-top-light{
    border-top:1px solid lightgray !important;
}

.no-bg{background:none !important; border: 0px !important}

.settings-card .container{
    /* width: 100%;
    max-width: 100%; */
    margin-left:0px;
}


/* .sm-search-select span.select2.select2-container.select2-container--default {
    margin-left: 12px;
    flex: 0 0 46%;    
} */

/* .sm-search-select span.select2.select2-container.select2-container--default .select2-selection{
    background: #f1f5f7 !important;
    border-color: #f1f5f7 !important;
} */

.select-container button{
    border: 1px solid #ced4da;
    color:#6c757d;
}

.select-container button.bs-placeholder{
    border: 1px solid #ced4da;
    color: #999;
}

.cliccaqui{
    padding: 4px 6px 3px 5px !important;
    font-size: 90% !important;
}

.nav-tabs .nav-link.disabled {
    color: #b7c9d8 !important;    
}

.no-top-border th{
    border-top: 0px !important;
}


.top-title{
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 4px;
    color: #adb5bd;    
    font-weight: normal;    
    width: auto !important;
    display: inline-block;
    padding-bottom: 4px;
}

.top-title a{    
    color: #adb5bd;    
}

.page-title.subtitle{
    line-height: 20px !important;
    padding-bottom: 30px;
}

.sconto-container {
    float: left;
    width: 48px;
    margin-right: 3px;
    text-align: center;
}

.icona-lavoro{
    font-size:22px;
}

.btn-group.dropup .dropdown-menu-right{
    transform: translate3d(0px, -128px, 0px) !important;
}

.colore-box {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

.tableHead {
    background-color: #F1F5F7;
    border-top: 2px solid #6c757d;
}

.tableHead th {
    font-weight: bold !important;
}

tr.tableSpacer {
    height: 20px;
    display: block;
}

.totaleTabella{
    background-color: #CACFD1;
    border-top: 2px solid #6c757d;
    border-bottom: 2px solid #6c757d;
}

.totaleTabella td{
    font-weight: bold;
}

.disabledInput {
    background: none !important;
    border: none !important;
    padding-left: 0px !important;
}

th a{
    white-space: nowrap;
}

/* .left-side-menu {
    width: 160px !important;
}

.content-page {
    margin-left: 160px !important;
} */


#tab-offerte th, #tab-offerte td{
    white-space: normal !important;
}

tr.gray{
    background-color: #F1F5F7;
}

.select2-dropdown {    
    z-index: 99999 !important;
}

#preloader {   
    z-index: 99999 !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    width: 24px;
    background: #e7ecef;
    text-align: center;
    height: 36px;
    line-height: 36px;    
    color: white;
    right: 11px;
    z-index: 20;
    color: darkgray;
}

.loginlogo .logo-lg {
    line-height: 22px !important;
}

.anno-numero{color:lightgray}

#filtroAnno-container .dropdown{width: 100px !important;}

.icona-ordine {
    font-size: 20px !important;
    line-height: 22px !important;
        
}


.icona-ordine-crea {
    font-size: 20px !important;
    line-height: 22px !important;
    color: #ff7c2b !important;
} 

/* .icona-ordine-crea {
    font-size: 20px !important;
    line-height: 22px !important;
    color: #28a745;
}

.button-blink-success {       
    -webkit-animation: glowing 1000ms infinite;
    -moz-animation: glowing 1000ms infinite;
    -o-animation: glowing 1000ms infinite;
    animation: glowing 1000ms infinite;
  }
  @-webkit-keyframes glowing {
    0% { color: #22993e;}
    50% { color: #2cc550;}
    100% { color: #22993e;}
  }
  
  @-moz-keyframes glowing {
    0% { color: #22993e;}
    50% { color: #2cc550;}
    100% { color: #22993e;}
  }
  
  @-o-keyframes glowing {
    0% { color: #22993e;}
    50% { color: #2cc550;}
    100% { color: #22993e;}
  }
  
  @keyframes glowing {
    0% { color: #22993e;}
    50% { color: #2cc550;}
    100% { color: #22993e;}
  } */

span.ordine-lavoro {
    display: block;
}

/* input[type="text"]:disabled, input[type="text"]:read-only { */
input[type="text"]:disabled, input.disabledInput {
    cursor: not-allowed;
}

.border-top-1{
    border-top: 1px solid lightgray;
}

.allegati-label {
    text-transform: uppercase;
    font-size: 10px;
}

.padding-top-text-td{
    padding-top:22px !important;
}

.bell-notifica{
    position: relative;
    top: 2px;   
    font-size: 16px; 
}

.margin-bell{
    margin-left: 16px;
}

#big-error-overlay{
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    top: 0px;
    left: 0px;
    text-align: center;
}

small.percentuale-provv {
    position: absolute;
    top:8px;

}

.provvigione{
    position: relative;
}

.bottom-bordered{
    border-bottom: 1px solid #f3f4f6;
}

.stat-crm .collapse {
    max-height: 300px;
    overflow: auto;
}

.stat-crm .card-body {
    padding: 10px;
    
}

.stat-crm li.list-group-item {
    padding: 0px;
}

.bl-success{
    border-left: 3px solid #1ABC9C !important;
}

.bl-pending{
    border-left: 3px solid #eaeaea !important;
}

.bl-danger{
    border-left: 3px solid #F1556C !important;
}

.text-muted-light{
    color: #eaeaea !important;
}

span.stat-lista-subtitle {
    display: block;
    font-size: 12px;
    padding-left: 20px;
    margin-top: -4px;
}

.noborder{ border: 0px !important;}

.linkinchart{color: white !important}

.selected-from-chart{
    background-color: #F8F9FA !important;
}

.separatore-stat{
    background: #4a81d4;
    height: 4px;
    /* margin-bottom: 20px; */
}

.titolo-stat {
    background: #4A81D4;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    text-transform: uppercase;
}

.logo-lg img{
    width: 100%;
}
.logo-lg{ 
    padding: 10px;
}

body.authentication-bg-pattern {
    background-image: none !important;
    background-color: #bacdd6 !important;
}

th.footable-sortable {
    cursor: pointer;
}

button.btn-link {
    border: 0px;
    padding: 0px;
    text-align: left;
}

.sotto-titolo-stat {    
    text-align: center;
    background: #d6d6d6;
    color: #656363;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px;
}

.topdot{
    font-size: 6px;
    font-weight: bold;
    position: relative;
    bottom: -3px;
}

/* th.td-success {
    background: #c2f9ee;
}

th.td-pending {
    background: #f7f7f7;
}

th.td-danger {
    background: #ffb4bf;
} */

th.td-success {
    background: #1ABC9C;
    color: white;
}

th.td-pending {
    background: #EAEAEA;
}

th.td-danger {
    background: #F1556C;
    color: white;
}

.footable-pagination li.active a {    
    background-color: #4A81D4 !important;
    border-color: #4A81D4 !important;
}

td.odd, th.odd{
    background: #f1f5f7;
}

.evidenziaBase{
    background: #4a81d412;
    padding-bottom: 10px;
    border-radius: 4px;
}

.not-delete-item{
    cursor: not-allowed;
}

.row-total{
    background-color: #4a81d4 !important;
    color: white !important;
    font-weight: bold  !important;;
}

.notifiche_per_azienda {
    border: 1px solid lightgray;
    margin-top: 4px;
    margin-bottom: 20px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 10px 4px 4px 4px;
    font-size: 10px;
    background: #edeff1;
}

.notifiche_per_azienda .custom-control-label::before {    
    top: 0rem;
    left: -1.1rem;
    width: 0.8rem;
    height: 0.8rem;
}

.notifiche_per_azienda .custom-control-label::after {    
    top: 0rem;
    left: -1.1rem;
    width: 0.8rem;
    height: 0.8rem;
}

.subfolder td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.card-dir i {
    font-size: 40px;
}

.card-dir .card-body {
    padding-top: 4px;
}

.card-dir h5 {
    font-size: 0.8rem;
    margin-bottom: 0px;
}

.dir-title{
    background: #F1F5F7;
}

.card.card-dir {
    box-shadow: none;
}

.card-dir small {
    font-size: 0.6rem;
    margin-top: 0px;
    display: block;
}

.mdi-note{
    position: relative;
    top: 2px;
    font-size: 18px;
    right: -4px;
}

.select2-full .select2-container{
    width: 100% !important;        
}




/* ALBERO CONTATTI */

.tree,
.tree ul,
.tree li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.tree {
    margin: 0 0 1em;
    text-align: center;
}

.tree,
.tree ul {
    display: table;
}

.tree ul {
    width: 100%;
}

.tree li {
    display: table-cell;
    padding: .5em 0;
    vertical-align: top;
}

.tree li:before {
    outline: solid 1px #666;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.tree li:first-child:before {
    left: 50%;
}

.tree li:last-child:before {
    right: 50%;
}

.tree code,
.tree span {
    border: solid .1em #666;
    border-radius: .2em;
    display: inline-block;
    margin: 0 .2em .5em;
    padding: .8em .5em .4em;
    position: relative;
}

.tree ul:before,
.tree code:before,
.tree span:before {
    outline: solid 1px #666;
    content: "";
    height: .5em;
    left: 50%;
    position: absolute;
}

.tree ul:before {
    top: -.5em;
}

.tree code:before,
.tree span:before {
    top: -.55em;
}

.tree>li {
    margin-top: 0;
}

.tree>li:before,
.tree>li:after,
.tree>li>code:before,
.tree>li>span:before {
    outline: none;
}

input.tree-delete {
    border: 0px;    
    color: white;
    /* float: right;     */
    line-height: 12px;
    /* border-radius: 90px; */
    font-size: 8px;
    padding: 0px 4px;
    position: absolute;
    top: -6px;
    left: 0px;
    right: 0px;
    margin: auto;
}

span.contatto-zero {
    background: lightgray;
    color: black;
}

.albero .parents, .albero .zero, .albero .children{
    margin-bottom: 20px;
}

.albero .parents li, .albero .zero li, .albero .children li {
    list-style: none;
    border: 2px solid gray;
    margin: 10px;
    text-align: center;
    padding: 4px;
    border-radius: 8px;
}

.albero .zero li{
    background: lightgray;
    color: black;
}

.albero .zero li span.contatto-zero{
    background: none;    
}

.albero h5 {
    font-size: 12px;
    text-transform: uppercase;
    color: #afaeae;
    margin-bottom: 10px;
    margin-top: 30px;
    border-bottom: 1px solid #afaeae;
    padding-bottom: 6px;
}

.albero input.tree-delete{
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 4px;
}

.albero li form{
    display: inline-block;
}

.form-del-container {
    position: absolute;
    top: -14px;
    left: 0px;
    right: 0px;
    margin: auto;
}

/* FINE ALBERO CONTATTI */

#export-offerte-form{
    display: inline-block;
}

.dropdown-menu.show {
    max-height: 142px;
    overflow: auto;
}

/* SCORE CONTATTI */

/* .first-col-relative{
    position: relative;
} */

.contatto-score{  
    width: 30px;
    height: 30px;
    float: left;
    border: 1px solid lightgray;
    text-align: center;
    padding-top: 5px;
    font-size: 12px;
} 

.mr-2.rounded-circle.contatto-score.no-score {
    border: 0px;
}

span.score-green {
    border-left: 8px solid rgb(93, 212, 93);
    padding-left: 10px;
}
span.score-yellow {
    border-left: 8px solid rgb(255, 255, 121);
    padding-left: 10px;
}
span.score-red {
    border-left: 8px solid rgb(255, 97, 97);
    padding-left: 10px;
}
span.score-orange {
    border-left: 8px solid rgb(255, 179, 38);
    padding-left: 10px;
}
span.score-gold {
    border-left: 8px solid rgb(185, 164, 47);
    padding-left: 10px;
}

.contatto-score.score-green{background-color: rgb(93, 212, 93);}
.contatto-score.score-yellow{background-color: rgb(255, 255, 121);}
.contatto-score.score-red{background-color: rgb(255, 97, 97);}
.contatto-score.score-orange{background-color: rgb(255, 179, 38);}
.contatto-score.score-gold{background-color: rgb(185, 164, 47);}

#form-filtro div.dropdown-menu {
    overflow: auto !important;
}

.bootstrap-select .dropdown-menu.inner{
    overflow: auto !important;
}

.vendita-select .dropdown{
    padding-left: 0px;
    padding-right: 0px;
}

.small-rivenditore{ color: orange; font-weight: bold;}

#sidebar-menu .menu-title {    
    color: white !important;    
    background: #38414A;
}

.lista-form .btn-toolbar{display: none !important;}

/* li.listino-azienda-menu.active > a {
    font-size: 0.8rem !important;
} */

.listino-azienda-menu a span {
    font-size: 0.8rem;
}

#sidebar-menu .listino-azienda-menu .menu-arrow {
    right: 10px;
}

.listino-azienda-menu > a {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.listino-azienda-menu ul.nav-second-level {
    padding-left: 10px !important;
}

.listino-azienda-menu ul.nav-third-level {
    padding-left: 30px !important;
}

.small-table td {
    line-height: 16px;
    font-size: 12px;
}

.small-table td, small-table th {
    padding: 0.45rem;
    min-width: 110px;
}