/*
	SpecificSections.css
	TemplateName: Business Management
	Copyright (c) 2015, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/

/*MARIO*/

.section.manage-productions .productions2 table thead tr th {
   vertical-align: top;
}

.section.manage-productions .productions2 table thead tr th span {
  white-space: nowrap;
}

.section.manage-productions .productions2 table tfoot tr td {
   font-weight: bold;
}

.section.manage-productions .productions2 table th.total {
   font-weight: bold;
}

.section.manage-productions .productions2 table th.utf, .section.manage-productions .productions3 table th.utf {
   background-color: #FCD5B4;
}

.section.manage-productions .productions2 table th.service, .section.manage-productions .productions3 table th.service {
   background-color: #FFFFFF;
}

.section.manage-productions .productions2 table th.enel, .section.manage-productions .productions3 table th.enel {
   background-color: #D8E4BC;
}

.section.manage-productions .productions2 table thead tr th span {
   float: none;
}


.section.manage-plants .plants table tbody tr.not-updated-production td.year-current,
.section.manage-plants .plants2 .plants-container .item.not-updated-production .production strong,
.section.manage-productions .plants table tbody tr.not-updated-production td.year-current,
.section.statistics .plants table tbody tr.not-updated-production td.year-current {
   background-color: yellow;
}



div.element-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
}

div.element-selected label {
	font-weight: bold;
}

div.element-selected .form-control[disabled] {
	background-color: #ABC628;
	border: 1px dashed #FFF;
	color: #FFF;
}


/* General
------------------------------------------------------------------------------------------------- */
body {
   background: url(../Images/Background.png) repeat transparent;
}

html {
   min-height: 100%;
   position: relative;
}

.container-block {
   content: " ";
   display: table;
   width: 100%;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
   color: #4c4f53;
}

.section-title h2,
.section-title h1 {
   font-size: 24px;
   margin-bottom: 15px;
}

.section-title i {
   margin-right: 7px;
}

.btn {
   border-radius: 2px;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
}

.btn-primary {
   background-color: #3276b1;
   border-color: #2c699d;
   color: #fff;
}

.btn-primary:focus,
.btn-primary:hover {
   background-color: #275b89;
   border-color: #1f496d;
   color: #fff;
}

.btn-secondary {
   background-color: #fff;
   border-color: #ccc;
   color: #333;
}

.btn-secondary:focus,
.btn-secondary:hover {
   background-color: #e6e6e6;
   border-color: #adadad;
   color: #333;
}

.btn.btn-red {
   background-color: #DD0000;
   color: #FFF;
}

.btn.btn-red:hover {
   background-color: #333;
}

.btn.btn-red.btn-small {
   padding: 2px 10px;
}

.btn span i.fa {
   margin-right: 5px;
}

legend {
   margin-bottom: 20px;
   padding: 0 15px;
}

.col-item-5 {
   float: left;
   padding: 0 15px;
   width: 20%;
}

.section.menu {
   margin-bottom: 0;
}

div.actions {
   margin-bottom: 15px;
}

div.actions:after,
.clear-fields:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.actions.btn-secondary:hover {
   background-color: #fff;
   border-color: #ccc;
   color: #333;
}

.actions.btn-secondary a:hover {
   background-color: #e6e6e6;
   border-color: #adadad;
   color: #333;
}

.fullscreen-mode {
   overflow: hidden;
}

.fullscreen-panel-mode {
   background-color: #FFF;
   height: 100%;
   left: 0;
   padding: 20px;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1050;
}

.clear-element:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.modal-body::after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

/*Option-button*/
.form-radiobutton .input-group {
   display: block;
}

.form-radiobutton .input-group::after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.form-radiobutton .input-group input {
   display: inline-block;
   float: left;
   width: 25px;
   height: 20px;
}

.form-radiobutton .input-group .option-label {
   float: left;
   display: block;
   line-height: 30px;
   margin-bottom: 0;
}

table.data-table tbody tr td.td-position {
	text-align: center;
}
/* ---------------------------------------------------------------------------------------------- */



/* Header
------------------------------------------------------------------------------------------------- */
header {
   background: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
   padding: 15px;
}

header .brand {
	background: transparent url("../Images/LogoBissi.png") no-repeat scroll center center / contain;
	display: block;
	float: left;
	height: 70px;
	width: 250px;
}

.toggle-left-panel {
   background-color: #e8e8e8;
   background-image: linear-gradient(to bottom, #5a5a5a 0px, #686868 100%);
   border-color: #494949;
   box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15) inset;
   color: #fff;
   display: inline-block;
   float: right;
   font-size: 17px;
   font-weight: 700;
   height: 30px;
   line-height: 24px;
   margin: 20px 0 0;
   min-width: 30px;
   padding: 2px;
   text-align: center;
   text-decoration: none !important;
}

.toggle-left-panel:hover {
   color: #fff;
}

.hidden-menu .toggle-left-panel {
   background-color: #f8f8f8;
   background-image: -moz-linear-gradient(center top, #f8f8f8, #f1f1f1);
   border: 1px solid #bfbfbf;
   border-radius: 2px;
   color: #6d6a69;
}

.hidden-menu .toggle-left-panel:hover {
  color: #6d6a69;
}
/* ---------------------------------------------------------------------------------------------- */



/* Footer
------------------------------------------------------------------------------------------------- */
footer {
   border-top: 1px solid #cecece;
   color: #9b9b9b;
   display: block;
   padding: 15px;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
   text-align: center;
}
/* ---------------------------------------------------------------------------------------------- */



/* Panel
------------------------------------------------------------------------------------------------- */
.panel-element {
   margin-bottom: 20px;
}

.panel-element > .panel-header {
   border: 1px solid #c2c2c2;
   background: #fafafa none repeat scroll 0 0;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   padding-left: 10px;
}

.panel-element > .panel-header h2 {
   display: inline;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 34px;
   margin: 0;
}

.panel-element > .panel-header .actions > a {
   border-left: 1px solid #ccc;
   color: #4c4f53;
   display: inline-block;
   padding: 7px 12px;
}

.panel-element .panel-header h2 i {
   margin-right: 5px;
}

.panel-element > .panel-content {
   background-color: #fff;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-top: medium none;
   font-size: 15px;
   margin: 0;
   padding: 15px 0;
}

.panel-element > .panel-content:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.panel-element.collapsed > .panel-content {
   display: none;
}

.panel-element > .panel-footer {
   background: rgba(248, 248, 248, 0.9) none repeat scroll 0 0;
   border-top: none;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   padding: 15px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Form
------------------------------------------------------------------------------------------------- */
.input-div {
   position: relative;
}

.input-div .select-buttons {
   position: absolute;
   right: 25px;
   top: 5px;
}

.input-div .select-buttons .btn {
   padding: 1px 6px;
}

.form-group {
   margin-bottom: 20px;
   position: relative;
}

.input-div input,
.input-div .input-type-textarea,
.input-div input.input-type-text,
.input-div .input-type-dropdownlist,
.input-div input.input-type-email,
.input-div input.input-type-zip,
.input-div input.input-type-telephone-number,
.input-div input.input-type-date,
.input-div input.input-type-hour {
   max-width: 100% !important;
}

label {
   font-weight: lighter;
}

.form-control {
   border-radius: 0;
   box-shadow: none;
}

.form-control:focus {
   border-color: #3276b1;
   box-shadow: none;
}

.form-horizontal .form-group.col-sm-12 .input-div,
.form-horizontal .form-group.col-sm-6 .input-div {
   float: left;
   padding-left: 10px;
   width: 100%;
}

.inputbox .validation-highlight {
   background: #fff0f0 none repeat scroll 0 0 !important;
   border-color: #a90329;
}

.inputbox label.validation-error-label {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
   bottom: -18px;
   color: #a90329 !important;
   font-size: 10px;
   font-weight: lighter;
   padding-bottom: 0 !important;
   padding-left: 0 !important;
   position: absolute;
}

fieldset legend {
   border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
   font-weight: lighter;
   letter-spacing: 1px;
   margin: 20px 0;
   padding: 0 15px 5px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Modal
------------------------------------------------------------------------------------------------- */
.modal .modal-dialog .modal-header {
   background: #fafafa none repeat scroll 0 0;
   border-radius: 5px 5px 0 0;
}

.modal .modal-dialog .modal-header .modal-title {
   font-size: 16px;
   letter-spacing: 0;
   font-weight: bold;
   color: #97B024;
}

.modal .modal-dialog .modal-header .modal-title i {
   margin-right: 5px;
}

.modal .modal-dialog .modal-footer {
   background: rgba(248, 248, 248, 0.9) none repeat scroll 0 0;
   border-radius: 0 0 5px 5px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Menù
------------------------------------------------------------------------------------------------- */
#left-panel {
   background: rgba(0, 0, 0, 0) linear-gradient(to right, #3a3633 93%, #2a2725 100%) repeat scroll 0 0;
   left: 0;
   margin-top: 100px;
   min-height: calc(100% - 100px);
   position: absolute;
   top: 0;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
   width: 270px;
   z-index: 900;
}

.hidden-menu #left-panel {
   left: -260px;
}

.hidden-menu #left-panel:hover {
   left: 0;
}

#page-content {
   margin-left: 270px;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
}

.hidden-menu #page-content {
   margin-left: 10px;
}

