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


/* General
------------------------------------------------------------------------------------------------- */
:root {
   --main-color: #2cab9f;
   --box-green-color: #b4f29f;
   --box-yellow-color: #fff498;
   --box-orange-color: #fdbc92;
   --box-light-blue-color: #9ffff3;
   --box-blue-color: #b6c6f0;
   --box-purple-color: #ff9dfa;
   --box-red-color: #ba00004d;
}


body {
   background-color: #f1f2f3;
   overflow-x: hidden;
}

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

#middle.container-block {
   display: block;
}

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

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

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

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

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
   color: #0e1726;
}

.section-title h2,
.section-title h1 {
   font-size: 30px;
   margin-bottom: 15px;
   font-weight: bold;
   margin-top: 0;
}

.section-title i {
   margin-right: 0;
}

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

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

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

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

   .fullscreen-panel-mode .panel-header {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      padding: 0 30px;
      z-index: 999;
   }

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

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

div a.delete {
   background-image: none !important;
}

@-moz-document url-prefix() {
   fieldset {
      display: table-cell;
   }
}

.fullscreen-mode {
   overflow: hidden;
}

.fullscreen-panel-mode {
   background-color: #FFF;
   height: 100%;
   left: 0;
   padding: 70px 10px 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;
   }

.radiobutton-inline .input-group {
   display: inline-block;
   margin-right: 40px;
}

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

div.element-selected {
   background-color: var(--main-color);
   padding: 15px;
   color: #FFF;
}

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

   div.element-selected .form-control[disabled],
   div.element-selected .form-control[readonly] {
      background-color: var(--main-color);
      border: 1px dashed #FFF;
      color: #FFF;
   }

table.data-table thead .th-actions {
   min-width: 150px;
}

@media(max-width:991px) {
   .section-title h2,
   .section-title h1 {
      font-size: 23px;
   }
}

@media(max-width:767px) {
   .content.col-xs-12 {
      padding: 0 5px;
   }

   .section-title h2,
   .section-title h1 {
      font-size: 17px;
   }

   .btn {
      padding: 4px 8px;
   }

   .modal-body {
      padding: 15px 10px;
   }

   legend {
      font-size: 17px;
      font-weight: 600;
   }
}

.Zebra_DatePicker_Icon {
   right: 5px !important;
   left: auto !important;
}

table tbody tr.order-highlighted,
table tbody tr.preinvoice-highlighted {
   background-color: var(--box-purple-color) !important;
}
/* ---------------------------------------------------------------------------------------------- */



/* Bottoni
------------------------------------------------------------------------------------------------- */
.btn {
   border-radius: 6px;
}

panel-footer .btn {
   padding: 10px 20px;
}

.btn-primary {
   background-color: var(--main-color);
   border-color: var(--main-color);
   color: #fff;
}

   .btn-primary:focus,
   .btn-primary:hover {
      background-color: #0e1726;
      border-color: #0e1726;
      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-green {
   background-color: #9CC738;
   border-color: #9CC738;
   color: #FFF;
}

.btn-yellow {
   background-color: #F9C20F;
   border-color: #F9C20F;
   color: #FFF;
}

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

.btn-blue {
   background-color: #1b55e2;
   border-color: #1b55e2;
   color: #FFF;
}

.btn-pink {
   background-color: #F1376E;
   border-color: #F1376E;
   color: #FFF;
}

.btn-light-blue {
   background-color: #5587A2;
   color: #FFF;
}

.btn-teal {
   background-color: var(--main-color);
   color: #FFF;
}


   .btn-green:focus,
   .btn-green:hover,
   .btn-yellow:focus,
   .btn-yellow:hover,
   .btn-red:focus,
   .btn-red:hover,
   .btn-teal:focus,
   .btn-teal:hover,
   .btn-light-blue:focus,
   .btn-light-blue:hover,
   .btn-blue:focus,
   .btn-blue:hover,
   .btn-pink:focus,
   .btn-pink:hover {
      background-color: #0e1726;
      border-color: #0e1726;
      color: #FFF;
   }

.btn.btn-small {
   padding: 2px 10px;
   border-radius: 4px;
}

.btn i {
   margin-right: 6px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Header
------------------------------------------------------------------------------------------------- */
header {
   background: #0e1726;
   padding: 5px 15px;
}

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

.header-title {
   font-weight: bold;
   font-size: 25px;
   display: inline-block;
   float: left;
   margin: 9px 0 10px 75px;
}

.toggle-left-panel {
   color: #fff;
   display: inline-block;
   float: right;
   font-size: 17px;
   font-weight: 700;
   height: 30px;
   line-height: 24px;
   margin: 3px 0 0;
   min-width: 30px;
   padding: 2px;
   text-align: center;
   text-decoration: none !important;
   border: 1px solid #FFF;
}

   .toggle-left-panel:hover {
      background-color: #FFF;
      color: #0e1726;
   }

@media(max-width:767px) {
   header .brand {
      width: 80px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Footer
------------------------------------------------------------------------------------------------- */
footer {
   display: block;
   padding: 10px;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
   text-align: center;
}
/* ---------------------------------------------------------------------------------------------- */



/* Login
------------------------------------------------------------------------------------------------- */
#header-sections-container {
   text-align: left !important;
   display: inline-block;
   float: right;
}

/*Login*/
header .section.login {
   margin-bottom: 0 !important;
   display: inline-block;
}

   header .section.login .toggle-modal {
      background-color: var(--main-color);
      width: 36px;
      height: 30px;
      display: inline-block;
      margin-top: 3px;
      color: #FFF;
      text-align: center;
      font-size: 21px;
      line-height: 30px;
      margin-right: 5px;
   }

      header .section.login .toggle-modal:hover {
         color: #0e1726;
         background-color: #FFF;
      }

   header .section.login #loginModal .buttons {
      text-align: center;
      margin-bottom: 0px;
   }

   header .section.login #loginModal .keep-login {
      margin-bottom: 5px
   }

   header .section.login #loginModal .password-reminder a {
      font-size: 14px;
      margin-top: 5px;
      display: block;
      text-decoration: underline;
   }

      header .section.login #loginModal .password-reminder a span {
         font-weight: 600;
      }

      header .section.login #loginModal .password-reminder a:hover {
         text-decoration: none;
      }

   /*Logout*/
   header .section.login .logout {
      margin-right: 15px;
      margin-top: 5px;
   }

      header .section.login .logout .user-link {
         color: #FFF;
         display: inline-block;
         margin-right: 15px;
         border-right: 1px solid #FFF;
         padding-right: 15px;
      }

         header .section.login .logout .user-link .name {
            font-weight: 600;
            color: var(--main-color);
            margin-right: 5px;
         }

         header .section.login .logout .user-link:hover .name {
            color: #FFF;
         }

         header .section.login .logout .user-link i {
            background-color: var(--main-color);
            display: inline-block;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            text-align: center;
            line-height: 25px;
            margin-right: 3px;
            font-size: 13px;
         }

      header .section.login .logout .logout-link {
         color: #FFF;
      }

         header .section.login .logout .logout-link:hover {
            color: var(--main-color);
         }

@media(max-width:500px) {
   header .section.login .logout .user-link .name {
      max-width: 160px;
      display: inline-block;
      float: left;
   }

   header .section.login .logout .user-link {
      padding-right: 10px;
      margin-right: 10px;
   }
}

/*Panel Login*/
.login.panel {
   margin: 50px 0;
   border: none;
   border-radius: 0;
   box-shadow: none;
}

   .login.panel > .panel-heading {
      background-color: #1D1D32;
      border-radius: 0;
      color: #FFF;
      font-weight: 600;
      font-size: 20px;
      border: none;
      padding: 15px;
      text-align: center;
   }

.panel.login .info {
   font-size: 25px;
   margin: 20px;
   display: block;
}

.login.panel .buttons {
   padding-bottom: 15px;
}

   .login.panel .buttons a {
      color: #505050;
      font-size: 14px;
      text-decoration: underline;
   }

      .login.panel .buttons a:hover {
         text-decoration: none;
         color: #1B3D72;
      }

@media(max-width:767px) {
   .login.panel.panel-success {
      margin: 15px;
      border: 1px solid;
   }

   .panel.login .info {
      font-size: 20px;
      margin: 10px;
   }
}

@media(max-width:767px) {
   header .section.login .logout .user-link .name {
      display: none;
   }

   header .section.login .logout {
      margin-right: 5px;
   }

      header .section.login .logout .user-link {
         padding-right: 5px;
         margin-right: 3px;
      }

      header .section.login .logout .logout-link {
         font-size: 12px;
      }
}
/* ---------------------------------------------------------------------------------------------- */



/* 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;
}*/


.panel-element {
   margin-bottom: 20px;
   background-color: #FFF;
   box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
   border-radius: 6px;
}

   .panel-element.no-margin {
      margin-bottom: 0;
   }

   .panel-element .panel-element {
      margin: 20px 15px 20px;
   }

   /*Header*/
   .panel-element .panel-header {
      border-bottom: 1px dashed #e0e6ed;
   }

      .panel-element .panel-header.panel-header-toggle-content {
         cursor: pointer;
      }

      .panel-element .panel-header h2 {
         font-size: 18px;
         font-weight: bold;
         margin: 20px 0 20px 15px;
         position: relative;
         display: inline-block;
      }

         .panel-element .panel-header h2 i {
            margin-right: 5px;
            color: var(--main-color);
         }

      .panel-element .panel-header .actions {
         margin-bottom: 0;
         float: right;
         background-color: transparent;
      }

   .panel-element > .panel-header .actions > a,
   .panel-element > .panel-header .actions > span.toggle-panel-link {
      border: 1px solid var(--main-color);
      color: var(--main-color);
      display: inline-block;
      height: 40px;
      width: 40px;
      text-align: center;
      border-radius: 50%;
      line-height: 40px;
      font-size: 20px;
      margin: 10px;
   }

      .panel-element > .panel-header .actions > a:hover,
      .panel-element > .panel-header.panel-header-toggle-content:hover .actions > span.toggle-panel-link {
         color: #FFF;
         background-color: #95D4CE;
      }

      .panel-element > .panel-header .actions > a.status.status-ok,
      .panel-element > .panel-header .actions > a.status:hover {
         background-color: #5DD55C;
         color: #FFF;
      }

      .panel-element > .panel-header .actions > a.status {
         background-color: #CCC;
      }

      .panel-element > .panel-header .actions > a.btn-text {
         border: none;
         color: #4c4f53;
         text-transform: none;
         font-size: 12px;
         width: auto;
         background-color: #FFF;
         height: auto;
         padding: 2px 10px;
         line-height: 14px;
         border-radius: 9px;
      }

         .panel-element > .panel-header .actions > a.btn-text:hover {
            background-color: #4c4f53;
            color: #FFF;
         }

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

   .panel-element .panel-content {
      background-color: #fff;
      margin: 0;
      padding: 30px 0;
   }

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

   .panel-element.collapsed {
      border-bottom: 1px solid #CCC;
   }

   .panel-element.panel-no-margin {
      margin-bottom: 0;
   }

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

   .panel-element .panel-footer {
      text-align: center;
      padding: 20px 15px;
      border-top: 1px dashed #e0e6ed;
      background-color: #FFF;
   }

      .panel-element .panel-footer.panel-footer-fixed {
         position: fixed;
         bottom: 0;
         width: 100%;
         left: 0;
         border-bottom: none;
         border-right: none;
         border-left: none;
         border-top: 2px solid #3F4D67;
         padding: 5px;
         background-color: rgba(255,255,255,0.5);
      }

   .panel-element.sub-panel-element.validation-highlight > .panel-header {
      background-color: red !important;
   }

   .panel-element .panel-header .evidence {
      color: #333;
      padding: 0 15px 15px;
   }

   .panel-element.fullscreen-panel-mode .panel-header .evidence {
      display: none;
   }

   .panel-element .panel-header .evidence .value {
      font-weight: bold;
   }

