@charset "utf-8";
/* CSS Document */
html,
body {
  margin: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  color: #333333;
}
label.minimal {
  font-weight: 400;
  margin-right: 60px;
}
.hoverDelete {
  background-color: #d43851 !important;
  color: #ffffff;
}
.hoverDelete .btn {
  color: #000000 !important;
}
.line {
  height: 1px;
  margin: 30px 15px;
  background: #eee;
  overflow: hidden;
}
.mosaic :hover {
  box-shadow: 0px 1px 7px #ccc;
}
.table-att .text-center {
  margin: 0 !important;
}
.table-att .fa.fa-warning {
  color: #f39c12;
}
.mosaic i.fa {
  color: #ccc;
}
.visible-xs-block {
  display: block !important;
}
.content,
.content-header {
  margin: 0 auto;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .content,
  .content-header {
    max-width: 990px;
  }
}
@media screen and (min-width: 1200px) {
  .content,
  .content-header {
    max-width: 1250px;
  }
}
@media screen and (min-width: 991px) {
  .content-header {
    padding: 55px 30px 15px;
  }
}
@media screen and (min-width: 991px) {
  .content-header .breadcrumb {
    top: 55px;
    right: 30px;
  }
}
.content-header .breadcrumb .fa {
  margin-right: 3px;
}
.main-header .logo .logo-mini img {
  height: 33px;
}
.main-header .logo .logo-lg img {
  height: 25px;
}
.alert-danger {
  font-weight: 600;
  display: inline-block;
  margin: 0 auto;
}
.row-btn {
  margin: 30px 0 !important;
}
.btn-tms {
  font-weight: 600;
  min-width: 160px;
  padding: 10px;
  text-transform: uppercase;
}
.btn-mrg {
  margin: 30px;
}
.brd-ar,
.brd-cx {
  border-left: 7px solid transparent;
}
tr:hover .brd-ar {
  border-left: 7px solid #c8102e;
}
tr:hover .brd-cx {
  border-left: 7px solid #003375;
}
.bg-rosso {
  background: #c8102e;
  color: #fff;
}
.bg-rosso:hover,
.bg-rosso:active {
  background: #B10F2A;
  color: #fff;
}
.bg-cx {
  background: #003375;
  color: #fff;
}
.bg-cx:hover,
.bg-cx:active {
  background: #003375;
  color: #fff;
}
.btn i {
  font-size: 10px;
  margin: 0 5px;
}
.btn-add,
.btn-remove {
  min-width: 40px;
  padding: 6px 0 !important;
}
.input-group-btn .btn {
  min-width: auto;
  padding: 4px 20px;
}
.input-error {
  border: 1px solid #dd4b39;
}
.icheckbox_flat-blue,
.icheckbox_minimal-blue {
  margin-right: 10px;
}
.select2-container {
  width: 100% !important;
}
select.sm {
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
  border-radius: 3px;
  height: 30px;
  padding: 5px 0;
  border-color: #d2d6de;
}
@media screen and (max-width: 991px) {
  .select2-container--default .select2-selection--single {
    height: 40px;
    padding: 9px 0;
  }
}
@media screen and (max-width: 991px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
    right: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .select2-results__option {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .select2-results__option {
    padding: 17px 10px;
  }
}
.form-control {
  height: 30px;
  padding: 6px 10px;
  border-radius: 3px;
}
.inp-with-lab {
  width: auto;
  display: inline;
  /*margin-bottom:10px;*/
}
form .inp-with-lab {
  margin-bottom: 10px;
}
.inp-num {
  width: 80px;
  text-align: right;
}
.datepicker {
  border-radius: 0 3px 3px 0;
}
h1 {
  font-family: 'Sansation';
}
h3 {
  padding: 10px;
  font-family: 'Sansation';
  font-weight: 400;
  margin: 30px 0 20px;
}
h5.int,
th.int {
  margin-top: 0;
  text-transform: uppercase;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  background: #767C80;
}
.row {
  margin: 0 0 30px;
}
.col-box {
  padding: 0;
}
.mrg-sx {
  margin-left: 20px;
}
.mrg-dx {
  margin-right: 20px;
}
.pdd-sx-z {
  padding-left: 0;
}
.pdd-sx-z .box {
  padding: 0 15px;
}
.pdd-dx-z {
  padding-right: 0;
}
.pdd-dx-z .box {
  padding: 0 15px;
}
.box {
  margin: 0px 0 20px;
  border-top: 0;
}
.box h3 {
  margin-top: 0;
}
.box .box-title {
  font-family: inherit;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  margin: 0 15px;
  display: block;
}
@media screen and (max-width: 767px) {
  .box .box-title {
    margin: 0;
  }
}
.box .subtitle {
  padding: 5px 15px;
  font-size: 14px;
  color: #666;
}
@media screen and (max-width: 767px) {
  .box .subtitle {
    padding: 5px 0;
    font-size: 13px;
  }
}
.box .box-body h4 {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 7px;
}
.box .box-body div {
  margin-bottom: 7px;
}
.box .row {
  margin: 0;
}
#image_preview {
  margin: 0px;
  width: 100%;
  border: 1px solid #eee;
}
@media screen and (max-width: 767px) {
  #image_preview {
    height: 240px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #image_preview {
    height: 250px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  #image_preview {
    height: 340px;
  }
}
@media screen and (min-width: 1201px) {
  #image_preview {
    height: 470px;
  }
}
.dett-row {
  border-bottom: 1px solid #eee;
  margin: 15px 0;
  padding: 0 0 5px;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
table th {
  vertical-align: top !important;
}
table td {
  vertical-align: middle !important;
}
table td .arrow {
  width: 25px;
  height: 25px;
  background: #00A7D0;
  border-radius: 50px;
  border: 0;
  padding: 2px 6px;
  float: right;
}
table thead,
table .th {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
table thead th,
table .th th {
  font-weight: 600;
}
table tfoot.b-red {
  font-weight: 900;
}
table tfoot.b-red tr.tr_spec {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  background: #ECF0F5;
}
table tfoot.b-red td {
  padding: 15px 8px !important;
}
table .separate td {
  background: #767C80;
  padding: 1px !important;
}
table .w-medium {
  width: 200px;
}
.table-hover tbody tr:hover {
  cursor: pointer;
  background: #E2E4E9 !important;
}
.datepicker thead {
  text-transform: none;
}
.tbl {
  display: table;
}
.tbl .cell {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    padding: 0px;
  }
}
.bold-blue {
  font-weight: bold;
  color: #0277BD;
}
@media screen and (min-width: 991px) {
  .view-dett h1 {
    padding: 0 25px 0;
  }
}
@media screen and (min-width: 991px) {
  .view-dett .breadcrumb {
    top: 55px;
    right: 25px;
  }
}
@media screen and (min-width: 991px) {
  .view-dett .box-body {
    padding: 20px 10px;
  }
}
.view-dett h3 {
  margin: 0px 5px 0;
  font-weight: 600;
  font-family: inherit;
  font-size: 20px;
}
.view-dett h4 {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
.view-dett .row div {
  margin: 5px 0;
}
.view-dett .row div label {
  font-weight: 900;
}
.view-dett .row div span {
  padding: 3px 7px;
}
.view-dett .row .input-group {
  margin: 0;
}
.view-dett .row .form-group {
  margin: 0 0 10px;
}
.view-dett .row-btn {
  margin: 50px 0 100px !important;
}
.view-dett .row-btn .btn {
  margin: 15px 30px 0;
}
@media screen and (max-width: 992px) {
  .content-filter .col-md-9 {
    padding: 0;
  }
}
@media screen and (min-width: 991px) {
  .content-filter .col-md-9 {
    padding-right: 0;
  }
}
.content-filter #col-filter {
  /*@media screen and (min-width: 991px){
			padding-left:0;
		}	*/
}
.content-filter #col-filter label {
  width: 100%;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
  color: #555;
}
.content-filter #col-filter h4 {
  padding-bottom: 5px;
  border-bottom: 1px solid #aaaaaa;
  margin: 0 0 12px;
}
.content-filter #col-filter .row {
  margin-bottom: 10px;
}
.content-filter #col-filter .btn {
  padding: 7px 30px;
  border-color: #bbb;
  text-transform: uppercase;
}
#login-page {
  margin: 0 !important;
  padding: 0;
  /*background: #00234D;
    background: -webkit-radial-gradient(center, #5EA3DE, #00234D);
    background: -o-radial-gradient(center, #5EA3DE, #00234D);
    background: -moz-radial-gradient(center, #5EA3DE, #00234D);
    background: radial-gradient(center, #5EA3DE, #00234D);
    */
  text-align: center;
}
#login-page .content {
  padding-left: 0px;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #login-page .content .row {
    margin: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #login-page .content .row {
    margin: 30px 0;
  }
}
#login-page #img-logo {
  width: 230px;
}
@media screen and (max-width: 767px) {
  #login-page #img-logo {
    width: 230px;
  }
}
#login-page .account-wall {
  margin: 80px auto 0;
}
@media screen and (min-width: 768px) {
  #login-page .account-wall {
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  #login-page .account-wall {
    margin: 25px auto 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #login-page .account-wall {
    width: 45%;
  }
}
#login-page .account-wall h4,
#login-page .account-wall small {
  font-family: "Sansation";
}
#login-page .account-wall h4 {
  margin: 0px 0px 20px;
  border-bottom: 1px solid #d2d6de;
  padding: 0 0 8px 0;
}
#login-page .account-wall form {
  margin: 20px auto;
}
#login-page .account-wall form .form-box {
  background: #fafafa;
  padding: 30px;
  margin: 20px 0;
  border-radius: 3px;
  box-shadow: 0 0px 15px #777;
}
#login-page .account-wall form input {
  margin-bottom: 10px;
  text-align: center;
}
#login-page .account-wall form .btn {
  margin: 20px 0 70px;
  box-shadow: 0 0px 10px #777;
}
@media screen and (max-width: 767px) {
  #login-page .account-wall form .btn {
    margin: 20px 0 20px;
  }
}
#login-page .account-wall .log-footer {
  color: #fff;
}
#login-page .account-wall .log-footer a {
  color: #fff;
  font-weight: 600;
  /*text-decoration: underline;*/
}
#lista_ordini table td span {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}
#assegna_budget table {
  margin: 30px 0;
}
#assegna_budget table tbody {
  border: 1px solid #eee;
}
#assegna_budget table td {
  vertical-align: top !important;
}
#assegna_budget table label {
  width: 100%;
  margin-bottom: 15px;
  font-size: 13px;
}
#assegna_budget table tfoot th {
  padding: 25px 8px;
}
.modal .modal-dialog {
  max-height: 96%;
  overflow: scroll;
  margin: 2% auto 0;
}
.modal .modal-body img {
  width: 150px;
  margin-bottom: 20px;
}
.modal .modal-error {
  text-align: center;
}
.modal .modal-error .alert {
  margin: 20px auto;
}
.modal .modal-error small {
  color: #fff;
}
.modal .modal-title {
  margin: 0 !important;
  border: 0 !important;
  padding-bottom: 0 !important;
}
.modal .dett-row {
  margin: 10px 0 !important;
}
.modal-large .modal-dialog {
  width: 800px;
}
.modal-xl .modal-dialog {
  width: 900px;
  font-size: 14px;
}
.modal-small .modal-dialog {
  max-width: 400px;
}
.control-sidebar {
  padding: 50px 20px 20px;
  background: #fafafa;
  box-shadow: 0 0 10px #ddd;
}
@media screen and (max-width: 767px) {
  .control-sidebar {
    padding-top: 100px;
  }
}
.control-sidebar label {
  width: 100%;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.control-sidebar-open {
  width: auto;
}
.nav-tabs-custom {
  /*.nav-tabs{
		li{

			border-top:3px solid #d2d6de;
			border-right:1px solid #fafafa;
			a{
				font-family: 'Sansation';
				font-size: 16px;
				font-weight: 600;
			}
		}

		li.active{
			border-top:3px solid #C8102E;
		}

	}*/
}
.nav-tabs-custom canvas {
  max-width: 400px;
  margin: 30px;
}
@media screen and (max-width: 767px) {
  .nav-tabs-custom canvas {
    width: 100%;
    margin: 20px 0;
  }
}
.nav-tabs-custom .nav-tabs-custom {
  box-shadow: none;
}
.nav-tabs-custom .nav-tabs {
  /*li.active{
			border-top:3px solid #C8102E;
		}*/
}
.nav-tabs-custom .nav-tabs li a {
  font-family: 'Sansation';
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .nav-tabs-custom .cell {
    display: block;
  }
}
.chart-legend {
  margin: 30px;
}
.chart-legend ul {
  padding: 0;
  list-style: none;
}
.chart-legend ul li {
  margin: 10px;
  font-weight: 100;
}
.chart-legend ul li span {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 19px;
  top: 4px;
  margin-right: 8px;
}
.chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: none;
  color: #000;
  font-weight: normal;
  padding: 5px 20px;
  background: #fff;
  border: 1px solid #eee;
  /*box-shadow: 0 0 11px #ddd;*/
  border-radius: 7px;
}
.chartjs-tooltip.below {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.chartjs-tooltip.below:before {
  border: solid;
  border-color: #111 transparent;
  border-color: rgba(0, 0, 0, 0.8) transparent;
  border-width: 0 8px 8px 8px;
  bottom: 1em;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  z-index: 20;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.chartjs-tooltip.above {
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.chartjs-tooltip.above:before {
  border: solid;
  border-color: #fff transparent;
  border-width: 8px 8px 0 8px;
  bottom: 1em;
  content: "";
  display: block;
  left: 50%;
  top: 100%;
  position: absolute;
  z-index: 99;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
ul.doughnut-legend {
  margin-left: 0;
  height: 40px;
}
.entry:not(:first-of-type) {
  margin-top: 10px;
}
.glyphicon {
  font-size: 12px;
}
.modal_ajax {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url('../img/ajax-loader.gif') 50% 50% no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .mobile {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .mb_tb {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .tablet {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .tablet {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .tb_dsk {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .desktop {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .desktop {
    display: none !important;
  }
}
/*======== WEBFONTS =========*/
@font-face {
  font-family: 'Sansation';
  src: url('../fonts/Sansation_Light.ttf');
  font-weight: normal;
  font-style: normal;
}
/*.mb{
	@media screen and (max-width: 767px){
		display: block;
	}
	@media screen and (min-width:768px) and (max-width: 991px){
		display: none;
	}

	@media screen and (min-width: 992px) {
		display: none;
	}
}
.tb{
	@media screen and (max-width: 767px){
		display: none;
	}
	@media screen and (min-width:768px) and (max-width: 991px){
		display: block;
	}

	@media screen and (min-width: 992px) {
		display: none;
	}
}
.dsk{
	@media screen and (max-width: 767px){
		display: none !important;
	}
	@media screen and (min-width:768px) and (max-width: 992px){
		display: none !important;
	}

	@media screen and (min-width: 992px) {
		display: block;
	}
}*/
/*
	@media screen and (max-width: 767px){

	}
	@media screen and (min-width:768px) and (max-width: 992px){

	}

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

	}
*/