#left-panel .navbar-collapse {
   padding: 0;
}

#left-panel .navbar-default {
   background-color: transparent;
   border-color: transparent;
}

#left-panel .navbar-nav > li {
   float: none;
}

#left-panel .navbar-nav > li:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

#left-panel .navbar-default .navbar-nav > li > a {
   color: #c0bbb7;
   padding: 7px 10px;
}

#left-panel .navbar-default .navbar-nav > li > a:hover {
   color: #FFF;
}

#left-panel .navbar-default .navbar-nav > .active > a,
#left-panel .navbar-default .navbar-nav > .active > a:hover,
#left-panel .navbar-default .navbar-nav > .active > a:focus {
   background-color: transparent;
   color: #fff;
}

#left-panel .navbar-default .navbar-nav > li > a i.fa {
   font-size: 17px;
   margin-right: 5px;
   padding-top: 5px;
}

@media(max-width:991px) {
   .hidden-menu #left-panel {
      left: -270px;
   }

   .hidden-menu #page-content {
      margin-left: 0;
   }
}

#left-panel .navbar-default .navbar-nav > li > a {
   min-width: 269px;
}

nav ul li.active > a::before {
   color: #eee;
   content: "";
   display: block;
   font-family: FontAwesome;
   font-size: 20px;
   height: 27px;
   line-height: normal;
   position: absolute;
   right: -21px;
   width: 27px;
}

nav ul li.active.parent-active.open > a::before {
   content: "";
}

/*Secondo Livello*/
#left-panel .navbar-default .navbar-nav > li.open > a.dropdown-toggle {
   color: #fff;
}

.dropdown-menu {
   background: rgba(69, 69, 69, 0.6) none repeat scroll 0 0;
   border: none;
   border-radius: 0;
   margin-bottom: 10px;
   position: relative;
}

.dropdown-menu > li > a {
   color: #c0bbb7;
}

.navbar-nav > li > .dropdown-menu:before {
   border-left: 1px solid #7a7a7a;
   bottom: 0;
   content: "";
   display: block;
   left: 23px;
   position: absolute;
   top: 0;
   z-index: 1;
}

.navbar-nav > li > .dropdown-menu li {
   position: relative;
}

.navbar-nav > li > .dropdown-menu li:before {
  border-top: 1px solid #7a7a7a;
  content: "";
  display: block;
  left: 23px;
  position: absolute;
  top: 16px;
  width: 8px;
  z-index: 1;
}

.dropdown-menu > li > a {
   padding: 7px 5px 7px 42px;
}

.dropdown-menu > li > a i {
  margin-right: 5px;
}

#left-panel .navbar-default .navbar-nav > li > a b {
   float: right;
}

#left-panel .navbar-default .navbar-nav > li.dropdown > a::after {
   color: #c0bbb7;
   content: "";
   font-family: FontAwesome;
   font-size: 18px;
   margin: 0;
   position: absolute;
   right: 14px;
   top: 10px;
}

#left-panel .navbar-default .navbar-nav > li.dropdown:hover > a:after {
   color: #FFF;
}

#left-panel .navbar-default .navbar-nav > li.dropdown.open > a:after {
   color: #FFF;
   content: "";
}
/* ---------------------------------------------------------------------------------------------- */


/* Breadcrumbs
------------------------------------------------------------------------------------------------- */
ol.breadcrumb {
   background: #474544 none repeat scroll 0 0;
   border-radius: 0;
   color: #bbb;
   font-size: 12px;
   line-height: 20px;
   margin: 0 -15px 15px;
   padding: 10px 15px;
}

ol.breadcrumb i {
   font-size: 20px;
   margin-right: 5px;
}

.breadcrumb > li {
   display: inline;
}

.breadcrumb > li a {
   color: #bbb;
}

.breadcrumb > li span {
   color: #e4e4e4;
}

.breadcrumb > li + li::before {
   color: #bbb;
   content: "/ ";
   padding: 0 5px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Login
------------------------------------------------------------------------------------------------- */
.section.userinfo {
   border-bottom: 1px solid #525151;
   box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.07) inset;
   padding: 10px;
}

.section.userinfo:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.userinfo a {
   color: #FFF;
   text-decoration: none;
   text-transform: uppercase;
}

.userinfo .user-name span {
   float: left;
}

.userinfo .user-name span:last-child {
   display: block;
   margin-left: 5px;
   margin-top: 8px;
   max-width: 165px;
   overflow: hidden;
   white-space: nowrap;
}

.panel-success > .panel-heading {
   background: #fafafa none repeat scroll 0 0;
   border: 1px solid #c2c2c2;
   border-radius: 0;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   color: #4c4f53;
   padding-left: 10px;
}

.panel.panel-success {
   background-color: #fff;
   border: none;
   border-radius: 0;
   margin: 30px 0;
}

.panel .form-horizontal .control-label {
   padding-left: 10px;
   text-align: left;
}
/* ---------------------------------------------------------------------------------------------- */



