:root {
    --testo-chiaro: #fff;
    --testo-scuro: #000;

    /* --uno: #f0b23e; */
    --uno: #723C73;
    --due: #603C73;
    --tre: #C8AAC7;
    --quattro: #733F3C; --quattro-hover: #4E3C73;
    --cinque: #ffffff;
}


/* stili tema */

.skin-blue .main-header .navbar {
  background-color: #3c8dbc
}
.skin-blue .main-header .navbar .nav>li>a {
  color:#fff
}
.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus {
  background:rgba(0,0,0,0.1);
  color:#f6f6f6
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color:#fff
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color:#f6f6f6;
  background:rgba(0,0,0,0.1)
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color:#fff
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color:#367fa9
}
@media (max-width:767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color:rgba(255,255,255,0.1)
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color:#fff
  }
  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background:#367fa9
  }
}
.skin-blue .main-header .logo {
  background-color:#367fa9;
  color:#fff;
  border-bottom:0 solid transparent
}
.skin-blue .main-header .logo>a {
  color:#fff
}
.skin-blue .main-header .logo:hover {
  background:#357ca5
}
.skin-blue .main-header li.user-header {
  background-color:#3c8dbc
}
.skin-blue .content-header {
  background:transparent
}
.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
  color:#fff
}
.skin-blue .sidebar-menu>li.header {
  color:#4b646f;
  background:#38354a
}
.skin-blue .sidebar-menu>li>a {
  border-left:5px solid transparent;
}
.skin-blue .sidebar-menu>li>a:hover,
.skin-blue .sidebar-menu>li.active>a {
  color:#fff;
  background:#1e282c;
  border-left-color:#3c8dbc
}
.skin-blue .sidebar-menu>li>.treeview-menu {
  margin:0 1px;
  background:#2c3b41
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background:#161B1F
}
.skin-blue .sidebar a {
  color:#b8c7ce
}
.skin-blue .sidebar a:hover {
  text-decoration:none
}
.skin-blue .treeview-menu>li>a {
  color:#8aa4af
}
.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
  color:#fff
}
.skin-blue .sidebar-form {
  border-radius:3px;
  border:1px solid #374850;
  margin:10px 10px
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow:none;
  background-color:#374850;
  border:1px solid transparent;
  height:35px;
  -webkit-transition:all .3s cubic-bezier(.32, 1.25, .375, 1.15);
  -o-transition:all .3s cubic-bezier(.32, 1.25, .375, 1.15);
  transition:all .3s cubic-bezier(.32, 1.25, .375, 1.15)
}
.skin-blue .sidebar-form input[type="text"] {
  color:#666;
  border-top-left-radius:2px !important;
  border-top-right-radius:0 !important;
  border-bottom-right-radius:0 !important;
  border-bottom-left-radius:2px !important
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  background-color:#fff;
  color:#666
}
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  border-left-color:#fff
}
.skin-blue .sidebar-form .btn {
  color:#999;
  border-top-left-radius:0 !important;
  border-top-right-radius:2px !important;
  border-bottom-right-radius:2px !important;
  border-bottom-left-radius:0 !important
}
.skin-blue.layout-top-nav .main-header>.logo {
  background-color:#3c8dbc;
  color:#fff;
  border-bottom:0 solid transparent
}
.skin-blue.layout-top-nav .main-header>.logo>a {
  color:#fff
}
.skin-blue.layout-top-nav .main-header>.logo:hover {
  background:#3b8ab8
}

/* fine stili tema */