.evidence-red {
   color: #DD0000 !important;
}

.panel-subtitle {
   font-size: 25px;
   border-bottom: 1px dashed #e0e6ed;
   margin-bottom: 20px;
   padding-bottom: 0px;
}

   .panel-subtitle a.small-btn {
      background-color: #9CC738;
      color: #FFF;
      font-size: 15px;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 4px;
      margin-left: 10px;
   }

      .panel-subtitle a.small-btn:hover {
         background-color: #0e1726;
      }

      .panel-subtitle a.small-btn i {
         font-size: 12px;
      }

@media(max-width:767px) {
   .panel-element .panel-header h2 {
      margin: 10px;
      font-size: 17px;
   }

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

   .panel-element .panel-content {
      padding: 10px 0;
   }

   .panel-element .panel-footer {
      padding: 10px;
   }

   .panel-element > .panel-header .actions > a,
   .panel-element > .panel-header .actions > span.toggle-panel-link {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
      margin: 4px 10px 4px 0;
   }
}

/*Panel Small*/
.panel-element.panel-small-version {
   box-shadow: none;
   border-radius: 0;
}

   .panel-element.panel-small-version.collapsed {
      border-bottom: none;
   }

   .panel-element.panel-small-version .panel-header h2 {
      margin: 0 0 10px 0;
   }

   .panel-element.panel-small-version > .panel-header .actions > a,
   .panel-element.panel-small-version > .panel-header .actions > span.toggle-panel-link {
      margin: 0 0 0 5px;
      height: 25px;
      width: 25px;
      line-height: 25px;
      font-size: 15px;
   }

   .panel-element.panel-small-version .panel-content {
      padding: 10px 0 0;
   }

   .panel-element.panel-small-version .panel-header {
      border-bottom: 1px dashed #262626;
   }

@media(max-width:767px) {
   .panel-footer .text-right {
      text-align: center;
   }

   .panel-footer .btn {
      display: block;
      margin-top: 7px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



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

   .input-div .select-buttons,
   .input-buttons {
      position: absolute;
      right: 3px;
      top: 4px;
   }

      .input-div .select-buttons .btn,
      .input-buttons .btn {
         padding: 1px 5px;
         border-radius: 0;
      }

      .input-div .select-buttons i,
      .input-buttons i {
         margin-right: 0;
      }

.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: #262626;
      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;
   border-bottom: 1px solid #e5e5e5;
}

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

      .modal .modal-dialog .modal-header .modal-title i {
         margin-right: 5px;
         background-color: var(--main-color);
         color: #FFF;
         width: 30px;
         height: 30px;
         line-height: 30px;
         text-align: center;
         border-radius: 50%;
         font-size: 14px;
      }

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

@media(max-width:767px) {
   .modal-header .close {
      right: -10px;
      width: 35px;
      height: 35px;
      line-height: 35px;
   }

   .modal .modal-dialog .modal-header {
      padding-right: 28px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Menù
------------------------------------------------------------------------------------------------- */
/*#left-panel {
	left: 0;
	margin-top: 45px;
	min-height: calc(100% - 45px);
	position: absolute;
	top: 0;
	transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
	width: 270px;
	z-index: 900;
	border-right: 1px solid #e0e6ed;
	padding: 15px;
	background-color: #f1f2f3;
}


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

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

#flex-content {
   display: flex;
}

#left-panel {
   border-right: 1px solid #e0e6ed;
   padding: 10px;
   /*background-color: #FFF;*/
   float: left;
   position: sticky;
   align-self: flex-end;
   bottom: 0;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
   min-height: 100vh;
}

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

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

#page-content {
   /*margin-left: 270px;*/
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
   padding-top: 20px;
   width: 100%;
}

.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;
   width: 240px;
}

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

#left-panel .navbar-default .navbar-nav > li > a {
   color: #0e1726;
   padding: 8px 15px 8px 34px;
   margin-bottom: 5px;
   border-radius: 6px;
   transition: .600s;
   font-weight: 600;
   font-size: 16px;
   position: relative;
}

   #left-panel .navbar-default .navbar-nav > li > a i {
      color: var(--main-color);
   }

   #left-panel .navbar-default .navbar-nav > li > a:hover {
      background-color: #95D4CE;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
   }

#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: #FFF;
   box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}

#left-panel .navbar-default .navbar-nav > li > a i {
   font-size: 17px;
   margin-right: 5px;
   padding-top: 5px;
   position: absolute;
   left: 10px;
   margin-top: -14px;
   top: 50%;
}

@media(max-width:991px) {

   #flex-content {
      display: block;
   }

   #left-panel {
      width: 270px;
      background-color: #f1f2f3;
      float: none;
      align-self: flex-end;
      bottom: 0;
      left: 0;
      margin-top: 45px;
      min-height: calc(100% - 45px);
      position: absolute;
      top: 0;
      z-index: 900;
   }

   #page-content {
      margin-left: 270px;
   }
}

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

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

nav ul li.active > a::before {
   color: var(--main-color);
   content: "\f054";
   display: block;
   font-family: "Font Awesome 5 Free";
   font-size: 14px;
   height: 27px;
   line-height: normal;
   position: absolute;
   right: -8px;
   width: 27px;
   font-weight: bold;
   top: 13px;
}

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

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

.dropdown-menu {
   border: none;
   border-radius: 0;
   margin-bottom: 10px;
   position: relative;
   margin-left: -16px;
   background-color: #FFF;
}

   .dropdown-menu > li > a {
      color: #262626;
      font-weight: 600;
   }

.navbar-nav > li > .dropdown-menu:before {
   border-left: 1px solid var(--main-color);
   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 var(--main-color);
      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: var(--main-color);
   content: "+";
   font-size: 21px;
   margin: 0;
   position: absolute;
   right: 12px;
   top: 7px;
   font-weight: 800;
}

#left-panel .navbar-default .navbar-nav > li.dropdown:hover > a:after {
   color: var(--main-color);
}

#left-panel .navbar-default .navbar-nav > li.dropdown.open > a::after {
   color: var(--main-color);
   content: "-";
}

#left-panel .navbar-default .navbar-nav > li.active.dropdown > a::before {
   display: none;
}
/* ---------------------------------------------------------------------------------------------- */


/* Breadcrumbs
------------------------------------------------------------------------------------------------- */
ol.breadcrumb {
   background: transparent;
   border-radius: 0;
   font-size: 14px;
   line-height: 20px;
   margin: -15px -15px 10px;
   padding: 8px 15px;
}

   ol.breadcrumb i {
      color: var(--main-color);
   }

.breadcrumb > li {
   display: inline;
}

   .breadcrumb > li a {
      color: #0e1726;
   }

      .breadcrumb > li span,
      .breadcrumb > li a:hover {
         color: #6c757d;
      }

   .breadcrumb > li + li::before {
      color: #6c757d;
      content: "/ ";
      padding: 0 5px;
   }

/*Navigazione tra commesse*/
.navigation-buttons {
   position: relative;
}

   .navigation-buttons ol {
      padding-right: 90px;
   }

   .navigation-buttons .navigation-links {
      position: absolute;
      right: 0;
      top: 0;
   }

      .navigation-buttons .navigation-links a {
         font-weight: bold;
      }
/* ---------------------------------------------------------------------------------------------- */



/* 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;
}
/* ---------------------------------------------------------------------------------------------- */



/* Home
------------------------------------------------------------------------------------------------- */
.dashboard-grid {
   margin: 0 -5px;
}

   .dashboard-grid > div {
      padding: 0 5px;
   }

   .dashboard-grid a {
      padding: 0 15px 0 90px;
      border-radius: 10px;
      margin-bottom: 10px;
      color: #FFF;
      font-size: 18px;
      position: relative;
      height: 85px;
      display: table;
      width: 100%;
   }

      .dashboard-grid a > div {
         display: table-cell;
         vertical-align: middle;
      }

      .dashboard-grid a i {
         position: absolute;
         background-color: rgba(255,255,255,0.3);
         width: 60px;
         height: 60px;
         line-height: 60px;
         text-align: center;
         border-radius: 50%;
         font-size: 31px;
         left: 15px;
         top: 50%;
         margin-top: -30px;
      }

      .dashboard-grid a .name {
         font-weight: 800;
         display: block;
         font-size: 23px;
         line-height: 29px;
      }

      .dashboard-grid a:hover {
         opacity: 0.8;
      }

   /*2° Livello*/
   .dashboard-grid.level-2 a.back {
      color: #262626;
      display: inline-block;
      padding: 0;
      height: auto;
      border-bottom: 2px solid;
      border-radius: 0;
      width: auto;
      margin-bottom: 30px;
   }

      .dashboard-grid.level-2 a.back i {
         position: relative;
         height: auto;
         width: auto;
         display: inline-block;
         background-color: transparent;
         left: 0;
         top: 0;
         font-size: 16px;
         line-height: 20px;
      }

      .dashboard-grid.level-2 a.back:hover {
         color: var(--main-color);
      }

.home-anchor-section {
   display: none;
}

/*@media(max-width:1550px){
	.dashboard-grid a {
	  padding: 0 15px;
	  text-align: center;
	  min-height: 197px;
	}
	.dashboard-grid a i {
	  position: relative;
	  top: 0;
	  left: 0;
	}
}*/

@media(max-width:1500px) {
   .dashboard-grid a .name {
      font-size: 20px;
      line-height: 22px;
   }
}

@media(max-width:1350px) {
   .dashboard-grid a i {
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin-top: -20px;
      font-size: 20px;
      left: 10px;
   }

   .dashboard-grid a {
      padding-left: 60px;
   }

      .dashboard-grid a .name {
         font-size: 18px;
      }

   .dashboard-grid a {
      height: 65px;
   }
}


@media(max-width:767px) {
   .dashboard-grid a {
      height: auto;
      min-height: 46px;
      margin-bottom: 5px;
      text-align: left;
      padding-left: 37px;
   }

      .dashboard-grid a i {
         font-size: 20px;
         left: 8px;
         background-color: transparent;
         width: auto;
      }

      .dashboard-grid a .name {
         font-size: 15px;
         line-height: 15px;
      }
}
/* ---------------------------------------------------------------------------------------------- */



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



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

.panel-element.job-documents-grid #documentFilterParameters {
   padding: 15px;
   background-color: #eaeaea;
}

   .panel-element.job-documents-grid #documentFilterParameters a {
      margin-top: 25px;
      display: block;
   }

.job-documents .panel-header a.search-documents-icon {
   background-color: var(--main-color);
   display: inline-block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   border-radius: 50%;
   font-size: 14px;
}

   .job-documents .panel-header a.search-documents-icon i {
      color: #FFF;
   }

   .job-documents .panel-header a.search-documents-icon:hover {
      background-color: #000;
   }

.job-documents #documentFilterParameters {
   background-color: #eaeaea;
   padding: 10px;
}

   .job-documents #documentFilterParameters .input-div {
      padding-left: 70px;
   }

      .job-documents #documentFilterParameters .input-div label {
         position: absolute;
         left: 15px;
         top: 6px;
      }

@media(max-width:767px) {
   .panel-element.documents .panel-content {
      padding: 10px;
   }

   .job-documents #documentFilterParameters {
      text-align: center;
   }

      .job-documents #documentFilterParameters .input-div {
         margin-bottom: 10px;
      }
}
/* ---------------------------------------------------------------------------------------------- */



/* 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: var(--main-color);
   }

.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,
   .calendar-day-content .holiday-item {
      border-radius: 5px;
      color: #606060;
      margin-bottom: 5px;
      padding: 10px;
   }

   .calendar-day-content .agend-item,
   .calendar-day-content .holiday-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,
      .calendar-day-content .holiday-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 .holiday-item span.job-type,
         .calendar-day-content .agend-item span.project,
         .calendar-day-content .holiday-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,
      .calendar-day-content .holiday-item .actions {
         margin-top: 5px;
         text-align: center;
      }

         .calendar-day-content .rapport-item .actions a,
         .calendar-day-content .agend-item .actions a,
         .calendar-day-content .holiday-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,
            .calendar-day-content .holiday-item .actions a.delete {
               background-image: none;
            }

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

.manage-rapports .selectors.panel-element {
   padding-top: 10px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Dettaglio agenda
------------------------------------------------------------------------------------------------- */
.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;
}