/* Table
------------------------------------------------------------------------------------------------- */
table tfoot tr td.actions {
   padding-top: 13px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Panel Documenti
------------------------------------------------------------------------------------------------- */
.panel-element.documents .panel-content {
   padding: 40px 35px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Calendar
------------------------------------------------------------------------------------------------- */
.calendar-header .current-date,
.monthly-hours-header .current-date {
   font-weight: bold;
   text-transform: uppercase;
}

.calendar-day-title {
   margin-top: 15px;
}

.calendar-day-title div {
   background-color: #4c4f53;
   border-right: 1px solid #CCC;
   color: #fff;
   float: left;
   font-weight: bold;
   padding: 10px 0;
   text-align: center;
   width: 14.2857%;
}

.calendar-day-title div:last-child {
   border-right: none;
}

.calendar-day-title {
   border-left: 2px solid #4c4f53;
}

.calendar-header .month-select {
   display: inline-block;
   float: none;
   margin-bottom: 0;
   max-width: 250px;
   padding-left: 2px;
}

.calendar-header .month-select select {
   height: 33px;
   padding-top: 3px;
   padding-bottom: 5px;
}

@media(max-width:767px) {
   .calendar-header .month-select {
      max-width: 150px;
      padding: 0;
   }
}

.calendar-content {
   border-left: 1px solid #CCC;
}

.calendar-day-title:after,
.calendar-content:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.calendar-content .calendar-day {
   background-color: #fff;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   float: left;
   height: 170px;
   overflow-y: auto;
   padding: 5px;
   width: 14.2857%;
}

.calendar-content .prev-month.calendar-day,
.calendar-content .next-month.calendar-day {
   background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
   background-size: 27px 27px;
}

.calendar-content .calendar-day .day-info {
   margin-bottom: 4px;
}

@media(min-width: 992px) {
   .calendar-content .calendar-day .month-day span.day {
      display: none;
   }
}

.calendar-content .calendar-day .month-day {
   background-color: #CCC;
   color: #fff;
   display: inline-block;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 30px;
}

.calendar-content .calendar-day .month-day:hover {
   background-color: #AAA;
   text-decoration: none;
}

.calendar-content .prev-month.calendar-day .month-day,
.calendar-content .next-month.calendar-day .month-day {
   background-color: #f1f1f1;
}

.calendar-content .prev-month.calendar-day .month-day:hover,
.calendar-content .next-month.calendar-day .month-day:hover {
   background-color: #CCC;
}

.calendar-content .calendar-day.current-date .month-day {
   background-color: #3276b1;
}

.calendar-content .calendar-day.current-date .month-day:hover {
   background-color: #275b89;
}

.calendar-content .calendar-day .day-info .add {
   background-color: #fff;
   border: 1px solid #ccc;
   color: #333;
   display: inline-block;
   float: right;
   font-weight: bold;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 30px;
}

.calendar-content .calendar-day .day-info .add:hover {
   background-color: #e6e6e6;
   border-color: #adadad;
   color: #333;
}

.calendar-content .prev-month.calendar-day .day-info .add,
.calendar-content .next-month.calendar-day .day-info .add {
   border-color: #f1f1f1;
   color: #f1f1f1;
}

.calendar-content .prev-month.calendar-day .day-info .add:hover,
.calendar-content .next-month.calendar-day .day-info .add:hover {
   background-color: #e6e6e6;
   border-color: #adadad;
   color: #333;
}

.calendar-content .calendar-day .details-container {
   max-height: 128px;
}

.agend-calendar .calendar-content .calendar-day .detail-container {
   /* serve quando l'agenda non ha assegnato una commessa */
   background-color: #aaaaaa;
   color: #ffffff;
}

.calendar-content .calendar-day .detail-container {
   background-color: #FFECE0;
   border-radius: 3px;
   font-size: 13px;
   margin-bottom: 2px;
   padding: 2px 3px;
   position: relative;
}

.calendar-content .calendar-day .detail-container a {
   color: #7d7d7d;
}

.calendar-content .prev-month.calendar-day .detail-container,
.calendar-content .next-month.calendar-day .detail-container {
   opacity: 0.5;
}

.calendar-content .calendar-day .detail-container:hover {
   opacity: 0.9;
}

.calendar-content .calendar-day .detail-container span {
   /*color: #606060;*/
   display: block;
   line-height: 13px;
   max-width: 150px;
   overflow: hidden;
   white-space: nowrap;
   word-wrap: break-word;
}

.calendar-content .calendar-day .detail-container span.time {
   display: inline;
   float: left;
   font-weight: lighter;
   margin-right: 5px;
   width: auto;
}

.calendar-content .calendar-day .detail-container .info-container {
   max-width: 150px;
}

@media(min-width: 992px) {
   .calendar-content .calendar-day .detail-container .info-container:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
   }
}

.calendar-content .calendar-day .detail-container .icons-container {
   display: block;
   text-align: right;
   width: auto;
}

.calendar-content .calendar-day .detail-container .delete {
   background: none;
   color: #fff;
   position: absolute;
   right: 4px;
   top: 0;
}

.calendar-content .calendar-day .detail-container .delete:hover {
   color: #333;
}

@media(max-width:991px) {
   .calendar-day-title,
   .calendar-content .prev-month.calendar-day,
   .calendar-content .next-month.calendar-day {
      display: none;
   }

   .calendar-content .calendar-day {
      height: auto;
      width: 100%;
   }

   .calendar-header {
      margin-bottom: 10px;
   }

   .calendar-content .calendar-day .day-info {
      float: left;
      margin-bottom: 0;
      margin-right: 5px;
   }

   .calendar-content .calendar-day .month-day {
      display: inline-block;
      height: auto;
      line-height: 15px;
      padding: 5px;
      width: 35px;
   }

   .calendar-content .calendar-day .month-day > span {
      display: block;
      float: none;
   }

   .calendar-content .calendar-day .month-day span.number {
      font-weight: bold;
   }

   .calendar-content .calendar-day .month-day span.day {
      font-size: 12px;
   }

   .calendar-content .calendar-day .day-info .add {
      display: block;
      float: none;
      margin-top: 3px;
      width: 35px;
   }

   .calendar-content .calendar-day .details-container {
      margin-left: 40px;
      max-height: 100%;
   }
}

@media(max-width:1200px) {
   .calendar-content .calendar-day .detail-container span.time {
      float: none;
   }

   .calendar-content .calendar-day .detail-container .icons-container {
      text-align: left;
   }
}

/*Dettaglio giorno*/
.calendar-day-header {
   margin-bottom: 10px;
}

.calendar-day-header .date {
  font-weight: bold;
}

.calendar-day-content {
   margin-top: 10px;
}

.calendar-day-content .rapport-item,
.calendar-day-content .agend-item {
   border-radius: 5px;
   color: #606060;
   margin-bottom: 5px;
   padding: 10px;
}

.calendar-day-content .agend-item {
   /* serve quando l'agenda non ha assegnato una commessa */
   background-color: #aaaaaa;
   color: #ffffff;
}

.calendar-day-content .rapport-item span,
.calendar-day-content .agend-item span {
   display: block;
}

.calendar-day-content .rapport-item span.project,
.calendar-day-content .rapport-item span.job-type,
.calendar-day-content .agend-item span.job-type,
.calendar-day-content .agend-item span.project {
   border-bottom: 1px dashed;
   font-weight: bold;
   margin-bottom: 5px;
   padding-bottom: 5px;
   text-transform: uppercase;
}

.calendar-day-content .rapport-item .actions,
.calendar-day-content .agend-item .actions {
   margin-top: 5px;
   text-align: center;
}

.calendar-day-content .rapport-item .actions a,
.calendar-day-content .agend-item .actions a {
   background-color: #fff;
   color: #333;
   display: inline-block;
   height: 25px;
   line-height: 25px;
   margin-right: 2px;
   text-align: center;
   width: 25px;
}

.calendar-day-content .rapport-item .actions a.delete,
.calendar-day-content .agend-item .actions a.delete {
   background-image: none;
}

.calendar-day-content .rapport-item .actions a:hover,
.calendar-day-content .agend-item .actions a:hover {
   background-color: #dadada;
}
/* ---------------------------------------------------------------------------------------------- */



/* Dettaglio agenda
------------------------------------------------------------------------------------------------- */
.agend-.agend-shared span.subtitle {
   font-size: 15px;
   border-bottom: 1px solid #ccc;
   display: block;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

.agend-record .agend-repeater div.dom, 
.agend-record .agend-repeater div.dow {
   margin-left: 24px;
}

.agend-record .agend-repeater div.dow input[type="checkbox"] {
  margin-right: 10px;
}

.agend-record .agend-repeater input[type="radio"] {
   margin-top: 15px;
}



/* Lista commesse - Fasi di Lavoro
------------------------------------------------------------------------------------------------- */
table.data-table tbody tr.new {
   background-color: Transparent;
}

table.data-table tbody tr.open {
   /*background-color: #dff0d8;*/
   background-color: #CCDFFF;
}

table.data-table tbody tr.closed {
   background-color: #f2dede;
}
/* ---------------------------------------------------------------------------------------------- */


/* Riepilogo Commessa
------------------------------------------------------------------------------------------------- */
.actions a span {
   border-radius: 2px;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   color: #fff;
   display: block !important;
   margin: 0 !important;
   padding: 5px 10px;
   text-align: center;
}

.actions a.action-blue span {
   background-color: #3276b1;
   border: 1px solid #2c699d;
}

.actions a.action-blue span:hover {
   background-color: #275b89;
   border-color: #1f496d;
}

.actions a.action-green span {
   background-color: #739e73;
   border: 1px solid #659265;
}

.actions a.action-green span:hover {
   background-color: #5b835b;
   border-color: #4c6e4c;
}

.actions a.action-red span {
   background-color: #a90329;
   border: 1px solid #900323;
}

.actions a.action-red span:hover {
   background-color: #77021d;
   border-color: #540114;
}

.actions a.action-grey span {
   background-color: #FFF;
   border: 1px solid #CCC;
   color: #333;
}

.actions a.action-grey span:hover {
   background-color: #e6e6e6;
   border-color: #adadad;
}

.panel-subtitle {
   border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
   color: #222;
   font-size: 16px;
   font-weight: 400;
   margin: 20px 15px 10px;
   padding-bottom: 5px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione utenti
------------------------------------------------------------------------------------------------- */
div.grid table tbody tr.user-type-2 {
   background-color: #D5FFEB;
}
/* ---------------------------------------------------------------------------------------------- */


input.input-type-checkbox, 
input.input-type-radio {
   width: auto;
}

.modal .input-type-checkbox, 
.modal .input-type-radio {
   width: auto;
}

.modal .form-horizontal .control-label {
   width: 30%;
}

.modal .form-horizontal .input-div {
   width: 70%;
}

.modal .form-group {
   margin-bottom: 5px;
}

div.actions a.action-blue span i.fa {
   margin-right: 5px;
}


/* Statistica mensile e annuali sulle commesse
------------------------------------------------------------------------------------------------- */
.section.monthly-summary div.text-center,
.section.yearly-summary div.text-center {
   margin-bottom: 15px;
}

.section.monthly-summary .graph-container,
.section.yearly-summary .graph-container {
   box-sizing: border-box;
   width: 100%;
   height: 450px;
   padding: 20px 15px 15px 15px;
   margin: 15px auto 30px auto;
   background: #fff;
}

.section.monthly-summary .graph-placeholder,
.section.yearly-summary .graph-placeholder {
   width: 100%;
   height: 100%;
   font-size: 14px;
   line-height: 1.2em;
}

.section.monthly-summary .legend table,
.section.yearly-summary .legend table {
   border-spacing: 5px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Contatti
------------------------------------------------------------------------------------------------- */
.section.manage-contact .record table th.th-actions {
   width: 100px;
}

.section.manage-contact .record table th.th-label {
   width: 200px;
}

.section.manage-contact .record table th.default {
   width: 60px;
}

.section.manage-contact .record table th.move {
   width: 60px;
}

.section.manage-contact .contact-labels:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.section.manage-contact .contact-labels a {
   background-color: #fafafa;
   border-left: 1px solid #c2c2c2;
   border-top: 1px solid #c2c2c2;
   color: #585858;
   display: inline-block;
   float: left;
   font-weight: bold;
   padding: 5px 15px;
}

.section.manage-contact .contact-labels a:last-child {
   border-right: 1px solid #c2c2c2;
}

.section.manage-contact .contact-labels a.active {
   background-color: #e6e6e6;
}

/* Nome società
.section.manage-contact #companyNameInputText {
   text-transform: uppercase;
}*/

.section.manage-contact #lastNameInputText, .section.manage-contact #firstNameInputText {
   text-transform: capitalize;
}

.contacts-container .contact-element {
   background-color: #e9e9e9;
   border-radius: 5px;
   margin: 0 15px 10px;
   padding: 10px;
}

.contacts-container .contact-element:after,
.contacts-container .contact-element .delivery-header:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.contacts-container .contact-element .delivery-header {
   border-bottom: 1px solid #aaa;
   font-size: 17px;
   font-weight: lighter;
   margin-bottom: 10px;
}

.contacts-container .contact-element .delivery-header span.referent {
   float: left;
}

.contacts-container .contact-element .delivery-header span.delivery-actions {
   float: right;
}

.contacts-container .contact-element span {
   display: block;
}
/* ---------------------------------------------------------------------------------------------- */



/* Avvisi
------------------------------------------------------------------------------------------------- */
.advise.section {
   float: right;
   margin-bottom: 0;
   margin-top: 20px;
   position: relative;
}

.advise .advise-button {
   cursor: pointer;
   margin-right: 15px;
   position: relative;
}

.advise .advise-button i {
   background-color: #f8f8f8;
   background-image: -moz-linear-gradient(center top, #f8f8f8, #f1f1f1);
   border: 1px solid #bfbfbf;
   border-radius: 2px;
   box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15) inset;
   color: #6d6a69;
   display: inline-block;
   font-size: 20px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 30px;
}

.advise .advise-button .advise-number {
   background-color: #3276b1;
   border-radius: 50%;
   color: #fff;
   display: inline-block;
   font-size: 12px;
   height: 20px;
   line-height: 20px;
   position: absolute;
   right: -8px;
   text-align: center;
   top: -16px;
   width: 20px;
}

.advise .advise-form {
   background-color: #fff;
   border: 1px solid #b3b3b3;
   display: none;
   position: absolute;
   right: 15px;
   top: 40px;
   width: 350px;
   z-index: 9999999;
}

.advise .advise-form.active {
   animation-duration: 0.7s;
   animation-fill-mode: both;
   animation-name: flipInY;
   display: block;
}

.advise .advise-form:after,
.advise .advise-form:before {
   border: medium solid transparent;
   bottom: 100%;
   content: " ";
   position: absolute;
}

.advise .advise-form:before {
   border-color: rgba(131, 131, 131, 0) rgba(131, 131, 131, 0) #838383;
   border-width: 8px;
   right: 6px;
}

.advise .advise-form .advise-header {
   background: #fafafa none repeat scroll 0 0;
   border-bottom: 1px solid #b3b3b3;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   padding: 10px;
}

.advise .advise-form .advise-header .title {
   color: #4c4f53;
   font-size: 16px;
   font-weight: 300;
}

.advise .advise-form .advise-header > a {
   color: #4c4f53;
   float: right;
   font-size: 11px;
}

.advise .advise-form .advise-header > a:hover {
   text-decoration: underline;
}

.advise .advise-form .advise-body {
   height: 350px;
   overflow-y: scroll;
}

.advise .advise-form .advise-item {
   border-bottom: 1px solid #e9e9e9;
   color: #333;
   display: block;
   font-size: 12px;
   min-height: 50px;
   padding: 10px;
   position: relative;
}

.advise .advise-form .advise-item.unread {
   background-color: #ffffe0;
}

.advise .advise-form .advise-item:hover,
.advise .advise-form .advise-item.unread:hover {
   background-color: #f0f4f7;
}

.advise .advise-form .advise-item i.advise-icon {
   background-color: #337ab7;
   color: #fff;
   display: inline-block;
   float: left;
   font-size: 18px;
   height: 30px;
   line-height: 30px;
   margin-bottom: 5px;
   margin-right: 5px;
   text-align: center;
   width: 30px;
}

.advise .advise-form .advise-item i.read-icon {
   color: #ccc;
   cursor: pointer;
   font-size: 11px;
   position: absolute;
   right: 3px;
   top: 3px;
}

.advise .advise-form .advise-item i.read-icon:hover {
   color: #333;
}

.advise .advise-form .advise-item .date {
   color: #999;
   display: block;
   font-size: 10px;
   margin-top: 5px;
   text-align: right;
}

.advise .advise-form .advise-footer {
   background: #fafafa none repeat scroll 0 0;
   border-top: 1px solid #b3b3b3;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   font-weight: bold;
   padding: 10px;
   text-align: center;
}

.advise .advise-item .title, .advise .advise-item .description {
   display: block;
}

.advise .advise-item .title {
   font-weight: bold;
}

.advise .advise-form .advise-footer:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}
/* ---------------------------------------------------------------------------------------------- */



/* Home Page
------------------------------------------------------------------------------------------------- */
/*Fascia*/
.image-band {
   background-attachment: fixed;
   background-position: center bottom;
   background-size: cover;
   padding: 130px 10px;
   position: relative;
   text-align: center;
}

.image-band .text-container {
   position: relative;
   z-index: 9999;
}

.image-band .text-container h2 {
   color: #fff;
   font-size: 50px;
   margin-top: 0;
}

.image-band .text-container h1 {
   color: #fff;
   font-size: 70px;
   font-weight: bold;
   text-transform: uppercase;
}

.image-band .overlay {
   background-color: rgba(0, 0, 0, 0.3);
   display: block;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

@media(max-width:767px) {
   .image-band {
      padding: 70px 10px;
   }

   .image-band .text-container h2 {
      font-size: 25px;
   }

   .image-band .text-container h1 {
      font-size: 30px;
   }
}

/*Griglia*/
.block-item {
   background-color: #fff;
   border: 1px solid #d5d5d5;
   border-radius: 5px;
   box-shadow: 0 0 1px #cccccc;
   color: #333;
   display: block;
   padding: 50px 10px;
   text-align: center;
   transition: all 0.2s ease-in-out 0s;
}

.block-item:hover {
   box-shadow: 3px 3px 13px #cccccc;
}

.block-item img {
   margin: 0 auto 15px;
}

.block-item > span.name {
   display: block;
   font-size: 25px;
   text-transform: uppercase;
}

.block-item > span.button {
   background-color: #3276b1;
   color: #fff;
   display: inline-block;
   margin-top: 13px;
   padding: 10px 60px;
   text-transform: uppercase;
}

.block-item:hover > span.button {
   background-color: #275b89;
}

@media(max-width:767px) {
   .block-item {
      padding: 20px 10px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Grafici statistiche
------------------------------------------------------------------------------------------------- */
#graphPanel .panel-content {
   padding-top: 0;
}

.graph-panel-header {
   background-color: #eaeaea;
   border-bottom: 1px solid #ccc;
   margin-bottom: 20px;
   padding: 10px;
}

.graph-panel-header .loop-year {
   font-weight: bold;
   padding: 0 10px;
}

#graph-data .item {
   border-bottom: 1px solid #eaeaea;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

#graph-data .item:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

#graph-data .item .year {
   display: block;
   font-size: 20px;
   padding: 0 3px;
}

#graph-data .item span {
   border: 3px solid #fff;
   padding: 5px;
   text-align: center;
}

#graph-data .item span.new-jobs {
   background-color: rgba(79, 255, 114, 1);
}

#graph-data .item span.open-jobs {
   background-color: rgb(204, 223, 255);
}