label{ font-weight: 700; }
textarea{ resize:none; }
body{ background-color: #ecf0f5; font-family: Lato,Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 500; }

.btn-primary { background-color: var(--quattro); }
.btn-info {
    background-color: var(--quattro);
    border-color: var(--quattro-hover);
}
.btn-info:hover, .btn-info:active, .btn-info.hover {
    background-color: var(--quattro-hover);
}

.row .row {margin-left: -7px; margin-right: -7px;}

.sidebar-menu a { color: var(--uno) !important; }
.login-box, .register-box { width: 360px; margin: 0; transform: translateY(-50%) translateX(-50%); position: absolute; left: 50%; top: 50%; border-radius: 20px; overflow: hidden; }
.sidebar-menu { margin-bottom: 60px; }
.sidebar-menu>li>a { font-weight: 100; }
.sidebar-menu>li.active>a, .sidebar-menu>li:hover>a  { color: var(--testo-chiaro) !important; }
.wrapper { background: #2e3e4e !important }

.navbar-default a { color: var(--cinque) !important; }
.main-header .logo { background-color: var(--uno) !important; position: fixed; }
.main-header .navbar{ background-color: var(--uno) !important; }
    aside.main-sidebar{ background: var(--cinque) !important; }
.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li>a:hover{ color:#fff; border-left: 5px solid var(--uno); background-color:  !important; }
.skin-blue .sidebar-menu>li>a{ border-left:5px solid transparent; padding: 8px }
.sidebar-menu>li>a>.fa{ font-size: 18px; width: 30px; height:30px; border-radius: 50%; line-height: 30px; margin-right: 7px; color:#fff; text-align: center; background-color: var(--tre);; }
.content-header{ font-size: 15px; color:#000; font-weight:400; padding-bottom:15px; border-bottom: 1px solid #d2d2d2; margin-bottom: 20px; margin-top: 50px; background:#fff !important; padding-left: 25px;
    box-shadow:0 1px 1px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
.content-wrapper h1{ color: #444; }
.modal-header{ background-color: var(--quattro) !important; color: #fff; border-bottom:0; min-height: 20px; padding: 15px; }
.modal-header h5, button.close{ color: #fff; }
.main-header li.user-header{ background-color: var(--uno) !important; }
.item-table-header{ background: #2e3e4e; color: #fff; }
.listthumb{ margin-bottom: 0; }
.spinner{ position: relative; }
.spinner:after{ position: absolute; top: 0; left: 0; content:''; width: 100%; height: 100%; background: rgba(255,255,255,.8) url(../images/cubes_loader.gif) no-repeat 50% 50%; visibility: visible; z-index: 5000; }
.form-control{ border-radius: 0; }

.table tbody>tr>td{ vertical-align: middle; }
.sidebar h4{ font-size: 15px; font-weight: 600; letter-spacing: 1px; color: #fff; margin-left: 20px; }
.login-logo { font-size:20px; text-align: center; margin-bottom: 0; background: #007196; padding: 25px; color: #fff; }
.panel-footer{ padding: 25px 25px !important; border-top: none !important; background: #afb0b3 !important; }
.panel-footer a{ color: #fff; }
.invoice{ padding: 15px 9px 140px; z-index:2; color:#555; max-width: 1000px; overflow: hidden;/*min-height:900px;box-shadow:2px 2px 2px 2px rgba(0,0,0,.1)*/}
.invoice table tbody>tr>td .form-group{ margin-bottom: 0; }
#amountDue,#grandTotal,#subTotal,#taxTotal,.currencySymbol{ font-weight: 700; }
.amount_due{ font-size: 20px; }

    input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; margin:0 }
    input[type=number]{ -moz-appearance: textfield; padding-right:.2em; }
.chosen-container{ width: 100% !important; }
.invoice_title{ color: #2e3e4e; font-weight: 700; }
    hr.separator{ border-color: #2e3e4e; margin-top: 10px; margin-bottom: 10px}
    tbody#items>tr>td{ border: 3px solid #fff !important; vertical-align: middle; }
#items{ background-color: #f1f1f1; }
.invoice_status_cancelled{ font-size: 25px; text-align: center; color: #c00; border: 1px solid #c00; }
.invoice_status_paid{ font-size: 30px; text-align:center; color: #82b440; border: 1px solid #82b440; }
.dropdown-menu>li>a{ font-weight: 400; font-size: 12px; letter-spacing:0; line-height: 23px; }
.navbar-default .dropdown-menu>.active>a,.navbar-default .dropdown-menu>.active>a:hover,.navbar-default .dropdown-menu>li>a:hover{ background:rgba(0,0,0,.1); color: #f6f6f6; }
.dropdown-menu .divider{ height: 1px; margin: 0; overflow:hidden}
.dropdown ul.dropdown-menu{ border-radius: 4px; box-shadow:none; margin-top: 15px; }
.dropdown ul.dropdown-menu:before{ content:""; border-bottom: 10px solid var(--uno); border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: -10px; right: 0; z-index: 10; }
.dropdown ul.dropdown-menu:after{ content:""; border-bottom: 12px solid var(--uno); border-right: 12px solid transparent; border-left: 12px solid transparent; position:absolute; top: -12px; right: 0; z-index: 9; }
.navbar-default .dropdown-menu { background-color: #007196; }
.language-img { margin-right: 5px; margin-top: -2px; }

.input-file{ position: relative; }
.input-file .input-group-addon{ border: 0; padding: 0; }
.input-file .input-group-addon .btn{ border-radius: 0 4px 4px 0; }
.input-file .input-group-addon input{ cursor: pointer; position: absolute; width: 100%; height: 35px; z-index: 2; top: 0; right: 0; opacity: 0; background-color: transparent; color: transparent; }
.scrollable{ overflow-x:hidden; overflow-y: auto; }
.line-legend li>span,.pie-legend li span{ display: inline-block; height: 3px; width: 20px; margin-right: 5px; position: relative; top: -3px; }
.line-legend li,.pie-legend li{ list-style: none; list-style-type:none; font-size: 14px; /*float:left;*/ margin-right: 20px; line-height: 1.6em; }
.dashboard_stats{ font-size: 14px; border-radius: 10px; overflow: hidden;}
.info-box i{ font-size: 2.4em; display: block; float: left; margin-right: 15px; width: 60px; height:60px; line-height: 60px; text-align: center; border-radius: 50%; background-clip: padding-box; color: #fff; }
.info-box{ padding: 20px; background: #fff; box-shadow: 1px 1px 2px 0 #ccc; margin-bottom: 16px; border-radius: 3px; background-clip: padding-box; }
.info-box .info-box-text{ display:block; font-size: 1em; font-weight: 300; text-align: right; }
.info-box .info-box-number{ font-size: 2.1em; font-weight: 600; margin-top: -5px; display: block; text-align: right; }
.user-footer a{ color: #0079a1 !important; background: 0 0 !important; }
    div.table-responsive>div.dataTables_wrapper>div.row{ margin: 0; }
.btn-sm{ padding: 5px 10px; }

.dataTables_processing { position:absolute; top: 50%; left: 50%; width: 250px; height: 80px; margin-left: -125px; margin-top: -15px; padding:15px 0 30px 0; border: 1px solid #ddd; text-align: center; color: #444; 
    font-size: 14px; background:url(../images/loading_bar.gif) no-repeat center 38px #fff; box-shadow:2px 2px 5px #444; -moz-box-shadow: 2px 2px 5px #444; -webkit-box-shadow: 2px 2px 5px #444; z-index: 9999; }
.user-panel>.image>img { width: 35px; height: 35px; }

.sd-box { padding: 10px; }
.sd-box-bg { background: #f2f2f2; }
.mb-2 { margin-bottom: 2rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-0 { margin-bottom: 0; }
.alert { font-size: 15px; }
.table .label { font-size: 100%; cursor: default; }
.box_totali td span { color: #007196; font-size: 90%; margin-left: 6px; }

    /*div#client_details {padding: 2px 8px; margin: -5px 0 20px 0; border: 1px solid #d2d6de; font-size: 90%; line-height: 1.5; min-height:63px; position: relative; }*/
    div#client_details { padding: 2px 8px; margin: 0 0 15px 0; border: 1px solid #d2d6de; font-size: 90%; line-height: 1.5; min-height: 123px; position: relative; }
    div#client_details span { position: absolute; bottom: 0; right: 0; background: #c00; color: #fff; padding: 4px 6px; font-weight: bold; }

    tbody>tr.item>td{ vertical-align: top; }

.box-totals .info-box { min-height: 130px; }
.box-totals .info-box .info-box-text { font-weight: 400; text-align: left; white-space: normal; min-height: 46px; }
.box-totals .info-box .info-box-number { text-align: left; }
.box-totals .info-box .info-box-number span { font-size: 16px; display: block; }
.box-totals .info-box .info-box-number p { font-size: 13px; display: block; }

.select-with-button label { width: 100%; }
.select-with-button .chosen-container { width: calc(100% - 75px)!important; }
.select-with-button .btn { width:70px; display:inline-block; }

#search-client .item { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
#search-client .item span { padding: 6px 0; display: inline-block; }

.table-responsive .pull-right > div { display: inline; margin-left: 20px; }
.table-responsive .pull-right > div label { font-weight: normal; }

.services-modal div[class^='col'] { padding-left: 7px; padding-right: 7px; }
.buttons-box { margin-top: 24px; display: block; }
.buttons-box button { width: 32%; margin: 0px 0.5%; float: left; }

/*.btn-current {border: 3px solid #ff5722 !important; margin-top: -2px !important; }*/
.buttons-box .btn:not(.btn-current) { background: #fff; color: var(--cinque); border-width: 3px; font-weight: bold; }
.buttons-box .btn.btn-current { border-width: 3px; font-weight: bold; }

.bilancio_box { margin: -15px -15px -15px 15px; cursor: pointer; }
.bilancio_box.disabled { filter: grayscale(0.9); opacity: 0.7; }
.bilancio_box .panel-heading { padding: 4px 15px; }
.bilancio_box .info-box-text { margin: 3px 0; }
.bilancio_box .info-box-text i { font-style: normal; width: 110px; display: inline-block; white-space: normal; line-height: 1.1; vertical-align: middle; font-size: 12px; text-transform: none; }
.bilancio_box .info-box-text .bilancio_box_val { font-size: 20px; display: inline-block; vertical-align: middle; }

.conguaglio_detail_box { margin: -5px -15px -15px 15px; cursor: pointer; }
.conguaglio_detail_box .panel-heading { padding: 4px 15px; }
.conguaglio_detail_box .info-box-text { margin: -2px 0; }
.conguaglio_detail_box .info-box-text i { font-style: normal; width: 110px; display: inline-block; white-space: normal; line-height: 1.1; vertical-align: middle; font-size: 14px; text-transform: none; }
.conguaglio_detail_box .info-box-text span { font-size: 20px; display: inline-block; vertical-align: middle; }

.skin-blue .sidebar-menu>li.header { color: var(--testo-chiaro); background-color: var(--uno) !important; }

.chosen-container-single .chosen-single { background: #fff; border-radius: 0; border: 1px solid #d2d6de; height: 30px; box-shadow: none; line-height: 30px; color: #6f6f6f; }
.chosen-container-single .chosen-single div b { background-position: 0px 5px; }

    a.btn.btn-xs.btn-warning.disabled { position: relative; }
    a.btn.btn-xs.btn-warning.disabled:after { position: absolute; height: 26px; width: 2px; background: #fff; content: ""; transform: rotate(45deg); left: 10px; top: 0; }

.custom-response ul { padding: 0; }
.custom-response li { border-bottom: 1px dashed #ccc; padding: 4px 2px; list-style: none; }
.custom-response span.errDescription { display: block; font-size: 12px; }

.services-modal .alert.alert-danger ul { padding: 0; }
.services-modal .alert.alert-danger li { border-bottom: 1px dashed #fff; padding: 4px 2px; list-style: none; }
.services-modal .alert.alert-danger span { display: block; color: #fff !important; }
.services-modal .alert.alert-danger span.errDescription { display: block; font-size: 12px; }

.login-button{ background: #afb0b3; border: none; color: #000; }
.login-button-soci { background: var(--uno); border: none; }
.box.box-primary { border-top-color: var(--uno); }
.bg-green, .label-success, .modal-success .modal-body { background-color: var(--uno) !important; }

.modal-dialog.modal-lg.modal90 { width: 90%; }
.modal-dialog {max-height: 90vh; overflow-y: auto; }

.box.box-solid.box-success>.box-header { background: var(--uno); background-color: var(--uno); }
.box.box-solid.box-success { border: 1px solid var(--uno); }

    div#tax_chosen { max-width: 150px; }
    div.dataTables_wrapper { width: 99.9%; }

/*div#tax_chosen.chosen-with-drop {width: 300px; max-width: 300px; }*/

tr.is_prev_month td {
    background: #dff0d8;
}

tr.has_next_month td {
    background: #f2dede;
}

@media screen and (max-width: 991px){

    h1.pull-left { display: inline-block; width:100%; }
    .bilancio_box { width: 100%; margin: 20px 0 -15px; } 
    .conguaglio_detail_box { margin: 0 auto 20px auto; }
    .invoice { margin: 10px 0; padding: 10px 0; }

    .table-responsive #item_table { margin-bottom: 160px; min-width: 1000px; }

}

@media screen and (min-width: 990px){

.table-responsive { overflow-x: visible; }
#report-body .col-md-12 { overflow-x: scroll; }
.invoices_badge_rm { font-size: 22px; color: var(--uno); vertical-align: middle; }
.invoices_badge_rm .fa-times-circle { color: #dd4b39; }
.field_disabled { line-height: 24px; background: #eee; border: 1px solid #d2d6de; padding: 2px 10px; }
.panel-default>.panel-heading {color: #666; background-color: #cbcbcb; border-color: #bababa; }
.home-boxes .info-box-number, .home-boxes .info-box-text { margin-bottom:0; }
.pagination>.active>a { background-color:var(--quattro); border-color: #00acd6; }
.pagination>.active>a:hover { background-color: #00acd6; border-color: #269abc; }
.chosen-disabled { opacity: 1 !important; }
.chosen-disabled .chosen-single { background: #eee !important; }
.daterangepicker .ranges li.active { background-color: var(--quattro) !important; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--quattro) !important; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color: var(--quattro) !important; border-color: var(--quattro) !important; }

.bg-orange { background-color: var(--due); }
.bg-light-blue { background-color: var(--quattro); }
.btn-primary { border-color: var(--quattro) !important; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.hover { background-color: var(--quattro) !important; color: #fff !important; }
.btn-danger { border-color: var(--tre) !important; }
.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger.hover { background-color: var(--tre) !important; color:#fff !important; }
.btn-success { background-color: var(--uno); border-color: var(--uno) !important; }
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.hover { background-color: var(--uno) !important; color: #fff !important }

.panel-primary, .panel-primary>.panel-heading { background-color: var(--quattro) !important; border-color: var(--quattro) !important; }


/* stili custom */

.sidebar-menu > li > a:hover, .sidebar-menu > li.active > a { background-color: var(--quattro-hover) !important; }