.agend-shared-container .subtitle {
   display: block;
   border-bottom: 1px solid #CCC;
   font-weight: 600;
   margin-bottom: 10px;
}

@media(max-width:767px) {
   .agend-shared-container {
      margin-bottom: 25px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Lista commesse - Fasi di Lavoro
------------------------------------------------------------------------------------------------- */

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

.job-grid table.data-table tbody tr.closed {
   background-color: #f2dede;
}

.job-grid table tbody tr td span.status,
.job-summary .job-summary-container span.job-status {
   border-radius: 50%;
   display: inline-block;
   height: 12px;
   width: 12px;
}

   .job-grid table tbody tr td span.status.none,
   .job-summary .job-summary-container span.job-status.none {
      background-color: Gray;
   }

   .job-grid table tbody tr td span.status.free,
   .job-summary .job-summary-container span.job-status.free {
      background-color: Green;
   }

   .job-grid table tbody tr td span.status.attendance,
   .job-summary .job-summary-container span.job-status.attendance {
      background-color: Orange;
   }

   .job-grid table tbody tr td span.status.suspended,
   .job-summary .job-summary-container span.job-status.suspended {
      background-color: Red;
   }

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: 8px;
   color: #fff;
   display: block !important;
   margin: 0 !important;
   padding: 5px 10px;
   text-align: center;
}

.actions a.action-blue span {
   background-color: var(--main-color);
   border: 1px solid var(--main-color);
}

   .actions a.action-blue span:hover {
      background-color: #262626;
      border-color: #262626;
   }

.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.5);
   color: #222;
   font-size: 18px;
   font-weight: 900;
   margin: 0 0px 15px;
   padding: 0 15px 5px 15px;
}
/* ---------------------------------------------------------------------------------------------- */



/* 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.plants th.th-actions,
.section.manage-contact .record table.plants td.td-actions{
   width: 100px;
   display: block;
}
*/
.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;
}

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

.contact-labels {
   margin-bottom: 15px;
}

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

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

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

/* Nome società, cognome e nome
.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;
   }

@media(max-width:767px) {
   .contact-labels a {
      padding: 2px 7px;
      margin: 2px;
      border: 1px solid #c2c2c2;
      min-width: 28px;
      text-align: center;
   }

   .contacts-container .contact-element .delivery-header span.delivery-actions {
      float: none;
      display: block;
      text-align: center;
      margin-bottom: 10px;
   }

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

   .contacts-container .contact-element > div {
      padding: 0;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Avvisi
------------------------------------------------------------------------------------------------- */
.advise.section {
   display: inline-block;
   margin-bottom: 0 !important;
   margin-top: 0 !important;
   position: relative;
   margin-right: 10px;
}

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

   .advise .advise-button i {
      background-color: transparent;
      border: 1px solid #FFF;
      border-radius: 2px;
      color: #FFF;
      display: inline-block;
      font-size: 17px;
      height: 34px;
      line-height: 30px;
      text-align: center;
      width: 34px;
   }

      .advise .advise-button i:hover {
         background-color: #FFF;
         color: #262626;
      }

   .advise .advise-button .advise-number {
      background-color: #DC042B;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      font-size: 12px;
      height: 20px;
      line-height: 20px;
      position: absolute;
      right: -12px;
      text-align: center;
      top: -7px;
      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 {
      padding: 10px;
      border-bottom: 1px dashed #ccc;
   }

      .advise .advise-form .advise-header .title {
         font-size: 16px;
         font-weight: 900;
      }

      .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: var(--main-color);
         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 {
      border-top: 1px dashed #ccc;
      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;
}

@media(max-width:767px) {
   .advise .advise-form {
      right: -50px;
      width: 300px;
   }

      .advise .advise-form::before {
         right: 75px;
      }
}
/* ---------------------------------------------------------------------------------------------- */



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

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

      .image-band .text-container img {
         margin: 0 auto;
      }

      .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: 30px 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: var(--main-color);
   }

@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;
      }
}
/* ---------------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* Bresesti Energie
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */



/* 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;
}


.inline-checkbox .input-div {
   display: inline-block;
   height: 25px;
   margin-left: 5px;
}

/*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: var(--main-color);
         display: inline-block;
         width: 28px;
         height: 28px;
         color: #FFF;
         text-align: center;
         line-height: 28px;
      }

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

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

@media(max-width:767px) {
   .panel-alert-infobox {
      padding: 10px;
      font-size: 15px;
      line-height: 19px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



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

.product-movements-table .child-product-quantity
.operation-type {
   padding-left: 35px;
}

.manage-maintenances .maintenance-selected label,
.manage-plants .plant-selected label,
.manage-products .product-selected label,
.manage-products .customer-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 .customer-selected .form-control[disabled],
.manage-products .plant-selected .form-control[disabled],
.manage-maintenances .maintenance-selected .form-control[readonly],
.manage-plants .plant-selected .form-control[readonly],
.manage-products .product-selected .form-control[readonly],
.manage-products .customer-selected .form-control[readonly],
.manage-products .plant-selected .form-control[readonly] {
   background-color: var(--main-color);
   border: 1px dashed #FFF;
   color: #FFFFFF !important;
}

.manage-maintenances .maintenance-selected .form-control::placeholder,
.manage-plants .plant-selected .form-control::placeholder,
.manage-products .product-selected .form-control::placeholder,
.manage-products .customer-selected .form-control::placeholder,
.manage-products .plant-selected .form-control::placeholder {
   color: #FFF !important;
}

.products-total-stock-title {
   background-color: #D7703E !important;
}

/* ---------------------------------------------------------------------------------------------- */



/* Attività di manutenzione
------------------------------------------------------------------------------------------------- */
.activities .data-table tbody tr.expired td:nth-child(2),
.activities .maintenance-parts-blocks .block-visualization .item-block.expired .item-header.item-ORDINARIA {
   background-color: rgba(186,0,0,0.3);
}

.activities .data-table tbody tr.current td:nth-child(2),
.activities .maintenance-parts-blocks .block-visualization .item-block.current .item-header.item-ORDINARIA {
   background-color: rgba(255,216,0,0.3);
}

.activities .data-table tbody tr.future td:nth-child(2),
.activities .maintenance-parts-blocks .block-visualization .item-block.future .item-header.item-ORDINARIA,
.activities .maintenance-parts-blocks .block-visualization .item-block.future .item-header.item-STRAORDINARIA {
   background-color: rgba(76,194,0,0.3);
}

.activities .data-table tbody tr.is-open td:nth-child(2),
.activities .maintenance-parts-blocks .block-visualization .item-block.is-open .item-header.item-ORDINARIA {
   background-color: rgba(255,106,0,0.3);
}

/*.activities .data-table tbody tr.has-no-pending-activities td:nth-child(2) {
   background-color: rgba(76,194,0,0.3) !important;
}*/

.activities .has-pending-activities td:nth-child(2),
.activities .maintenance-parts-blocks .block-visualization .item-block.has-pending-activities .item-header.item-ORDINARIA,
.activities .maintenance-parts-blocks .block-visualization .item-block.has-pending-activities .item-header.item-STRAORDINARIA {
   background-color: rgba(186,0,0,0.3) !important;
}

.activities .is-pending-activity td:nth-child(2),
.activities .maintenance-parts-blocks .block-visualization .item-block.is-pending-activity .item-header.item-ORDINARIA,
.activities .maintenance-parts-blocks .block-visualization .item-block.is-pending-activity .item-header.item-STRAORDINARIA {
   background-color: rgba(0,0,186,0.3) !important;
}

/*.activities .data-table tbody tr.orange td:nth-child(2) {
   background-color: rgba(251,104,45,0.3) !important;
}

.activities .data-table tbody tr.red td:nth-child(2) {
   background-color: rgba(186,0,0,0.3) !important;
}*/

.activities .data-table tbody tr.no-color td:nth-child(2),
.activities .maintenance-parts-blocks .block-visualization .item-block.no-color .item-header.item-ORDINARIA {
   background-color: transparent;
}

.activities .maintenance-activities .maintenance-activity-selected {
   background-color: var(--main-color);
   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],
   .activities .maintenance-activities .maintenance-activity-selected .form-control[readonly] {
      background-color: var(--main-color);
      border: 1px dashed #FFF;
      color: #FFF;
   }

.activities .maintenance-activities-blocks .block-visualization .item-block .item-header.item-ORDINARIA {
   background-color: #C6DCD2;
}

/*.activities .maintenance-parts-blocks .block-visualization .item-block .item-header.item-STRAORDINARIA,
.activities .maintenance-activities-blocks .block-visualization .item-block .item-header.item-STRAORDINARIA {
  background-color: #E7D7BC;
}*/

@media(max-width:767px) {
   .activities .maintenance-activities .maintenance-activity-selected {
      padding: 10px 0;
   }

   .activities .ticket-container {
      display: flex;
      margin: 12px;
      align-items: flex-end;
      gap: 10px;
   }

      .activities .ticket-container label {
         background-color: var(--main-color);
         color: #FFF;
         text-transform: uppercase;
         font-weight: bold;
         font-size: 12px;
         padding: 3px 10px;
         width: 105% !important
      }
}


.activities .ticket-container {
   float: right;
   display: flex;
   margin: 12px;
   align-items: flex-end;
   gap: 10px;
}

   .activities .ticket-container label {
      background-color: var(--main-color);
      color: #FFF;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 12px;
      padding: 3px 10px;
      width: 105% !important
   }
/* ---------------------------------------------------------------------------------------------- */