#graph-data .item span.closed-jobs {
   background-color: rgb(242, 222, 222);
}

#graph-data .item span strong {
   font-size: 21px;
}

@media(max-width:991px) {
   #graph-data .item span strong {
      display: block;
   }
}

@media(max-width:767px) {
   #graph-data .item span {
      display: block;
   }

   #graph-data .item span strong {
      display: inline;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione documentazione
------------------------------------------------------------------------------------------------- */
/*Azioni*/
.file-manager .action:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.file-manager .action .left-actions {
   float: left;
}

.file-manager .action .left-actions a {
   display: inline-block;
   padding: 5px 15px;
   text-transform: uppercase;
   font-weight: bold;
   background-color: #A0AEBA;
   color: #FFF;
   font-size: 17px;
}

.file-manager .action .left-actions a i {
   margin-right: 5px;
}

.file-manager .action .left-actions a.btn-upload {
   background-color: #86D227;
}

.file-manager .action .left-actions a.btn-delete {
   background-color: #F95858;
}

.file-manager .action .left-actions a.btn-upload:hover,
.file-manager .action .left-actions a.btn-delete:hover,
.file-manager .action .left-actions a:hover {
   background-color: #404040;
}

.file-manager .action .right-actions {
   float: right;
}

.file-manager .action .right-actions .sort {
   position: relative;
}