/* 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: var(--main-color) !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: var(--main-color);
   }

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

.web-explorer-container #subutility {
   background-color: #FFFFFF;
   border: solid 1px #CECECE;
   clear: both;
   float: left;
   margin: 0;
   overflow: auto;
   height: 550px !important;
}

.web-explorer-container #subcontent {
   background-color: #FFFFFF;
   border-bottom: 1px solid #CECECE;
   border-right: 1px solid #CECECE;
   border-top: 1px solid #CECECE;
   height: 550px !important;
   padding: 0;
   overflow: auto;
}

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

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

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

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

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

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

@media(max-width:767px) {
   .webexplorer .actions a {
      width: 33%;
      margin: 0;
      border: 3px solid #f1f2f3;
      background-size: 20px !important;
      padding-top: 24px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Impianti
------------------------------------------------------------------------------------------------- */
.manage-plants .plant-part-selected {
   background-color: var(--main-color);
   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 .plants-list-header .section-title {
   float: left;
}

.manage-plants .plants-list-header .action-container {
   float: right;
   margin-bottom: 20px;
}

.manage-plants .plants-list-header:after {
   clear: both;
   content: ".";
   height: 0;
   visibility: hidden;
   display: block;
}

.manage-plants .inactive-from-date-container {
   text-align: center;
   background-color: #ff9c9c;
   border: 2px solid red;
}

   .manage-plants .inactive-from-date-container span.inactive-from-date {
      font-size: 17px;
      font-weight: bold;
   }

.manage-plants .action-container a {
   font-weight: bold;
   text-transform: uppercase;
   color: #FFF;
   background-color: var(--main-color);
   padding: 8px 25px;
   display: inline-block;
   text-align: center;
}

   .manage-plants .action-container a.history {
      background-color: #F1376E;
   }

   .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.history:hover,
      .manage-plants .action-container a:hover {
         background-color: #404040;
      }

.manage-plants .plants-container.row {
   margin: 0 -8px;
}

.manage-plants .plants-container > div {
   padding: 0 8px;
}

.manage-plants .plants-container .item {
   margin-bottom: 15px;
   position: relative;
   padding-left: 50%;
   background-color: #FFF;
   overflow: hidden;
}

.manage-plants .plant-types-container .plant-type-name {
   border-bottom: 1px solid #CCC;
   color: #262626;
   font-weight: bold;
   margin-bottom: 15px;
   padding-top: 0;
   padding-bottom: 10px;
   font-size: 25px;
   position: relative;
   cursor: pointer;
}

   .manage-plants .plant-types-container .plant-type-name::before {
      background-color: var(--main-color);
      color: #FFF;
      border-radius: 50%;
      font-size: 17px;
      width: 34px;
      height: 34px;
      display: inline-block;
      text-align: center;
      line-height: 34px;
   }

   .manage-plants .plant-types-container .plant-type-name.Idroelettrico:before {
      content: "\f043";
      font-family: "Font Awesome 5 Free";
      margin-right: 5px;
   }

   .manage-plants .plant-types-container .plant-type-name.Fotovoltaico:before {
      content: "\f185";
      font-family: "Font Awesome 5 Free";
      margin-right: 5px;
   }

   .manage-plants .plant-types-container .plant-type-name.Eolico:before {
      content: "\f72e";
      font-family: "Font Awesome 5 Free";
      margin-right: 5px;
   }

   .manage-plants .plant-types-container .plant-type-name.Biomassa:before {
      content: "\f4d8";
      font-family: "Font Awesome 5 Free";
      margin-right: 5px;
   }

   .manage-plants .plant-types-container .plant-type-name.Termoelettrico:before {
      content: "\f46a";
      font-family: "Font Awesome 5 Free";
      margin-right: 5px;
   }

   .manage-plants .plant-types-container .plant-type-name:after {
      content: "-";
      border: 2px solid #262626;
      height: 38px;
      display: inline-block;
      width: 38px;
      text-align: center;
      line-height: 32px;
      position: absolute;
      right: 0;
      font-size: 36px;
   }

.manage-plants .plant-types-container .plant-type-container.close-box .plant-type-name:after {
   content: "+";
}

.manage-plants .plant-types-container .plant-type-name:hover:after {
   background-color: #262626;
   color: #FFF;
}

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

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

.manage-plants .plants-container .item .image-container {
   position: absolute;
   left: 0;
   width: 50%;
}

   .manage-plants .plants-container .item .image-container .image {
      width: 100%;
      height: 321px;
      background-size: cover;
      background-position: center;
      position: relative;
   }

.manage-plants .plants-container .item .item-info {
   padding: 5px;
   min-height: 320px;
}

.manage-plants .plants-container .item .name {
   font-size: 17px;
   font-weight: bold;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.manage-plants .plants-container .item .customer-name {
   display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.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: var(--main-color);
      color: #FFF;
      padding: 2px 4px;
      display: block;
      margin-bottom: 2px;
      font-size: 15px;
   }

      .manage-plants .plants-container .item .plant-action a:hover {
         opacity: 0.7;
      }

      .manage-plants .plants-container .item .plant-action a i {
         margin-right: 3px;
      }

.manage-plants .plants-container .item .plant-small-action {
   margin: 0 -1px;
}

   .manage-plants .plants-container .item .plant-small-action > div {
      width: 25%;
      float: left;
      padding: 0 1px;
   }

   .manage-plants .plants-container .item .plant-small-action a {
      display: block;
      background-color: #262626;
      color: #FFF;
      text-align: center;
   }

      .manage-plants .plants-container .item .plant-small-action a:hover {
         opacity: 0.7;
      }

.manage-plants .plants-container .item .go-to-child a {
   display: block;
   background-color: var(--main-color);
   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: 1500px) {
   .manage-plants .plants-container .item .item-info {
      min-height: 345px;
   }
}

@media(max-width: 1200px) {
   .manage-plants .plants-container .item .item-info {
      min-height: 322px;
   }
}

@media(max-width: 800px) {
   .manage-plants .plants-container .item .item-info {
      min-height: 400px;
   }
}

/*Dati Produzione*/
.manage-plants .plants-container .item .production-data-container > span {
   position: absolute;
   bottom: 0;
   background-color: rgba(255,255,255,0.6);
   padding: 5px;
   width: 100%;
   font-weight: 700;
   cursor: pointer;
}

   .manage-plants .plants-container .item .production-data-container > span::before {
      content: "+";
      background-color: #262626;
      color: #FFF;
      height: 18px;
      display: inline-block;
      width: 18px;
      text-align: center;
      border-radius: 50%;
      line-height: 18px;
      margin-right: 6px;
   }

   .manage-plants .plants-container .item .production-data-container > span:hover {
      background-color: #262626;
      color: #FFF;
   }

      .manage-plants .plants-container .item .production-data-container > span:hover:before {
         background-color: #FFF;
         color: #262626;
      }

.manage-plants .plants-container .item .production-data-container.active > span::before {
   content: "-";
}

.manage-plants .plants-container .item .production-data {
   position: absolute;
   background-color: rgba(255,255,255,1);
   padding: 10px;
   width: 100%;
   bottom: -2000px;
   transition: all 0.4s ease 0s;
   z-index: 2;
}

   .manage-plants .plants-container .item .production-data strong {
      display: block;
   }

.manage-plants .plants-container .item .production-data-container.active .production-data {
   bottom: 34px;
}

/*Parti impianto*/
.manage-plants .plant-parts .plants-container .item-part {
   position: relative;
   border-bottom: 1px solid #DDD;
   margin-top: 20px;
   padding: 0 75px 20px;
}

   .manage-plants .plant-parts .plants-container .item-part .name {
      font-weight: 800;
   }

   .manage-plants .plant-parts .plants-container .item-part .plant-left-action {
      position: absolute;
      left: 0;
      top: 0;
   }

   .manage-plants .plant-parts .plants-container .item-part .plant-right-action {
      position: absolute;
      right: 0;
      top: 0;
   }

      .manage-plants .plant-parts .plants-container .item-part .plant-left-action a,
      .manage-plants .plant-parts .plants-container .item-part .plant-right-action a {
         background-color: #262626;
         color: #FFF;
         width: 30px;
         display: inline-block;
         height: 30px;
         line-height: 30px;
         text-align: center;
      }

         .manage-plants .plant-parts .plants-container .item-part .plant-left-action a:hover,
         .manage-plants .plant-parts .plants-container .item-part .plant-right-action a:hover {
            opacity: 0.8;
         }

   .manage-plants .plant-parts .plants-container .item-part .plant-action a {
      color: #FFF;
      padding: 2px 10px;
      margin-top: 3px;
      display: inline-block;
   }

      .manage-plants .plant-parts .plants-container .item-part .plant-action a:hover {
         opacity: 0.8;
      }

@media(max-width:1150px) {
   .manage-plants .plants-list-header .action-container {
      float: none;
      text-align: center;
   }

   .manage-plants .plants-list-header .section-title {
      float: none;
   }
}

@media(max-width:767px) {
   .manage-plants .plant-types-container .plant-type-name {
      font-size: 20px;
   }

      .manage-plants .plant-types-container .plant-type-name::after {
         height: 30px;
         width: 30px;
         line-height: 25px;
      }

   .manage-plants .action-container a {
      padding: 5px;
      font-size: 14px;
      margin: 3px;
   }

   .manage-plants .plants-container .item {
      padding-left: 0;
   }

      .manage-plants .plants-container .item .image-container {
         position: relative;
         width: 100%;
      }

         .manage-plants .plants-container .item .image-container .image {
            height: 150px;
         }

      .manage-plants .plants-container .item .plant-action a {
         width: 50%;
         float: left;
         font-size: 14px;
         text-align: center;
      }

      .manage-plants .plants-container .item .item-info {
         min-height: auto;
      }

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

      .manage-plants .plants-container .item .production-data-container .production-data {
         font-size: 14px;
      }

      .manage-plants .plants-container .item .production-data-container.active .production-data {
         bottom: auto;
         top: 100%;
      }

      .manage-plants .plants-container .item .production-data strong {
         display: inline-block;
      }

   .manage-plants .plant-parts .plants-container .item-part .plant-left-action a,
   .manage-plants .plant-parts .plants-container .item-part .plant-right-action a {
      width: 25px;
      height: 25px;
      line-height: 25px;
   }

   .manage-plants .plant-parts .plants-container .item-part .plant-left-action a {
      display: block;
      margin-bottom: 3px;
   }

   .manage-plants .plant-parts .plants-container .item-part {
      padding: 0 55px 10px 30px;
      margin-top: 10px;
   }

   .manage-plants .ticket-container {
      display: flex;
      margin: 12px;
      align-items: flex-end;
      gap: 10px;
   }
}

.manage-plants .ticket-container {
   float: right;
   display: flex;
   margin: 12px;
   align-items: flex-end;
   gap: 10px;
}

   .manage-plants .ticket-container label {
      background-color: var(--main-color);
      color: #FFF;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 12px;
      padding: 3px 10px;
   }
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Immagini di album
------------------------------------------------------------------------------------------------- */
/*.manage-albums .job-selected {
   background-color: var(--main-color);
   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: var(--main-color);
   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: var(--main-color);
   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/BresestiPlantSingle.jpg");
   background-size: cover;
   width: 100%;
   height: 200px;
   background-position: center;
}

.manage-albums .albums-container .item.has-childs .image {
   background-image: url("../Images/BresestiPlantChild.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: var(--main-color);
   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: var(--main-color);
   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: var(--main-color);
   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/BresestiPlantSingle.jpg");
   background-size: cover;
   width: 100%;
   height: 200px;
   background-position: center;
}

.manage-albums .album-items-container .item.has-childs .image {
   background-image: url("../Images/BresestiPlantChild.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: var(--main-color);
      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: var(--main-color);
      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: var(--main-color);
      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;
}
/*------------------------------------------------------------------------------------------------ */


/* Gestione Interventi
------------------------------------------------------------------------------------------------- */
.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;
   }
/*------------------------------------------------------------------------------------------------ */



/* Commesse
------------------------------------------------------------------------------------------------- */
.manage-jobs .job-title-header span {
   background-color: #0e1726;
   display: block;
   color: #FFF;
   border-radius: 6px;
   margin-bottom: 20px;
   text-align: center;
   font-size: 20px;
   padding: 10px;
}

.manage-jobs div.dropdown-treeview div.ow-treeview {
   overflow: scroll;
}

.job-summary .panel-element > .panel-content {
   padding: 15px 0;
}

.job-summary .data-element {
   margin: 0 15px 10px;
}

   .job-summary .data-element i {
      font-size: 18px;
      left: 0;
      position: absolute;
      top: 2px;
   }

.job-summary .contact-element span.referent {
   border-bottom: 1px solid #aaa;
   font-size: 17px;
   font-weight: lighter;
   margin-bottom: 10px;
}

.job-summary .job-actions.actions a {
   padding: 0 5px;
}

@media(max-width:767px) {
   .manage-jobs .job-title-header span {
      background-color: transparent;
      color: var(--main-color);
      padding: 0;
      margin-bottom: 10px;
      margin-top: -10px;
      font-size: 18px;
      font-weight: 600;
   }

   .manage-jobs .job-actions.actions a.action-blue span {
      min-height: 65px;
   }

   .manage-jobs #modalAddJobSteps .input-group {
      padding-left: 20px;
   }

      .manage-jobs #modalAddJobSteps .input-group input {
         position: absolute;
         left: 0;
      }
}
/*------------------------------------------------------------------------------------------------------------------------------*/



/* Preventivi
------------------------------------------------------------------------------------------------- */
.manage-preventives .preventive-header .month-select {
   float: none;
   display: inline-block;
   padding: 0;
   max-width: 200px;
}

   .manage-preventives .preventive-header .month-select select {
      height: 38px;
      border-radius: 6px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      color: #0e1726;
   }

.manage-preventives .year-header {
   margin-bottom: 20px;
}

.manage-preventives .cash-movement-year-header {
   margin-bottom: 15px;
}

   .manage-preventives .cash-movement-year-header .current-year {
      background-color: #0e1726;
      color: #FFF;
      display: inline-block;
      font-size: 19px;
      font-weight: 600;
      padding: 5px 20px;
      border-radius: 6px;
      line-height: 25px;
   }


.manage-preventives #modalHtmlElectronicInvoiceDocument .headBorder {
   padding: 20px;
}

   .manage-preventives #modalHtmlElectronicInvoiceDocument .headBorder .headContent {
      margin: 0;
   }

.manage-preventives #modalHtmlElectronicInvoiceDocument #fattura-elettronica > table {
   margin: 0 auto;
}

.manage-preventives .preventives-grid .accepted-preventive {
   background-color: #C5E5C5;
}

.manage-preventives .preventives-grid .canceled-preventive {
   background-color: #FFE97F;
}

.manage-preventives .table-responsive {
   height: auto;
   overflow-x: unset;
}

   .manage-preventives .table-responsive label.validation-error-label {
      bottom: -5px;
   }
/* ---------------------------------------------------------------------------------------------- */



/* Tab
------------------------------------------------------------------------------------------------- */
.nav-tabs-content {
   padding: 20px 0;
}

.nav-tabs-title {
   background-color: var(--main-color);
   display: inline-block;
   color: #FFF;
   margin-left: 15px;
   padding: 5px 15px;
   font-weight: 600;
   margin-bottom: 10px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Prefatture
------------------------------------------------------------------------------------------------- */
.manage-preinvoices .preinvoice-header .month-select {
   float: none;
   display: inline-block;
   padding: 0;
   max-width: 200px;
}

   .manage-preinvoices .preinvoice-header .month-select select {
      height: 38px;
      border-radius: 6px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      color: #0e1726;
   }

.manage-preinvoices .year-header {
   margin-bottom: 20px;
}

.manage-preinvoices .cash-movement-year-header {
   margin-bottom: 15px;
}

   .manage-preinvoices .cash-movement-year-header .current-year {
      background-color: #0e1726;
      color: #FFF;
      display: inline-block;
      font-size: 19px;
      font-weight: 600;
      padding: 5px 20px;
      border-radius: 6px;
      line-height: 25px;
   }

.manage-preinvoices .table-responsive {
   height: auto;
   overflow-x: unset;
}

   .manage-preinvoices .table-responsive label.validation-error-label {
      bottom: -5px;
   }

.manage-preinvoices .preinvoices-grid .is-open {
   background-color: #bbddff;
}

.manage-preinvoices .preinvoices-blocks .item-block .status-APERTA > strong {
   background-color: #5e8dd7;
   color: #FFF;
   padding: 2px 10px;
   font-size: 14px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Documenti di trasporto DDT
------------------------------------------------------------------------------------------------- */
.manage-transport-documents .transport-document-header .month-select {
   float: none;
   display: inline-block;
   padding: 0;
   max-width: 200px;
}

   .manage-transport-documents .transport-document-header .month-select select {
      height: 38px;
      border-radius: 6px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      color: #0e1726;
   }

.manage-transport-documents .year-header {
   margin-bottom: 20px;
}

.manage-transport-documents .cash-movement-year-header {
   margin-bottom: 15px;
}

   .manage-transport-documents .cash-movement-year-header .current-year {
      background-color: #0e1726;
      color: #FFF;
      display: inline-block;
      font-size: 19px;
      font-weight: 600;
      padding: 5px 20px;
      border-radius: 6px;
      line-height: 25px;
   }

.manage-transport-documents .table-responsive {
   height: auto;
   overflow-x: unset;
}

   .manage-transport-documents .table-responsive label.validation-error-label {
      bottom: -5px;
   }


.manage-transport-documents .transport-document .panel-header .panel-header-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.manage-transport-documents tr.crm td,
.manage-transport-documents div.item-header.crm {
   background-color: var(--box-blue-color);
}

/* ---------------------------------------------------------------------------------------------- */




/* Scadenze amministrative
------------------------------------------------------------------------------------------------- */
.manage-administrative-activities tr.is-expired,
.manage-administrative-activities div.is-expired {
   background-color: #FFAAAA !important;
}

   .manage-administrative-activities div.is-expired > .panel-header {
      background-color: #FFAAAA !important;
   }

.manage-administrative-activities tr.is-sent-data-to-distributor-null,
.manage-administrative-activities div.box.is-sent-data-to-distributor-null {
   background-color: #F5A03F !important;
}

.manage-administrative-activities div.is-sent-data-to-distributor-null > .panel-header {
   background-color: #F5A03F !important;
}

.manage-administrative-activities tr.fields {
   background-color: #EDF5FD !important;
}

.manage-administrative-activities tr.is-near-to-expiration,
.manage-administrative-activities div.box.is-near-to-expiration {
   background-color: #FDEFA7 !important;
}

.manage-administrative-activities div.is-near-to-expiration > .panel-header {
   background-color: #FDEFA7 !important;
}

.manage-administrative-activities .administrative-activity-category .customers.items .panel-element .panel-content,
.manage-administrative-activities .administrative-activity-category .company-codes.items .panel-elemen t .panel-content,
.manage-administrative-activities .administrative-activity-category .plants.items .panel-element .panel-content,
.manage-administrative-activities .administrative-activity-category .custom-groups.items .panel-element .panel-content {
   background-color: #F3F3F3;
}

.manage-administrative-activities .administrative-activity-category .panel-element {
   margin-bottom: 0;
   border-radius: 0;
   box-shadow: none;
   border-bottom: 1px solid #DDD;
}

   .manage-administrative-activities .administrative-activity-category .panel-element .panel-header {
      border-bottom: none;
      cursor: pointer;
      background-color: #EDF5FD;
   }

      .manage-administrative-activities .administrative-activity-category .panel-element .panel-header h2 {
         margin: 10px 15px;
         font-size: 17px;
      }

   .manage-administrative-activities .administrative-activity-category .panel-element.collapsed .panel-header {
      background-color: #FFF;
   }

   .manage-administrative-activities .administrative-activity-category .panel-element .panel-header .actions > a {
      width: 25px;
      height: 25px;
      line-height: 25px;
      font-size: 14px;
      margin: 7px 15px;
      color: #262626;
      border-color: #262626;
   }

      .manage-administrative-activities .administrative-activity-category .panel-element .panel-header .actions > a:hover {
         background-color: #262626;
         color: #FFF;
      }

   .manage-administrative-activities .administrative-activity-category .panel-element .panel-content {
      padding: 10px 0;
   }

.manage-administrative-activities .administrative-activity-category .search-field {
   margin: -10px 0;
   background-color: #eaeaea;
   padding: 10px;
}

   .manage-administrative-activities .administrative-activity-category .search-field .form-group {
      margin: 0;
   }

.manage-administrative-activities .administrative-activity-category .customer.item .panel-element .panel-header h2,
.manage-administrative-activities .administrative-activity-category .company-codes.items .panel-element .panel-header h2,
.manage-administrative-activities .administrative-activity-category .plants.items .panel-element .panel-header h2,
.manage-administrative-activities .administrative-activity-category .custom-groups.items .panel-element .panel-header h2 {
   font-size: 15px;
   margin: 0 5px;
   font-weight: 600;
   padding: 0 10px;
}

.manage-administrative-activities .administrative-activity-category .customers.items .panel-element .panel-header .actions > span,
.manage-administrative-activities .administrative-activity-category .company-codes.items .panel-element .panel-header .actions > span,
.manage-administrative-activities .administrative-activity-category .plants.items .panel-element .panel-header .actions > span,
.manage-administrative-activities .administrative-activity-category .custom-groups.items .panel-element .panel-header .actions > span {
   border: none;
   height: 20px;
   width: 20px;
   margin: 0 10px;
   color: #0e1726;
}

.manage-administrative-activities .administrative-activity-category .customers.items .panel-element .panel-header,
.manage-administrative-activities .administrative-activity-category .company-codes.items .panel-element .panel-header,
.manage-administrative-activities .administrative-activity-category .plants.items .panel-element .panel-header,
.manage-administrative-activities .administrative-activity-category .custom-groups.items .panel-element .panel-header {
   position: relative;
   padding-left: 6px;
}

   .manage-administrative-activities .administrative-activity-category .customers.items .panel-element .panel-header .delete-item-from-category,
   .manage-administrative-activities .administrative-activity-category .company-codes.items .panel-element .panel-header .delete-item-from-category,
   .manage-administrative-activities .administrative-activity-category .plants.items .panel-element .panel-header .delete-item-from-category,
   .manage-administrative-activities .administrative-activity-category .custom-groups.items .panel-element .panel-header .delete-item-from-category {
      position: absolute;
      left: 0;
      font-size: 14px;
      top: 2px;
   }

.manage-administrative-activities .administrative-activity-category .customers.items .panel-element,
.manage-administrative-activities .administrative-activity-category .company-codes.items .panel-element,
.manage-administrative-activities .administrative-activity-category .plants.items .panel-element,
.manage-administrative-activities .administrative-activity-category .custom-groups.items .panel-element {
   margin: 0;
}

.manage-administrative-activities .administrative-activity-category .customers.items,
.manage-administrative-activities .administrative-activity-category .company-codes.items,
.manage-administrative-activities .administrative-activity-category .plants.items,
.manage-administrative-activities .administrative-activity-category .custom-groups.items {
   padding: 15px;
}

   .manage-administrative-activities .administrative-activity-category .customers.items .panel-element .panel-header:hover,
   .manage-administrative-activities .administrative-activity-category .company-codes.items .panel-element .panel-header:hover,
   .manage-administrative-activities .administrative-activity-category .plants.items .panel-element .panel-header:hover,
   .manage-administrative-activities .administrative-activity-category .custom-groups.items .panel-element .panel-header:hover {
      background-color: #DDD;
      cursor: pointer;
   }

   .manage-administrative-activities .administrative-activity-category .customers.items .panel-element .panel-header .actions > span:hover,
   .manage-administrative-activities .administrative-activity-category .company-codes.items .panel-element .panel-header .actions > span:hover,
   .manage-administrative-activities .administrative-activity-category .plants.items .panel-element .panel-header .actions > span:hover,
   .manage-administrative-activities .administrative-activity-category .custom-groups.items .panel-element .panel-header .actions > span:hover {
      background-color: transparent;
      color: var(--main-color);
   }


.manage-administrative-activities .administrative-activity-category .customer.item .panel-element .panel-content,
.manage-administrative-activities .administrative-activity-category .company-code.item .panel-element .panel-content,
.manage-administrative-activities .administrative-activity-category .plant.item .panel-element .panel-content,
.manage-administrative-activities .administrative-activity-category .custom-group.item .panel-element .panel-content {
   padding: 20px 50px 50px;
}

   .manage-administrative-activities .administrative-activity-category .customer.item .panel-element .panel-content legend,
   .manage-administrative-activities .administrative-activity-category .company-code.item .panel-element .panel-content legend,
   .manage-administrative-activities .administrative-activity-category .plant.item .panel-element .panel-content legend,
   .manage-administrative-activities .administrative-activity-category .custom-group.item .panel-element .panel-content legend {
      background-color: #0e1726;
      color: #FFF;
      font-weight: bold;
      font-size: 18px;
      text-transform: uppercase;
   }

   .manage-administrative-activities .administrative-activity-category .customer.item .panel-element .panel-content .administrative-activities-table,
   .manage-administrative-activities .administrative-activity-category .company-code.item .panel-element .panel-content .administrative-activities-table,
   .manage-administrative-activities .administrative-activity-category .plant.item .panel-element .panel-content .administrative-activities-table,
   .manage-administrative-activities .administrative-activity-category .custom-group.item .panel-element .panel-content .administrative-activities-table {
      padding: 0;
   }

/*Categorie*/
.manage-administrative-activity-categories .form-group.has-fields:after {
   clear: both;
   content: ".";
   height: 0;
   visibility: hidden;
   display: block;
}

.manage-administrative-activity-categories .form-group.has-fields {
   margin-bottom: 0;
   border-top: 1px solid #eaeaea;
   padding-top: 10px;
   padding-bottom: 10px;
}

   .manage-administrative-activity-categories .form-group.has-fields .single-checkbox {
      margin-top: 25px;
   }

.manage-administrative-activity-categories .single-checkbox .checkbox-container span {
   font-weight: 800;
}

.section.manage-administrative-activities .btn-content {
   text-align: right;
   margin-bottom: 15px;
}

.section.manage-administrative-activities .block-visualization .item-block {
   position: relative;
}

   .section.manage-administrative-activities .block-visualization .item-block .item-info {
      border-top: none;
      padding-left: 160px;
   }

   .section.manage-administrative-activities .block-visualization .item-block .item-actions {
      position: absolute;
      border: none;
      top: 0;
   }

.section.manage-administrative-activities .block-visualization .fields-data {
   background-color: #EDF5FD !important;
   margin-top: -10px;
   padding-top: 10px;
}


@media(max-width:767px) {
   .manage-administrative-activities .administrative-activity-category .customer.item .panel-element .panel-content,
   .manage-administrative-activities .administrative-activity-category .company-code.item .panel-element .panel-content,
   .manage-administrative-activities .administrative-activity-category .plant.item .panel-element .panel-content,
   .manage-administrative-activities .administrative-activity-category .custom-group.item .panel-element .panel-content {
      padding: 15px;
   }

   .section.manage-administrative-activities .block-visualization .item-block .item-actions {
      position: relative;
   }

   .section.manage-administrative-activities .block-visualization .item-block .item-info {
      padding-left: 10px;
   }

   .manage-administrative-activities .administrative-activity-category .panel-element .panel-header {
      position: relative;
      right: 0;
   }

      .manage-administrative-activities .administrative-activity-category .panel-element .panel-header h2 {
         font-size: 16px;
         margin: 10px 0 10px 10px;
         padding-right: 34px;
      }

      .manage-administrative-activities .administrative-activity-category .panel-element .panel-header .actions > a {
         margin: 7px;
      }

      .manage-administrative-activities .administrative-activity-category .panel-element .panel-header .actions {
         position: absolute;
         right: -2px;
         top: 0;
      }

   .manage-administrative-activities .administrative-activity-category .search-field {
      padding: 10px 0;
   }

      .manage-administrative-activities .administrative-activity-category .search-field .form-group input.input-type-checkbox {
         position: absolute;
         left: -17px;
         top: 2px;
      }

      .manage-administrative-activities .administrative-activity-category .search-field .form-group.single-checkbox {
         padding-left: 35px;
      }
}

.manage-administrative-activities div.multiple-plant span.customer-name {
   display: none;
}


.item-title .panel-header {
   width: fit-content;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
   /* display: flex; */
   /* align-items: baseline; */
   /* align-content: center; */
   /* flex-direction: column-reverse; */
   background-color: var(--main-color) !important;
   pointer-events: none;
}

   .item-title .panel-header h2 {
      color: white;
      font-weight: 900;
   }
.multiple-plant h2 {
padding-left: 30px !important;
}

.manage-administrative-activities .administrative-activity-category .plants.items .multiple-plant .panel-element .panel-header .delete-item-from-category {
   left: 23px;
}

/* ---------------------------------------------------------------------------------------------- */
/* Connessioni
------------------------------------------------------------------------------------------------- */
.manage-connections .connection-header .month-select {
   float: none;
   display: inline-block;
   padding: 0;
   max-width: 200px;
}

   .manage-connections .connection-header .month-select select {
      height: 38px;
      border-radius: 6px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      color: #0e1726;
   }

.manage-connections .year-header {
   margin-bottom: 20px;
}

.manage-connections .table-responsive {
   height: auto;
   overflow-x: unset;
}

   .manage-connections .table-responsive label.validation-error-label {
      bottom: -5px;
   }

.manage-connections .grid .is-open {
   background-color: #bbddff;
}

.manage-connections tr.connection-status-started td:last-child {
   background-color: #1abc9c !important;
}

.manage-connections tr.connection-status-rejected td:last-child {
   background-color: #f15c5c !important;
}

.manage-connections tr.connection-status-waiting td:last-child {
   background-color: #f2eb6a !important;
}

.manage-connections tr.connection-status-completed td:last-child {
   background-color: #a4fa87 !important;
}

.manage-connections .panel-header.disabled {
   background-color: #dcdada;
}

   .manage-connections .panel-header.disabled a {
      display: none !important;
   }
/* ---------------------------------------------------------------------------------------------- */


/* Programmi con doppia visualizzazione tabella - griglia
------------------------------------------------------------------------------------------------- */
/*Intestazione*/
.header-list {
   margin-bottom: 20px;
   font-size: 14px;
}

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

   .header-list .btn-add {
      background-color: #B7E000;
      color: #FFF;
      padding: 8px 15px;
      display: inline-block;
      border-radius: 5px;
   }

      .header-list .btn-add:hover {
         background-color: #0e1726;
      }

   .header-list .btn-red {
      padding: 8px 15px;
      display: inline-block;
      border-radius: 5px;
   }

      .header-list .btn-red:hover {
         background-color: #0e1726;
      }

   .header-list .right-actions {
      display: inline-block;
      float: right;
   }

   .header-list .menu-sort-container {
      position: relative;
      display: inline-block;
   }

      .header-list .menu-sort-container .sort-selected {
         background-color: #FFF;
         display: inline-block;
         padding: 8px 10px;
         border-radius: 5px;
         cursor: pointer;
      }

         .header-list .menu-sort-container .sort-selected:hover {
            background-color: #DBE6F5;
         }

         .header-list .menu-sort-container .sort-selected .sort-value {
            font-weight: bold;
         }

      .header-list .menu-sort-container .option-container {
         position: absolute;
         background-color: #FFF;
         width: 149px;
         top: 34px;
         border-radius: 0 0 5px 5px;
         padding: 10px 0;
         display: none;
         z-index: 9;
         box-shadow: 0px 6px 8px #aaa;
      }

         .header-list .menu-sort-container .option-container .item {
            display: block;
            color: #262626;
            margin-bottom: 5px;
            position: relative;
            padding-left: 25px;
            text-align: left;
         }

            .header-list .menu-sort-container .option-container .item span {
               background-color: #CCC;
               width: 8px;
               height: 8px;
               border-radius: 50%;
               display: block;
               position: absolute;
               left: 11px;
               top: 6px;
            }

            .header-list .menu-sort-container .option-container .item.active span,
            .header-list .menu-sort-container .option-container .item:hover span {
               background-color: var(--main-color);
            }

            .header-list .menu-sort-container .option-container .item.active {
               color: var(--main-color);
            }

   .header-list .download-action {
      background-color: #DBE6F5;
      color: #0e1726;
      display: inline-block;
      padding: 7px 15px;
      border-radius: 5px;
      margin-left: 5px;
   }

      .header-list .download-action:hover {
         background-color: #0e1726;
         color: #FFF;
      }

      .header-list .download-action i {
         margin-right: 3px;
      }

.modal-actions-list .actions-list a.btn-download {
   display: block;
   margin-bottom: 10px;
   text-align: center;
   padding: 8px;
   background-color: var(--main-color);
   color: #FFF;
}

   .modal-actions-list .actions-list a.btn-download:last-child {
      margin-bottom: 0;
   }

   .modal-actions-list .actions-list a.btn-download i {
      margin-right: 8px;
   }

   .modal-actions-list .actions-list a.btn-download:hover {
      background-color: #0e1726;
   }

.modal-actions-list .modal-download-fields {
   padding: 15px;
   background-color: #f1f2f3;
   margin-bottom: 10px;
}

   .modal-actions-list .modal-download-fields .modal-btn {
      text-align: center;
      margin-top: 10px;
   }

.header-list .toggle-visualization {
   background-color: #DBE6F5;
   display: inline-block;
   color: #0e1726;
   padding: 6px 0;
   border-radius: 5px;
   margin-left: 3px;
   width: 36px;
   text-align: center;
}

   .header-list .toggle-visualization:hover {
      background-color: #0e1726;
      color: #FFF;
   }

/*Griglia*/
.block-visualization {
   margin: 0 -5px;
}

   .block-visualization > div {
      padding: 0 5px;
   }

   .block-visualization .item-block {
      background-color: #FFF;
      margin-bottom: 10px;
      border-radius: 5px;
      cursor: pointer;
      border: 1px solid #999;
   }

   .block-visualization .item-block:hover {
      background-color: #eaeaea;
   }

      .block-visualization .item-block .item-header {
         padding: 10px;
         border-radius: 5px 5px 0 0;
      }

         .block-visualization .item-block .item-header .name {
            font-weight: 600;
            display: block;
            font-size: 20px;
         }

         .block-visualization .item-block .item-header .short-info {
            color: #AAA;
            font-size: 16px;
         }

            .block-visualization .item-block .item-header .short-info.black {
               color: #0e1726;
            }

      .block-visualization .item-block .item-info {
         border-top: 1px solid #eaeaea;
         padding: 5px 10px;
         font-size: 17px;
      }

         .block-visualization .item-block .item-info .info.note {
            font-size: 15px;
         }

      .block-visualization .item-block .item-actions {
         border-top: 1px solid #eaeaea;
         padding: 10px;
         text-align: center;
      }

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

         .block-visualization .item-block .item-actions a {
            display: inline-block;
            font-size: 14px;
            padding: 10px 5px 8px;
            border-radius: 5px;
            min-width: 62px;
         }

            .block-visualization .item-block .item-actions a i {
               display: block;
            }

         .block-visualization .item-block .item-actions.actions-big a {
            width: 50%;
            float: left;
            border: 2px solid #FFF;
         }

            .block-visualization .item-block .item-actions.actions-big a i {
               display: inline-block;
               margin-right: 4px;
            }

@media(max-width:1300px) {
   .block-visualization .item-block .item-actions a {
      font-size: 12px;
      padding: 10px 3px 8px;
   }
}

@media(max-width:767px) {
   .header-list .btn-add {
      display: block;
      text-align: center;
      padding: 5px;
   }

   .header-list .btn-red {
      display: block;
      text-align: center;
      padding: 5px;
   }

   .header-list .right-actions {
      float: none;
      text-align: center;
      display: block;
      margin-top: 10px;
   }

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

   .block-visualization .item-block .item-header,
   .block-visualization .item-block,
   .block-visualization .item-block .item-info {
      min-height: auto !important;
   }

      .block-visualization .item-block .item-header .name,
      .block-visualization .item-block .item-info {
         font-size: 15px;
      }

      .block-visualization .item-block .item-header .short-info {
         font-size: 12px;
      }

   .modal-actions-list .modal-download-fields .modal-btn a {
      display: block;
      margin-top: 3px;
   }
}

/*Actions in testata del blocco*/
.block-visualization .item-block .item-header.item-header-actions {
   position: relative;
   padding-right: 40px;
}

   .block-visualization .item-block .item-header.item-header-actions .header-actions {
      position: absolute;
      right: 5px;
      top: 5px;
   }


      .block-visualization .item-block .item-header.item-header-actions .header-actions .header-actions-container {
         position: relative;
      }

      .block-visualization .item-block .item-header.item-header-actions .header-actions .toggle-header-actions {
         background-color: #DBE6F5;
         display: block;
         width: 30px;
         height: 30px;
         line-height: 30px;
         text-align: center;
         border-radius: 5px;
         margin-bottom: 3px;
      }

         .block-visualization .item-block .item-header.item-header-actions .header-actions .toggle-header-actions:hover {
            background-color: #0e1726;
            color: #FFF;
         }

      .block-visualization .item-block .item-header.item-header-actions .header-actions .header-actions-list {
         position: absolute;
         background-color: #DBE6F5;
         right: 0;
      }

         .block-visualization .item-block .item-header.item-header-actions .header-actions .header-actions-list a {
            display: block;
            white-space: nowrap;
            color: #0e1726;
            padding: 5px 10px;
            border-bottom: 1px solid #FFF;
            font-size: 15px;
         }

            .block-visualization .item-block .item-header.item-header-actions .header-actions .header-actions-list a i {
               margin-right: 5px;
            }

            .block-visualization .item-block .item-header.item-header-actions .header-actions .header-actions-list a:hover {
               background-color: #0e1726;
               color: #FFF;
            }

/*Griglia in panel*/
.panel-content .block-visualization .item-block {
   background-color: #F7F7F7;
}

/*Posizione*/
.block-visualization .item-block .item-header.item-header-position {
   position: relative;
   padding-top: 25px;
}

   .block-visualization .item-block .item-header.item-header-position .header-position {
      position: absolute;
      top: -5px;
      left: 50%;
      margin-left: -27px;
   }

      .block-visualization .item-block .item-header.item-header-position .header-position a {
         background-color: #CCC;
         color: #FFF;
         width: 25px;
         display: inline-block;
         text-align: center;
         line-height: 23px;
      }

         .block-visualization .item-block .item-header.item-header-position .header-position a:hover {
            background-color: var(--main-color);
         }

.block-visualization .item-block .item-info .info-Si > strong {
   background-color: #9CC738;
   color: #FFF;
   padding: 2px 10px;
   font-size: 14px;
}

.block-visualization .item-block .item-info .info-No > strong {
   background-color: #D9052C;
   color: #FFF;
   padding: 2px 10px;
   font-size: 14px;
}

.block-visualization .item-block .item-info .info.info-link a {
   color: #0e1726;
}

   .block-visualization .item-block .item-info .info.info-link a:hover {
      color: var(--main-color);
   }
/* ---------------------------------------------------------------------------------------------- */



/* Specifiche griglia box per Magazzino
------------------------------------------------------------------------------------------------- */
.header-list .products-info {
   display: inline-block;
   margin-left: 15px;
   font-size: 17px;
}

   .header-list .products-info span + span:before {
      content: "|";
      margin: 0 8px;
   }

.products-blocks .block-visualization .item-block .item-header .name {
   color: #FFF;
}

@media(max-width:991px) {
   .products-blocks .header-list .products-info > span {
      display: block;
   }

   .products-blocks .header-list .products-info span + span::before {
      display: none;
   }

   .products-blocks .header-list .products-info {
      margin-top: -17px;
      padding-top: 15px;
   }

   .products-blocks .header-list .btn-add {
      float: left;
   }
}

@media(max-width:767px) {
   .products-blocks .header-list .btn-add {
      float: none;
   }

   .products-blocks .header-list .products-info {
      margin-top: 10px;
      padding: 0;
      margin-left: 0;
      text-align: center;
      display: block;
   }

   .products-grid .header-list .products-info {
      display: block;
      margin-top: 10px;
      margin-left: 0;
   }

      .products-grid .header-list .products-info > span {
         display: block;
         text-align: center;
      }

      .products-grid .header-list .products-info span + span:before {
         display: none;
      }
}
/* ---------------------------------------------------------------------------------------------- */



/* Fatture
------------------------------------------------------------------------------------------------- */
.manage-invoices .invoice-header .month-select {
   float: none;
   display: inline-block;
   padding: 0;
   max-width: 200px;
}

   .manage-invoices .invoice-header .month-select select {
      height: 38px;
      border-radius: 6px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      color: #0e1726;
   }

.manage-invoices .year-header {
   margin-bottom: 20px;
}

.manage-invoices .cash-movement-year-header {
   margin-bottom: 15px;
}

   .manage-invoices .cash-movement-year-header .current-year {
      background-color: #0e1726;
      color: #FFF;
      display: inline-block;
      font-size: 19px;
      font-weight: 600;
      padding: 5px 20px;
      border-radius: 6px;
      line-height: 25px;
   }

.manage-invoices invoices-grid table .purchase-take-vision {
   font-weight: bold;
}


.manage-invoices #modalHtmlElectronicInvoiceDocument .headBorder {
   padding: 20px;
}

   .manage-invoices #modalHtmlElectronicInvoiceDocument .headBorder .headContent {
      margin: 0;
   }