.file-manager .action .right-actions .sort > a {
   display: inline-block;
   padding: 4px 15px;
   text-transform: uppercase;
   font-weight: bold;
   background-color: #F1F2F3;
   color: #aaa;
   font-size: 17px;
   border: 1px solid #aaa;
}

.file-manager .action .right-actions .sort > a:hover {
   color: #444;
   border-color: #444;
}

.file-manager .action .right-actions .sort .options {
   background-color: #FFF;
   position: absolute;
   z-index: 2;
   border: 1px solid #d1d6e6;
   border-radius: 2px;
   right: 0;
   top: 100%;
   min-width: 150px;
   padding: 5px 0;
   display: none;
}

.file-manager .action .right-actions .sort .options a {
   display: block;
   padding: 5px 15px;
   color: #5e6773;
}

.file-manager .action .right-actions .sort .options a:hover {
   background-color: #f5f5f5;
}

.file-manager .action .right-actions .sort .options a.active {
   color: #444;
}

.file-manager .action .right-actions .sort .options a:before {
   content: "\f00c";
   margin-right: 5px;
   font-family: FontAwesome;
   font-size: 10px;
   color: transparent;
}

.file-manager .action .right-actions .sort .options a.active:before {
   color: #444;
}


/*Briciole di pane*/
.file-manager .breadcrumbs {
   border-top: 1px solid #fff;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #fff;
   color: #444;
   font-size: 12px;
}

.file-manager .breadcrumbs a {
   color: #AAA;
}

.file-manager .breadcrumbs a + a:before,
.file-manager .breadcrumbs span:before {
   content: "|";
   color: #AAA;
   margin-left: 5px;
   margin-right: 5px;
}

/*Griglia*/
.file-manager .elements-container {
   margin: 0 -5px;
}

.file-manager .elements-container .item {
   display: block;
   width: 16.66666667%;
   float: left;
   padding: 0 5px;
   margin-bottom: 10px;
   position: relative;
}

.file-manager .elements-container .item > a {
   border: 1px solid transparent;
   display: block;
   overflow: hidden;
}

.file-manager .elements-container .item > a:hover {
   border-color: #999;
   box-shadow: 2px 2px 5px #AAA;
}

.file-manager .elements-container .item .caption {
   background-color: #FFF;
   padding: 10px;
   font-size: 13px;
   color: #404040;
   position: relative;
}

.file-manager .elements-container .item.item-back .caption {
   height: 57px;
   background-color: #444;
   color: #FFF;
   text-align: center;
}