.manage-invoices #modalHtmlElectronicInvoiceDocument #fattura-elettronica > table {
   margin: 0 auto;
}

.manage-invoices #modalInvoiceItem .additional-management-data-panel {
   margin-top: 15px;
}

.manage-invoices .invoice-header,
.manage-preventives .preventive-header,
.manage-preinvoices .preinvoice-header,
.manage-transport-documents .transport-document-header {
   border-bottom: 1px solid #CCC;
   margin-bottom: 10px;
}

.manage-invoices .invoices-blocks .header-list .invoices-info,
.manage-preventives .preventives-blocks .header-list .preventives-info,
.manage-preinvoices .preinvoices-blocks .header-list .preinvoices-info,
.manage-transport-documents .transport-documents-blocks .header-list .transport-documents-info {
   margin-top: 20px;
}

   .manage-invoices .invoices-blocks .header-list .invoices-info .title,
   .manage-preventives .preventives-blocks .header-list .preventives-info .title,
   .manage-preinvoices .preinvoices-blocks .header-list .preinvoices-info .title,
   .manage-transport-documents .transport-documents-blocks .header-list .transport-documents-info .title {
      display: block;
      font-size: 18px;
   }

.manage-invoices .invoices-blocks .item-block,
.manage-preventives .preventives-blocks .item-block,
.manage-preinvoices .preinvoices-blocks .item-block,
.manage-transport-documents .transport-documents-blocks .item-block {
   border: 1px solid #999;
}

   .manage-invoices .invoices-blocks .item-block .invoice-code,
   .manage-preventives .preventives-blocks .item-block .preventive-code,
   .manage-transport-documents .transport-documents-blocks .item-block .transport-document-code {
      display: inline-block;
      background-color: #0e1726;
      color: #FFF;
      height: 24px;
      padding: 3px 5px;
      line-height: 19px;
      font-size: 18px;
   }

   .manage-invoices .invoices-blocks .item-block .info-payment.info-Si > strong,
   .manage-preventives .preventives-blocks .item-block .status-ACCETTATO > strong {
      background-color: #9CC738;
      color: #FFF;
      padding: 2px 10px;
      font-size: 14px;
   }

   .manage-invoices .invoices-blocks .info-payment.info-No > strong,
   .manage-preventives .preventives-blocks .item-block .status-ANNULLATO > strong {
      background-color: #D9052C;
      color: #FFF;
      padding: 2px 10px;
      font-size: 14px;
   }