.file-manager .elements-container .item .caption .name {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.file-manager .elements-container .item.item-back .caption .name {
   text-transform: uppercase;
   font-weight: bold;
}

.file-manager .elements-container .item .caption .dimension,
.file-manager .elements-container .item .caption .date {
   color: #AAA;
}

.file-manager .elements-container .item .caption .dimension::after {
   content: "-";
   margin-left: 5px;
}

/*Azione su file e cartelle*/
.file-manager .elements-container .item .caption .toggle-actions {
   color: #a0aeba;
   position: absolute;
   right: 0px;
   font-size: 22px;
   bottom: 0;
   display: inline-block;
   width: 20px;
   text-align: center;
}

.file-manager .elements-container .item .caption .toggle-actions:hover {
   color: #444;
}

.file-manager .elements-container .item .item-actions {
   background-color: #FFF;
   position: absolute;
   z-index: 2;
   border: 1px solid #d1d6e6;
   border-radius: 2px;
   right: 10px;
   top: 100%;
   min-width: 150px;
   padding: 5px 0;
   display: none;
}

.file-manager .elements-container .item .item-actions a {
   display: block;
   padding: 5px 15px;
   color: #5e6773;
}

.file-manager .elements-container .item .item-actions a i {
   color: #a0aeba;
   margin-right: 10px;
}

.file-manager .elements-container .item .item-actions a:hover {
   background-color: #f5f5f5;
}

/*Seleziona elemento*/
.file-manager .elements-container .item .select-item {
   position: absolute;
   right: 10px;
   top: 5px;
   background-color: rgba(255,255,255,0.8);
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   color: #444;
   border-radius: 50%;
   opacity: 0.4;
}

.file-manager .elements-container .item .select-item:hover {
   opacity: 1;
}

.file-manager .elements-container .item .select-item:before {
   content: "\f067";
   font-family: FontAwesome;
}

.file-manager .elements-container .item.item-selected .select-item {
   background-color: #8BC34A;
   opacity: 1;
   color: #FFF;
}

.file-manager .elements-container .item.item-selected .select-item:before {
   content: "\f00c";
}

.file-manager .elements-container .item.item-selected > a {
   border-color: #8BC34A;
}

/*Modale*/
.file-manager .modal .modal-dialog .modal-header {
   position: relative;
}

.file-manager .modal .modal-dialog .modal-header .modal-title {
   font-weight: bold;
   text-transform: uppercase;
}

.file-manager .modal .modal-dialog .modal-header .close {
   position: absolute;
   right: -15px;
   top: -15px;
   background-color: #444;
   opacity: 1;
   color: #FFF;
   width: 40px;
   height: 40px;
   border-radius: 50%;
}

.file-manager .modal .modal-dialog .modal-header .close:hover {
   background-color: #AAA;
}

.file-manager .modal .modal-dialog .modal-footer {
   text-align: center;
}

.file-manager .modal .modal-dialog .modal-footer a {
   display: inline-block;
   padding: 5px 15px;
   text-transform: uppercase;
   font-weight: bold;
   background-color: #A0AEBA;
   color: #FFF;
   font-size: 17px;
}

.file-manager .modal .modal-dialog .modal-footer a i {
   margin-right: 5px;
}

.file-manager .modal .modal-dialog .modal-footer a.btn-save {
   background-color: #86D227;
}

.file-manager .modal .modal-dialog .modal-footer a.btn-save:hover,
.file-manager .modal .modal-dialog .modal-footer a:hover {
   background-color: #404040;
}

/*Messaggi*/
.file-manager .alert {
   background-color: #A0AEBA;
   color: #FFF;
   text-align: center;
   margin-bottom: 10px;
}

.file-manager .alert.alert-failed {
   background-color: #F95858;
   border-color: #F95858;
}

.file-manager .alert.alert-success {
   background-color: #86D227;
   border-color: #86D227;
}
/* ---------------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* Modifiche Bissi Holding
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */



/* General
------------------------------------------------------------------------------------------------- */
.form-group {
   margin-bottom: 15px;
}

.form-checkbox input {
   float: left;
   margin-top: 0;
}

.form-checkbox span {
   display: inline-block;
   padding-top: 7px;
}

.control-label .note {
	font-size: 12px;
	background-color: #eaeaea;
	padding: 2px 10px;
	display: inline-block;
	color: #999;
}


.single-checkbox input {
   float: left;
   margin-top: 0;
}

.single-checkbox .checkbox-container span {
   display: inline-block;
   margin-top: 8px;
   margin-left: 3px;
}

/*Campi obbligatori*/
.panel-content div.legend span.validation-required {
   margin-right: 20px;
}

/*Campo seleziona immagine*/
.form-image .input-div {
   position: relative;
}

.form-image .input-div input {
   padding-right: 65px;
}

.form-image .input-div .icon-container {
   position: absolute;
   top: 3px;
   right: 3px;
}

.form-image .input-div .icon-container a {
   font-size: 20px;
   background-color: #337ab7;
   display: inline-block;
   width: 28px;
   height: 28px;
   color: #FFF;
   text-align: center;
   line-height: 25px;
}

.form-image .input-div .icon-container a:hover {
   background-color: #404040;
}

/*Infobox in panel*/
.panel-alert-infobox {
   background-color: #BA0000;
   color: #FFF;
   font-weight: bold;
   text-transform: uppercase;
   padding: 15px;
   text-align: center;
}
/* ---------------------------------------------------------------------------------------------- */



/* Manutenzioni, Impianti, Prodotti
------------------------------------------------------------------------------------------------- */
.manage-maintenances .maintenance-selected,
.manage-plants .plant-selected,
.manage-products .product-selected,
.manage-products .plant-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
}

.manage-maintenances .maintenance-selected label,
.manage-plants .plant-selected label,
.manage-products .product-selected label,
.manage-products .plant-selected label {
   font-weight: bold;
}

.manage-maintenances .maintenance-selected .form-control[disabled],
.manage-plants .plant-selected .form-control[disabled],
.manage-products .product-selected .form-control[disabled],
.manage-products .plant-selected .form-control[disabled] {
   background-color: #ABC628;
   border: 1px dashed #FFF;
   color: #FFF;
}
/* ---------------------------------------------------------------------------------------------- */



/* Attività di manutenzione
------------------------------------------------------------------------------------------------- */
.activities .data-table tbody tr.expired td:nth-child(2) {
   background-color: rgba(186,0,0,0.3);
}

.activities .data-table tbody tr.current td:nth-child(2) {
   background-color: rgba(255,216,0,0.3);
}

.activities .data-table tbody tr.future td:nth-child(2) {
   background-color: rgba(76,194,0,0.3);
}

.activities .data-table tbody tr.is-open td:nth-child(2) {
   background-color: rgba(255,106,0,0.3);
}

.activities .maintenance-activities .maintenance-activity-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
   margin-bottom: 15px;
}

.activities .maintenance-activities .maintenance-activity-selected:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.activities .maintenance-activities .maintenance-activity-selected .form-group {
   margin-bottom: 0;
}

.activities .maintenance-activities .maintenance-activity-selected label {
   font-weight: bold;
}

.activities .maintenance-activities .maintenance-activity-selected .form-control[disabled] {
   background-color: #ABC628;
   border: 1px dashed #FFF;
   color: #FFF;
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Documentale
------------------------------------------------------------------------------------------------- */
.webexplorer .actions {
   margin: 0;
}

.webexplorer .actions a {
   min-width: auto !important;
   text-align: center;
   padding: 40px 0 0;
   background-position: center 5px !important;
   margin: 0 15px 15px 0;
   background-color: #DDD !important;
   width: 10%;
}

.webexplorer .actions a:hover {
   background-color: #275b89 !important;
}

.webexplorer .actions a span {
   color: #333;
   font-weight: bold;
   text-transform: uppercase;
   word-wrap: break-word;
}

.webexplorer .actions a:hover span {
   color: #FFF;
}

.webexplorer .ow-treeview a,
.webexplorer .ow-treeview span {
   color: #585858;
   display: block;
   float: left;
   font-size: 14px;
   height: 20px;
   width: 20px;
}

.webexplorer .breadcrumbs {
   background-color: #474544;
   padding: 15px;
   color: #FFF;
}

.webexplorer .breadcrumbs a {
   color: #ABC628;
}

.webexplorer .breadcrumbs a:hover {
   color: #FFF;
}

.web-explorer-breadcrumbs .breadcrumbs span.separator {
   background-image: url("../Images/WebExplorerBreadcrumbsSeparator.png") !important;
}

.webexplorer #files tbody tr td span.file-type {
   height: 16px;
   width: 16px;
   position: absolute;
   top: 8px;
   left: 0;
}

.webexplorer #files table thead tr {
   color: #ABC628;
   font-size: 14px;
   text-transform: uppercase;
}

.webexplorer #files tbody tr td {
   font-size: 14px;
}

.webexplorer #files .column-file-name {
   position: relative;
   padding-left: 20px;
}

@media(max-width:1200px) {
   .webexplorer .actions a {
      width: 20%;
   }
}

@media(max-width:991px) {
   .webexplorer .actions a {
      width: 40%;
   }
}