.manage-invoices .invoices-blocks .item-header.item-header-actions .sdi {
   color: #FFF;
   width: 30px;
   display: block;
   border-radius: 5px;
   height: 30px;
   line-height: 30px;
   font-size: 14px;
   text-align: center;
}

.manage-invoices .invoices-blocks .item-header.document-confirmed .sdi {
   background-color: #9CC738;
}

.manage-invoices .invoices-blocks .item-header.document-error .sdi {
   background-color: #D9052C;
}

.manage-invoices .invoices-blocks .item-header.document-sent .sdi {
   background-color: #F9C20F;
}

.manage-invoices .invoices-blocks .item-header.document-no-answer .sdi {
   background-color: #CCC;
}

.manage-invoices .invoice .invoice-items-blocks .block-visualization .item-block .item-header .name,
.manage-preventives .preventive .preventive-items-blocks .block-visualization .item-block .item-header .name,
.manage-preinvoices .preinvoice .preinvoice-items-blocks .block-visualization .item-block .item-header .name,
.manage-transport-documents .transport-document .transport-document-items-blocks .block-visualization .item-block .item-header .name {
   font-size: 16px;
   font-weight: normal;
}

.manage-invoices .btn-green {
   background-color: green;
}

.manage-invoices .btn-blue {
   background-color: blue;
}

.manage-invoices .btn-red {
   background-color: red;
}

.manage-invoices .invoices .invoice-type-S td,
.manage-invoices .invoices .item-header.invoice-type-S,
.manage-invoices .invoice .panel-header.invoice-type-S {
   background-color: #d2ffcd;
}

.manage-invoices .invoices .invoice-type-C td,
.manage-invoices .invoices .item-header.invoice-type-C,
.manage-invoices .invoice .panel-header.invoice-type-C {
   background-color: #bae1ff;
}


/* ---------------------------------------------------------------------------------------------- */


/* Produzione
------------------------------------------------------------------------------------------------- */
.manage-productions .production-header .month-select {
   float: none;
   display: inline-block;
   padding: 0;
   max-width: 200px;
}

   .manage-productions .production-header .month-select select {
      height: 38px;
      border-radius: 6px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      color: #0e1726;
   }

.manage-productions .production-header,
.manage-productions .hour-production-header {
   border-bottom: 1px solid #CCC;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

.manage-productions fieldset {
   border: 1px solid var(--main-color);
   padding: 15px;
   margin-bottom: 15px;
   background-color: var(--main-color)26;
}

   .manage-productions fieldset legend {
      border: none;
      width: fit-content;
      margin: 0;
      background-color: var(--main-color);
      color: white;
      line-height: 30px;
   }

.manage-productions .productions-blocks .header-list .productions-info {
   margin-top: 20px;
}

   .manage-productions .productions-blocks .header-list .productions-info .title {
      display: block;
      font-size: 18px;
   }

.manage-productions .productions-blocks .item-block,
.manage-productions .hour-productions-blocks .item-block {
   border: 1px solid #999;
}

.manage-productions .production-header .month-select {
   float: none;
   display: inline-block;
   padding: 0;
   max-width: 200px;
}

   .manage-productions .production-header .month-select select {
      height: 38px;
      border-radius: 6px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      color: #0e1726;
   }

.manage-productions .block-visualization .item-block .item-header .name {
   font-weight: 800;
}

.manage-productions .panel-element .panel-header .actions > span {
   width: 25px;
   height: 25px;
   line-height: 25px;
   font-size: 14px;
   margin: 7px 15px;
   color: #262626;
   border-color: #262626;
}

.manage-productions .counters .counter-header {
   margin: 7px 15px;
   display: block;
   color: #FFF;
   background-color: var(--main-color);
   padding: 5px;
   width: fit-content;
   font-weight: 700;
   clear: both;
   position: relative;
}

   .manage-productions .counters .counter-header.fictitious-header::after {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: var(--main-color);
      content: '';
      position: absolute;
      margin-left: 10px;
      top: 35%;
   }

.manage-productions table tbody td.error,
.manage-productions .block-visualization .item-block .info.error,
.manage-productions .block-visualization .item-block .name.error {
   background-color: #f3c0c0;
}

.manage-productions table thead th.read,
.manage-productions table tbody td.read,
.manage-productions table thead th.total-read-exchange-column,
.manage-productions table tbody td.total-read-exchange-column,
.manage-productions table thead th.total-read-production-column,
.manage-productions table tbody td.total-read-production-column {
   display: none !important;
}

.manage-productions .plant-counters a.delete-plant-counter-button {
   margin-top: 26px;
   position: absolute;
   border-radius: 50%;
   width: 40px;
   height: 40px;
   text-align: center;
   line-height: 40px;
   background-color: #D9052C;
   transition: 0.3s ease all;
   color: white;
}

.manage-productions .plant-counters a.delete-plant-counter-button:hover {
   background-color: red;
}

/* ---------------------------------------------------------------------------------------------- */
/* Paginatore
------------------------------------------------------------------------------------------------- */
div.paginator .pagination {
   display: block;
   text-align: center;
}

   div.paginator .pagination .total-rows {
      display: block;
      color: #999;
      margin-top: 10px;
   }

   div.paginator .pagination a {
      display: inline-block;
      border: 1px solid var(--main-color);
      padding: 0px 5px;
      margin: 0 4px;
   }

      div.paginator .pagination a:hover,
      div.paginator .pagination a.current {
         color: #FFF;
         background-color: var(--main-color);
      }

      div.paginator .pagination a.current {
         cursor: default !important;
         border-color: var(--main-color) !important;
         color: #FFF !important;
      }

         div.paginator .pagination a.current:hover {
            background-color: var(--main-color) !important;
         }

      div.paginator .pagination a.disabled {
         cursor: not-allowed;
         border-color: #aaa;
         color: #aaa;
      }

         div.paginator .pagination a.disabled:hover {
            background-color: transparent;
         }
/* ---------------------------------------------------------------------------------------------- */

div.autocomplete-suggestion {
   white-space: normal !important;
}

   div.autocomplete-suggestion:nth-of-type(odd) {
      background: #efefef;
   }


/* Ordini
------------------------------------------------------------------------------------------------- */
.manage-orders .order-header .year-select {
   float: none;
   display: inline-block;
   padding: 0;
   max-width: 200px;
}

   .manage-orders .order-header .year-select select {
      height: 38px;
      border-radius: 6px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      color: #0e1726;
   }

.manage-orders .year-header {
   margin-bottom: 20px;
}

.manage-orders .cash-movement-year-header {
   margin-bottom: 15px;
}

   .manage-orders .cash-movement-year-header .current-year {
      background-color: #0e1726;
      color: #FFF;
      display: inline-block;
      font-size: 19px;
      font-weight: 600;
      padding: 5px 20px;
      border-radius: 6px;
      line-height: 25px;
   }

.manage-orders .orders table tr.order-completed {
   background-color: var(--box-green-color);
}

.manage-orders .orders table tr.order-not-completed {
   background-color: var(--box-blue-color);
}

.manage-orders .orders table tr.order-in-stand-by {
   background-color: var(--box-orange-color);
}

.manage-orders .orders table tr.order-to-pay {
   background-color: var(--box-blue-color);
}

.manage-orders .table-responsive {
   height: auto;
   overflow-x: unset;
}

   .manage-orders .table-responsive label.validation-error-label {
      bottom: -5px;
   }

.manage-orders .orders table tbody tr td span {
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.manage-orders .nav-tabs-content {
   border: 1px solid #DDD;
   margin-bottom: 30px;
   border-top: none;
   background-color: #fafafa;
   padding: 20px;
}

.manage-orders .nav-tabs > li:first-child > a {
   border-left: 1px solid #eaeaea;
}

.manage-orders .nav-tabs-container .panel-footer {
   background-color: transparent;
   border-top: none;
   padding: 0;
   text-align: center;
}

.manage-orders .order-confirmation-detail-unit-cost.text-right > div,
.manage-orders .order-ready-good-detail-unit-cost > div,
.manage-orders .order-preventive-detail-unit-cost > div {
   position: relative;
}

   .manage-orders .order-confirmation-detail-unit-cost > div input:not(:disabled) + i:hover {
      cursor: pointer;
   }

   .manage-orders .order-confirmation-detail-unit-cost > div i,
   .manage-orders .order-ready-good-detail-unit-cost > div i,
   .manage-orders .order-preventive-detail-unit-cost > div i {
      position: absolute;
      left: 7px;
      top: 9px;
      color: #FFD800;
   }

.manage-orders .order-confirmation-detail-unit-cost > div input.update-product-costs:not(:disabled) {
   background-color: #d4ffd4;
}

.manage-orders .order-ready-good-total-paid-div {
   position: relative;
}

   .manage-orders .order-ready-good-total-paid-div > i {
      position: absolute;
      left: 7px;
      top: 9px;
      color: #FFD800;
   }


.manage-orders .order .panel-subtitle {
   cursor: pointer;
   position: relative;
   padding: 10px 100px 10px 5px;
   margin-bottom: 0;
}

   .manage-orders .order .panel-subtitle .action-right {
      position: absolute;
      right: 5px;
      top: 10px;
   }

      .manage-orders .order .panel-subtitle .action-right a {
         border: 1px solid;
         display: inline-block;
         margin: 0;
         border-radius: 50%;
         width: 30px;
         height: 30px;
         line-height: 30px;
         text-align: center;
         font-size: 16px;
      }

   .manage-orders .order .panel-subtitle:hover {
      background-color: #eaeaea;
      color: var(--main-color);
   }

.manage-orders .order-ready-goods .order-ready-good-container,
.manage-orders .order-arrived-good-container,
.manage-orders .order-documents-container {
   border: 1px dashed;
   padding: 20px;
   border-top: none;
}

.manage-orders .order-ready-goods .btn.create-order-ready-good {
   margin-top: 20px;
   margin-bottom: 20px;
}

.manage-orders .pdf-order-container,
.manage-orders .attachments .attachment {
   margin-top: 10px;
}

.manage-orders .nav-tabs-container a.disabled-tab {
   pointer-events: none;
   background-color: #dadada;
   color: #4c4f53;
}

.manage-orders .order-arrived-goods .btn.close-order {
   margin-top: 20px;
}

.manage-orders table tr.totals {
   background-color: #ffdf0026
}

.manage-orders .order-ready-good-referrer-credit-note-number-input-text {
   display: inline-block;
   width: 200px;
   margin-left: 10px;
}
/* ---------------------------------------------------------------------------------------------- */



/* RMA
------------------------------------------------------------------------------------------------- */
.manage-rmas .rma-header .year-select {
   float: none;
   display: inline-block;
   padding: 0;
   max-width: 200px;
}

   .manage-rmas .rma-header .year-select select {
      height: 38px;
      border-radius: 6px;
      text-transform: uppercase;
      text-align: center;
      font-weight: 600;
      color: #0e1726;
   }

.manage-rmas .year-header {
   margin-bottom: 20px;
}

.manage-rmas .cash-movement-year-header {
   margin-bottom: 15px;
}

   .manage-rmas .cash-movement-year-header .current-year {
      background-color: #0e1726;
      color: #FFF;
      display: inline-block;
      font-size: 19px;
      font-weight: 600;
      padding: 5px 20px;
      border-radius: 6px;
      line-height: 25px;
   }


.manage-rmas .nav-tabs-content {
   border: 1px solid #DDD;
   margin-bottom: 30px;
   border-top: none;
   background-color: #fafafa;
   padding: 20px;
}

.manage-rmas .nav-tabs > li:first-child > a {
   border-left: 1px solid #eaeaea;
}

.manage-rmas .nav-tabs-container .panel-footer {
   background-color: transparent;
   border-top: none;
   padding: 0;
   text-align: center;
}

.manage-rmas .rma .panel-subtitle {
   cursor: pointer;
   position: relative;
   padding: 10px 100px 10px 5px;
   margin-bottom: 0;
}

   .manage-rmas .rma .panel-subtitle .action-right {
      position: absolute;
      right: 5px;
      top: 10px;
   }

      .manage-rmas .rma .panel-subtitle .action-right a {
         border: 1px solid;
         display: inline-block;
         margin: 0;
         border-radius: 50%;
         width: 30px;
         height: 30px;
         line-height: 30px;
         text-align: center;
         font-size: 16px;
      }

   .manage-rmas .rma .panel-subtitle:hover {
      background-color: #eaeaea;
      color: var(--main-color);
   }

.manage-rmas .nav-tabs-container a.disabled-tab {
   pointer-events: none;
   background-color: #dadada;
   color: #4c4f53;
}


.manage-rmas .rma .close-ticket-step-container {
   padding: 10px;
}

.manage-rmas .rma .close-ticket-step-title {
   background-color: var(--main-color);
   color: #FFF;
   padding: 5px;
   width: 100%;
   position: relative;
   display: block;
   text-align: center;
   font-weight: 900;
   font-size: 17px;
}


.manage-rmas .rma .open-ticket .anticipate-product-from-products-container a {
   width: 100%;
   margin-top: 26px;
}

.manage-rmas .rma .close-ticket-step {
   clear: both;
   border: 1px solid var(--main-color);
   padding: 20px;
}

table tbody tr.rma-open-ticket {
   background-color: var(--box-green-color) !important;
}
table tbody tr.rma-approve-ticket {
   background-color: var(--box-blue-color) !important;
}
table tbody tr.rma-close-ticket {
   background-color: var(--box-blue-color) !important;
}
table tbody tr.rma-stand-by {
   background-color: var(--box-orange-color) !important;
}
table tbody tr.rma-closed {
   background-color: var(--box-light-blue-color) !important;
}



table tbody tr.rma-highlighted {
   background-color: var(--box-purple-color) !important;
}
/* ---------------------------------------------------------------------------------------------- */


/* Aziende
------------------------------------------------------------------------------------------------- */
.manage-companies .nav-tabs-content {
   border: 1px solid #DDD;
   margin-bottom: 30px;
   border-top: none;
   background-color: #fafafa;
   padding: 20px;
}

.manage-companies .nav-tabs > li:first-child > a {
   border-left: 1px solid #eaeaea;
}

.manage-companies .nav-tabs-container .panel-footer {
   background-color: transparent;
   border-top: none;
   padding: 0;
   text-align: center;
}
/* ---------------------------------------------------------------------------------------------- */

/* Aggiorna fatture
------------------------------------------------------------------------------------------------- */

.update-invoices-by-bank-documents .paid td {
   background-color: var(--box-green-color);
}

.update-invoices-by-bank-documents .already-paid td {
   background-color: var(--box-blue-color);
}

.update-invoices-by-bank-documents .no-invoice-found td,
.update-invoices-by-bank-documents .not-sure-invoices td {
   background-color: var(--box-red-color);
}

.update-invoices-by-bank-documents td a.invoice-link {
   display: block;
}

.update-invoices-by-bank-documents .download-summary-button {
   font-size: 16px;
   margin-bottom: 5px;
}

/* ---------------------------------------------------------------------------------------------- */

/* Anagrafiche
------------------------------------------------------------------------------------------------- */
.view-anagraphics .multiple-ids .item-header,
.view-anagraphics .multiple-ids td {
   background-color: var(--box-red-color) !important;
}

.view-anagraphics .supplier-button {
   background-color: var(--box-green-color) !important;
}

.view-anagraphics .customer-button {
   background-color: var(--box-blue-color) !important;
}

.view-anagraphics .contact-button {
   background-color: var(--box-yellow-color) !important;
}

.view-anagraphics .get-block-button {
   color: #000 !important;
}
/* ---------------------------------------------------------------------------------------------- */

/* Multiselect con checkbox */
.overSelect {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}

.multiselect {
   position: relative;
}

.checkboxes {
   border: 1px #dadada solid;
   position: relative;
   height: 200px;
   overflow-y: auto;
   overflow-x: hidden;
   background-color: #FFFFFF;
}

   .checkboxes .items {
      position: absolute;
      width: 100%;
   }

   .checkboxes label {
      display: block;
   }

      .checkboxes label > span {
         user-select: none;
      }

      .checkboxes label:hover {
         background-color: #CCCCCC;
      }

.checkboxes-container {
   z-index: 10;
   position: absolute;
   width: 100%;
}


/* Legenda con colori */

.color-legend {
   text-align: right;
}

.colors-legend {
   font-size: 14px;
   /*   width: 20%;*/
}

.color-row {
   display: inline-block;
}

.color-legend .box {
   float: left;
   height: 20px;
   width: 20px;
   margin-bottom: 5px;
   margin-right: 5px;
   border: 1px solid black;
   clear: both;
}

.color-legend div.box.green {
   background-color: var(--box-green-color);
}

.color-legend div.box.yellow {
   background-color: var(--box-yellow-color);
}

.color-legend div.box.orange {
   background-color: var(--box-orange-color);
}

.color-legend div.box.light-blue {
   background-color: var(--box-light-blue-color);
}

.color-legend div.box.blue {
   background-color: var(--box-blue-color);
}

.color-legend div.box.purple {
   background-color: var(--box-purple-color);
}

.color-legend div.box.red {
   background-color: var(--box-red-color);
}
















div.xAxis div.tickLabel {
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg); /* IE 9 */
   -moz-transform: rotate(-45deg); /* Firefox */
   -webkit-transform: rotate(-45deg); /* Safari and Chrome */
   -o-transform: rotate(-45deg); /* Opera */
   margin-top: 30px;
}