@media(max-width:767px) {
   .webexplorer .actions a {
      width: 100%;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Impianti
------------------------------------------------------------------------------------------------- */
.manage-plants .plant-part-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
   margin-bottom: 20px;
}

.manage-plants .plant-part-selected > span {
   font-weight: bold;
   margin-bottom: 5px;
   display: block;
}

.manage-plants .plant-part-selected .name {
   border: 1px dashed #FFF;
   padding: 6px 15px;
}

.manage-plants .action-container {
   margin-bottom: 20px;
}

.manage-plants .action-container a {
   font-weight: bold;
   text-transform: uppercase;
   color: #FFF;
   background-color: #337ab7;
   padding: 8px 25px;
   min-width: 300px;
   display: inline-block;
   text-align: center;
}

.manage-plants .action-container a.visualize,
.manage-plants .plant-parts .action-container a.move-up {
   background-color: #FFC900;
}

.manage-plants .action-container a.visualize:hover,
.manage-plants .action-container a.move-up:hover,
.manage-plants .action-container a:hover {
   background-color: #404040;
}

.manage-plants .plants-container .item {
   margin-bottom: 30px;
}

.manage-plants .plant-types-container .plant-type-name {
   background-color: #337ab7;
   color: #FFFFFF;
   font-weight: bold;
   margin-bottom: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   text-transform: uppercase;
}

.manage-plants .plants-container .item .image {
   background-image: url("../Images/BissiPlantSingle.jpg");
   background-size: cover;
   width: 100%;
   height: 200px;
   background-position: center;
}

.manage-plants .plants-container .item.has-childs .image {
   background-image: url("../Images/BissiPlantChild.jpg");
}

.manage-plants .plants-container .item .name {
   padding: 6px 10px;
   height: 40px;
   overflow: hidden;
   color: #3276B1;
   font-size: 20px;
   font-weight: bold;
   background-color: #FFF;
   text-align: center;
}

.manage-plants .plants-container .item .production {
   padding: 6px 10px;
   height: 30px;
   overflow: hidden;
   background-color: #FFF;
   text-align: center;
}

.manage-plants .plants-container .item .plant-action {
   background-color: #FFF;
   padding: 0 1px;
}

.manage-plants .plants-container .item .plant-action:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.manage-plants .plants-container .item .plant-action a {
   background-color: #337ab7;
   color: #FFF;
   text-align: center;
   padding: 5px 10px;
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   border-bottom: 2px solid #FFF;
}

.manage-plants .plants-container .item .plant-action a.col-7 {
   width: 14.28%;
   display: inline-block;
   float: left;
}

.manage-plants .plants-container .item .plant-action a:hover {
   background-color: #404040;
}

.manage-plants .plants-container .item .go-to-child {
   height: 30px;
}

.manage-plants .plants-container .item .go-to-child a {
   display: block;
   background-color: #ABC628;
   padding: 5px 3px;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}

.manage-plants .plants-container .item .go-to-child a:hover {
   background-color: #404040;
}

@media(max-width:767px) {
   .manage-plants .action-container a {
      width: 100%;
      min-width: auto;
      padding: 8px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Immagini di album
------------------------------------------------------------------------------------------------- */
.manage-albums .job-selected {
   background-color: #ABC628;
   padding: 15px;
   color: #FFF;
   margin-bottom: 20px;
}

.manage-albums .job-selected > span {
   font-weight: bold;
   margin-bottom: 5px;
   display: block;
}

.manage-albums .job-selected .name {
   border: 1px dashed #FFF;
   padding: 6px 15px;
}

.manage-albums .action-container {
   margin-bottom: 20px;
}

.manage-albums .action-container a {
   font-weight: bold;
   text-transform: uppercase;
   color: #FFF;
   background-color: #337ab7;
   padding: 8px 25px;
   min-width: 300px;
   display: inline-block;
   text-align: center;
}

.manage-albums .action-container a.visualize,
.manage-albums .albums .action-container a.move-up {
   background-color: #FFC900;
}

.manage-albums .action-container a.visualize:hover,
.manage-albums .action-container a.move-up:hover,
.manage-albums .action-container a:hover {
   background-color: #404040;
}

.manage-albums .albums-container .item {
   margin-bottom: 30px;
}

.manage-albums .album-types-container .album-type-name {
   background-color: #337ab7;
   color: #FFFFFF;
   font-weight: bold;
   margin-bottom: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   text-transform: uppercase;
}

.manage-albums .albums-container .item .image {
   background-image: url("../Images/BissiPlantSingle.jpg");
   background-size: cover;
   width: 100%;
   height: 200px;
   background-position: center;
}

.manage-albums .albums-container .item.has-childs .image {
   background-image: url("../Images/BissiPlantChild.jpg");
}

.manage-albums .albums-container .item .name {
   padding: 6px 10px;
   height: 40px;
   overflow: hidden;
   color: #3276B1;
   font-size: 20px;
   font-weight: bold;
   background-color: #FFF;
   text-align: center;
}

.manage-albums .albums-container .item .production {
   padding: 6px 10px;
   height: 30px;
   overflow: hidden;
   background-color: #FFF;
   text-align: center;
}

.manage-albums .albums-container .item .album-action {
   background-color: #FFF;
   padding: 0 1px;
}

.manage-albums .albums-container .item .album-action:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.manage-albums .albums-container .item .album-action a {
   background-color: #337ab7;
   color: #FFF;
   text-align: center;
   padding: 5px 10px;
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   border-bottom: 2px solid #FFF;
}

.manage-albums .albums-container .item .album-action a.col-7 {
   width: 14.28%;
   display: inline-block;
   float: left;
}

.manage-albums .albums-container .item .album-action a:hover {
   background-color: #404040;
}

.manage-albums .albums-container .item .go-to-child {
   height: 30px;
}

.manage-albums .albums-container .item .go-to-child a {
   display: block;
   background-color: #ABC628;
   padding: 5px 3px;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}

.manage-albums .albums-container .item .go-to-child a:hover {
   background-color: #404040;
}

@media(max-width:767px) {
   .manage-albums .action-container a {
      width: 100%;
      min-width: auto;
      padding: 8px;
   }
}
/* ---------------------------------------------------------------------------------------------- */


/* Gestione Immagini (immagini)
------------------------------------------------------------------------------------------------- */
.manage-albums .album-items-container .item {
   margin-bottom: 30px;
}

.manage-albums .album-types-container .album-type-name {
   background-color: #337ab7;
   color: #FFFFFF;
   font-weight: bold;
   margin-bottom: 5px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   text-transform: uppercase;
}

.manage-albums .album-items-container .item .image {
   background-image: url("../Images/BissiPlantSingle.jpg");
   background-size: cover;
   width: 100%;
   height: 200px;
   background-position: center;
}

.manage-albums .album-items-container .item.has-childs .image {
   background-image: url("../Images/BissiPlantChild.jpg");
}

.manage-albums .album-items-container .item .name {
   padding: 6px 10px;
   height: 40px;
   overflow: hidden;
   color: #3276B1;
   font-size: 20px;
   font-weight: bold;
   background-color: #FFF;
   text-align: center;
}

.manage-albums .album-items-container .item .production {
   padding: 6px 10px;
   height: 30px;
   overflow: hidden;
   background-color: #FFF;
   text-align: center;
}

.manage-albums .album-items-container .item .album-item-action {
   background-color: #FFF;
   padding: 0 1px;
}

.manage-albums .album-items-container .item .album-item-action:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.manage-albums .album-items-container .item .album-item-action a {
   background-color: #337ab7;
   color: #FFF;
   text-align: center;
   padding: 5px 10px;
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   border-bottom: 2px solid #FFF;
}

.manage-albums .album-items-container .item .album-item-action a.col-7 {
   width: 14.28%;
   display: inline-block;
   float: left;
}

.manage-albums .album-items-container .item .album-item-action a:hover {
   background-color: #404040;
}

.manage-albums .album-items-container .item .go-to-child {
   height: 30px;
}

.manage-albums .album-items-container .item .go-to-child a {
   display: block;
   background-color: #ABC628;
   padding: 5px 3px;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}

.manage-albums .album-items-container .item .go-to-child a:hover {
   background-color: #404040;
}

@media(max-width:767px) {
   .manage-albums .action-container a {
      width: 100%;
      min-width: auto;
      padding: 8px;
   }
}

.manage-albums .album-items-container .item.selected-item .name {
   background-color: rgba(109,190,0,0.5);
   color: #FFF;
}
/* ---------------------------------------------------------------------------------------------- */



/* Visualizzazione immagini
------------------------------------------------------------------------------------------------- */
.view-images .job-selected {
   font-weight: bold;
}


/* ---------------------------------------------------------------------------------------------- */
.manage-albums .menu {
   height: 100px;
   background-color: #f4f4f4;
   color: #333;
   border: 1px solid #aaa;
   box-shadow: 2px 2px 2px #999;
   border-radius: 1px;
   list-style: none;
   position: fixed;
   padding-left: 0px;
}

.manage-albums .menu.off {
   top: -200%;
   left: -200%;
}

.manage-albums .menu-item {
   height: 25px;
   width: 220px;
   font-size: 13px;
   font-weight: 200;
   padding-right: 5px;
   padding-top: 1px;
   padding-left: 40px;
   cursor: pointer;
}


.manage-albums .menu-item:hover {
    background-color: #337ab7;
    color: #FFF;
}
/*------------------------------------------------------------------------------------------------ */



/* Seleziona documento
------------------------------------------------------------------------------------------------- */
.form-upload-document .input-div {
   position: relative;
}

.form-upload-document .input-div input {
   padding-right: 65px;
}

.form-upload-document .input-div .icon-container {
   position: absolute;
   top: 3px;
   right: 3px;
}

.form-upload-document .input-div .icon-container a {
   font-size: 20px;
   background-color: #1AB8DE;
   display: inline-block;
   width: 28px;
   height: 28px;
   color: #FFF;
   text-align: center;
   line-height: 28px;
}

.form-upload-document .input-div .icon-container a.btn-red {
   border: none;
   background-color: #DD0000;
}

.form-upload-document .input-div .icon-container a.btn-red:hover,
.form-upload-document .input-div .icon-container a:hover {
   background-color: #151c33;
}

.form-upload-document .input-div .icon-container a.status {
   border-radius: 50%;
   background-color: #00DD00;
   float: right;
   margin-left: 4px;
}

.form-upload-document .input-div .icon-container a.status.yellow {
   background-color: #FFDD00;
}

.form-upload-document .input-div .icon-container a.status.disabled {
   cursor: not-allowed;
}

.inputbox .form-table label.validation-error-label {
   position: relative;
   bottom: 0;
   margin-bottom: 10px;
   left: 0;
   display: inline-block;
}

.inputbox .expiration-date .validation-error-label {
	position: relative !important;
	margin-top: -10px;
	background-color: #a90329 !important;
	color: #FFF !important;
	padding: 2px 10px !important;
	text-align: center;
}

/* Inserire questo css quando verrà messa in linea */
.section.manage-interventions .interventions table tr span.color {
   background-color: red;
   border-radius: 10px;
   width: 10px;
   height: 10px;
   display: inline-block;
   color: #000000;
}

.section.manage-interventions .interventions table tr span.color.green {
   background-color: green;
}

.section.manage-interventions .interventions table tr span.color.yellow {
   background-color: yellow;
}

.section.manage-interventions .interventions table tr span.color.red {
   background-color: red;
}
/*------------------------------------------------------------------------------------------------------------------------------*/



/* Sicurezza
------------------------------------------------------------------------------------------------- */
/*Fornitori*/
.section.manage-suppliers .suppliers table tr span.status {
	border-radius: 10px;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.section.manage-suppliers .suppliers table tr span.status.active {
	background-color: #4CE400;
}

.section.manage-suppliers .suppliers table tr span.inactive {
	background-color: #CD0000;
}

.section.manage-suppliers #supplierDocumentModal #dZUpload {
	margin: 20px 0 25px;
}


/*Interventi*/
.intervention-configuration-documents .column-item {
   font-size: 15px;
}

.intervention-configuration-documents .column-item:after,
.intervention-configuration-documents .security-documents-list .security-document:after,
.intervention-configuration-documents .security-documents-list .security-document .info:after,
.intervention-configuration-documents .security-documents-list .security-document .security-document-info:after,
.intervention-configuration-documents .security-documents-list .security-document .security-document-products .item:after,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document:after,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .info:after,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-info:after,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course:after,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .info:after,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .intervention-configuration-course-info:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.intervention-configuration-documents .column-item .title, 
.intervention-configuration-courses .column-item .title {
   color: #ABC628;
	border-bottom: 2px solid #ABC628;
	text-transform: uppercase;
	font-size: 20px;
	position: relative;
	padding-bottom: 5px;
	margin-top: 15px;
}


.intervention-configuration-documents .security-documents-list .security-document,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document,
.intervention-configuration-courses .security-courses-list .security-course,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course {
   border: 1px solid #ddd;
	margin-top: 15px;
	padding: 15px 0;
}


.intervention-configuration-documents .security-documents-list .security-document .info,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .info,
.intervention-configuration-courses .security-courses-list .security-course .info,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .info {
   padding: 0;
}

.intervention-configuration-documents .security-documents-list .security-document .info span,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .info span,
.intervention-configuration-courses .security-courses-list .security-course .info span,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .info span {
   font-weight: bold;
}

.intervention-configuration-documents .security-documents-list .security-document .security-document-btn a,
.intervention-configuration-documents .security-documents-list .security-document .security-document-products .item .security-document-product-btn a,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a,
.intervention-configuration-courses .security-courses-list .security-course .security-course-btn a,
.intervention-configuration-courses .security-courses-list .security-course .security-course-products .item .security-course-product-btn a,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .intervention-configuration-course-btn a {
   background-color: #97B024;
	color: #FFF;
	padding: 5px 4px;
	text-align: center;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}

.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.remove-btn,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .intervention-configuration-course-btn a.remove-btn {
	background-color: #DD0000;
}

.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn .move-icon {
	margin-bottom: 10px;
	text-align: right;
}

.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-down, 
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-up {
	width: 20px;
	background-color: #EAEAEA;
	border: 1px solid #333;
	display: inline-block;
	color: #333;
	padding: 0;
	height: 20px;
}

.intervention-configuration-documents .security-documents-list .security-document .security-document-btn a:hover,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.remove-btn:hover,
.intervention-configuration-courses .intervention-configuration-courses-list .intervention-configuration-course .intervention-configuration-course-btn a.remove-btn:hover,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-down:hover,
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-up:hover {
	background-color: #333;
}	

.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-down:hover, 
.intervention-configuration-documents .intervention-configuration-documents-list .intervention-configuration-document .intervention-configuration-document-btn a.move-up:hover {
   color: #fff;
}

.intervention-configuration-documents .column-item .form-group.is-required-input .input-div {
   display: inline-block;
}

.intervention-configuration-documents .column-item .form-group.is-required-input .input-div input {
   display: inline-block;
   height: 10px;
   margin-left: 5px;
   margin-right: 0px;
}


.manage-interventions .intervention .intervention-documents .title, 
.manage-interventions .intervention .other-info .title, 
.manage-interventions .intervention .intervention-notes .title {
   color: #ABC628;
   border-bottom: 1px solid;
   text-transform: uppercase;
   font-size: 16px;
   padding-bottom: 3px;
   margin: 10px 15px 15px;
}

.manage-interventions .intervention .intervention-configuration-document table .form-group {
   margin-bottom: 0;
}

.manage-interventions .intervention .other-info .info-line {
	background-color: #EAEAEA;
	margin: 15px;
	padding: 15px;
}

.manage-interventions .intervention .other-info .info-line:after {
   clear: both;
   content: ".";
   height: 0;
   visibility: hidden;
   display: block;
}

.manage-interventions .intervention .other-info .info-box .item {
	background-color: #EAEAEA;
	padding: 20px;
}

.manage-interventions .intervention .other-info .info-box .item .phase {
	display: block;
	/*text-transform: uppercase;*/
	background-color: #ABC628;
	font-size: 16px;
	padding: 5px;
	text-align: center;
	margin-bottom: 15px;
}

.manage-interventions .intervention .other-info span {
   font-weight: bold;
}

.manage-interventions .intervention .intervention-notes {
   margin-top: 30px;
}

.manage-interventions .intervention .intervention-notes .control-label {
   font-weight: bold;
}

.manage-interventions .intervention #interventionNotes {
	border-right: 1px solid #EAEAEA;
	padding-right: 15px;
}

.manage-interventions .intervention #interventionNotes .item {
   border-bottom: 1px dashed #CCC;
   padding-bottom: 10px;
   margin-bottom: 10px;
   position: relative;
}

.manage-interventions .intervention #interventionNotes .item:last-child {
   border: none;
   padding: 0;
   margin: 0;
}

.manage-interventions .intervention #interventionNotes .item .created-by {
	display: block;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	padding-right: 30px;
}

.manage-interventions .intervention #interventionNotes .item .created-by i {
   background-color: #ABC628;
   color: #FFF;
   width: 20px;
   height: 20px;
   text-align: center;
   line-height: 20px;
   border-radius: 50%;
   display: inline-block;
   margin-right: 5px;
}

.manage-interventions .intervention #interventionNotes .item .link {
	position: absolute;
	right: 0;
	top: 0;
}

.manage-interventions .intervention #interventionNotes .item .link a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0;
}

.manage-interventions .intervention #interventionNotes .item .notes.deleted {
	color: #999;
	text-decoration: line-through;
}

.section.manage-interventions #uploadDocumentModal #dZUpload2,
.manage-supplier-documents #supplierDocumentModal #dZUpload {
	margin: 20px 0 25px;
}

/*Background Table Td*/
.table tr td.expired {
   background-color: #FF7474;
}

.table tr td.expiring {
   background-color: #FFED8C;
}
/*------------------------------------------------------------------------------------------------------------------------------*/