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

/* General
------------------------------------------------------------------------------------------------- */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fullscreen-mode {
   overflow: hidden;
}

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

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

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

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

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

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

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



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

.sitehost-id-680 header {
   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #65B1FF, #3982FF) repeat scroll 0 0;
}

.sitehost-id-853 header {
   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d0d0d0, #c0c0c0) repeat scroll 0 0;
}

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

.sitehost-id-680 header .brand {
   background-image: url("../Images/LogoLanzada.png");
}

.sitehost-id-853 header .brand {
   background-image: url("../Images/LogoSalvettiGraneroliEngineering.png");
}

.sitehost-id-978 header .brand {
   background-image: url("../Images/LogoTreemont.png");
}

.sitehost-id-1138 header .brand {
   background-image: url("../Images/LogoNegrini.png");
}

.sitehost-id-1545 header .brand {
   background-image: url("../Images/LogoTekne.png");
}

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

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

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

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


/* Personalizzazione per ObjectWeb
------------------------------------------------------------------------------------------------- */
.sitehost-id-695 header .brand {
   background-image: url("../Images/LogoObjectWeb.png");
}
/* ---------------------------------------------------------------------------------------------- */



/* Personalizzazione per Santa Rita Solar
------------------------------------------------------------------------------------------------- */
.sitehost-id-797 header {
   background: none;
   background-color: #FFFFFF;
}

.sitehost-id-797 header .brand {
   background-image: url("../Images/LogoSantaRitaSolar.png");
}
/* ---------------------------------------------------------------------------------------------- */



/* Personalizzazione per Cabello
------------------------------------------------------------------------------------------------- */
.sitehost-id-812 header .brand {
   background-image: url("../Images/LogoCabello.png");
}
/* ---------------------------------------------------------------------------------------------- */



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



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

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

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

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

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

.panel-element > .panel-content {
   background-color: #fff;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-top: medium none;
   font-size: 13px;
   margin: 0;
   padding: 40px 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 .panel-element {
      padding-left: 20px;
      padding-right: 20px;
   }
/* ---------------------------------------------------------------------------------------------- */



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

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

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

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

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

label {
   font-weight: lighter;
}

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

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

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

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

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

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



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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.breadcrumb > li {
   display: inline;
}

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

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

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



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

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

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

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

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

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

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

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



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



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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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



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



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

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

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


/* Riepilogo Commessa
------------------------------------------------------------------------------------------------- */
.job-summary .job-title-header span {
   display: block;
   text-align: center;
   padding: 10px;
   margin-bottom: 15px;
   background-color: #3276b1;
   color: #FFF;
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 1px;
}

.job-summary .section-title {
   margin-bottom: 20px;
}

.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 a {
   padding: 0 5px;
}

/*
.job-summary .delivery-element {
    background-color: #e9e9e9;
    border-radius: 5px;
    margin: 0 15px 10px;
    padding: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width:900px) {
   #modalAddJob .modal-dialog {
      width: 900px;
   }
}
/* ---------------------------------------------------------------------------------------------- */


/* Commessa
------------------------------------------------------------------------------------------------- */
table.billing tbody tr.be-accounted {
   /*background-color: #FFB2B2;*/
   color: #2c699d;
   font-weight: bold;
}

.job-agend-grid table tbody tr.new-event {
   color: #ff0000;
   font-weight: bold;
}

#modalAddUsers .modal-body .ow-container {
   max-height: 400px;
   overflow: auto;
}
/* ---------------------------------------------------------------------------------------------- */



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

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

.job-summary table.data-per-roles thead tr th,
.job-summary table.billing thead tr th,
.job-summary table.data-per-roles tbody tr td,
.job-summary table.billing tbody tr td {
   text-align: right;
}

.job-summary table.data-per-roles thead tr th:first-child,
.job-summary table.billing thead tr th:first-child,
.job-summary table.data-per-roles tbody tr td:first-child,
.job-summary table.billing tbody tr td:first-child {
   text-align: left;
}

.job-summary table.billing tr th {
   text-align: right;
}

.job-summary table.billing tr td {
   vertical-align: top;
}

.job-summary table.billing tr td span.real-cost {
   display: block;
   font-size: 12px;
   text-decoration: line-through;
}

.job-summary div.job-invoice-summary-grid table tr th.total,
.job-summary div.job-invoice-summary-grid table tr td.total,
.job-summary div.job-invoice-grid table tr th.total,
.job-summary div.job-invoice-grid table tr td.total {
   text-align: right;
}

.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;
}

#modalRapport .input-div input.ow-numbers {
   float: left;
   margin-right: 5px;
   width: 45%;
}


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

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

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

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



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

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

.section.manage-contact .record table th.contact {
}

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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



/* Invoices
------------------------------------------------------------------------------------------------- */
.manage-invoices .grid table tbody tr.inactive {
   background-color: yellow;
}

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

.manage-invoices .grid table tbody tr td.info {
   background-color: inherit;
   width: 45px;
}

.manage-invoices .grid table tbody tr td.info input,
.manage-invoices .grid table tbody tr td.info img {
   float: left;
}

#modalHtmlElectronicInvoiceDocument .modal-dialog {
   width: 830px;
}
/* ---------------------------------------------------------------------------------------------- */



/* CashFlow
------------------------------------------------------------------------------------------------- */
.manage-cash-movements .grid .table-container {
   border: 1px solid #ddd;
   border-radius: 5px;
   margin: 10px;
}

.manage-cash-movements .grid .table-container-header {
   overflow: hidden;
   width: 100%;
}

.manage-cash-movements .grid .table-container-body {
   overflow: auto;
   width: 100%;
}

.manage-cash-movements .grid .table-container-footer {
   overflow: hidden;
   width: 100%;
}

.manage-cash-movements .grid .table-container table {
   margin-bottom: 0px;
   table-layout: fixed;
}

.manage-cash-movements .grid .table {
   border: 0px;
}

.manage-cash-movements .grid .table-container-body table tbody tr.inactive, .manage-vats .grid table tbody tr.inactive {
   background-color: yellow;
}

.manage-cash-movements .grid .table-container-body table tbody tr.active.before-today td {
   background-color: #EAEAEA;
}

.manage-cash-movements .grid .table-container-body table tbody tr td.confirm-payment {
   color: #FF0000 !important;
}

.manage-cash-movements .grid .table-container table td,
.manage-cash-movements .grid .table-container table th {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.manage-cash-movements .grid .table-container table td.td-actions {
   overflow: revert;
   white-space: nowrap;
}

.manage-cash-movements .grid td.td-actions {
   width: 160px;
}

.manage-cash-movements .grid td.date {
   width: 85px;
}

.manage-cash-movements .grid td.riba-type {
   width: 40px;
}

.manage-cash-movements .grid td.text-right {
   width: 85px;
}

.manage-cash-movements .grid td.riba-out {
   color: blue;
}

.manage-cash-movements .grid td.riba-in {
   color: red;
}

.manage-cash-movements .grid table > thead > tr > th,
.manage-cash-movements .grid table > thead > tr > td {
   border-bottom-width: 2px;
}

.manage-cash-movements .grid table > tfoot > tr > th,
.manage-cash-movements .grid table > tfoot > tr > td {
   border-top-width: 2px;
}

.manage-cash-movements .grid table > tfoot > tr > th,
.manage-cash-movements .grid table > tfoot > tr > td {
   border-bottom-width: 0px;
}

.manage-cash-movements .grid table > thead > tr > th:first-child,
.manage-cash-movements .grid table > tbody > tr > th:first-child,
.manage-cash-movements .grid table > tfoot > tr > th:first-child,
.manage-cash-movements .grid table > thead > tr > td:first-child,
.manage-cash-movements .grid table > tbody > tr > td:first-child,
.manage-cash-movements .grid table > tfoot > tr > td:first-child {
   border-left-width: 0px;
}

.manage-cash-movements .grid table > thead > tr > th:last-child,
.manage-cash-movements .grid table > tbody > tr > th:last-child,
.manage-cash-movements .grid table > tfoot > tr > th:last-child,
.manage-cash-movements .grid table > thead > tr > td:last-child,
.manage-cash-movements .grid table > tbody > tr > td:last-child,
.manage-cash-movements .grid tfoot > tr > td:last-child {
   border-right-width: 0px;
}

.manage-cash-movements .grid thead > tr:first-child > th,
.manage-cash-movements .grid thead > tr:first-child > td {
   border-top-width: 0px;
}

.manage-cash-movements .grid tfoot > tr:last-child > th,
.manage-cash-movements .grid tfoot > tr:last-child > td {
   border-bottom-width: 0px;
}
/* ---------------------------------------------------------------------------------------------- */



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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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



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


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

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

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


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



/* Anagrafica comunicazioni
------------------------------------------------------------------------------------------------- */
.manage-customers .panel-communications .panel-content .item .name {
   display: inline-block;
}

.manage-customers .panel-communications .actions .send-email {
   background-color: #FFF;
   display: inline-block;
   padding: 2px 10px;
   font-size: 12px;
   border-radius: 9px;
   color: #4c4f53;
   width: auto;
   height: auto;
   line-height: 14px;
   border: none;
   margin: 0 5px 0 0;
}

.manage-customers .panel-communications .actions .send-email:hover {
  background-color: #4c4f53;
  color: #FFF;
}

.communication-container h2 span.has-items {
    background-color: #3276b1;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    padding: 4px 5px;
    max-height: 18px;
    vertical-align: middle;
    line-height: 9px;
}

.communications {
	border-top: 1px solid #e9e9e9;
}

.communications .item.email,
.communications .item.phone{
    position: relative;
    padding: 5px 20px 5px 65px;
    display: block;
    color: #4c4f53;
    min-height: 50px;
	border-bottom: 1px solid #e9e9e9;
}

.communications a i {
   background-color: #275b89;
   display: block;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   color: #FFF;
   text-align: center;
   line-height: 40px;
   font-size: 25px;
   position: absolute;
   left: 15px;
   top: 5px;
}

.communications .item.email .name,
.communications .item.phone .name{
   font-weight: 600;
}

.communications .item.email .actions,
.communications .item.phone .actions{
    position: absolute;
    right: 28px;
    top: 5px;
}

.communications .item.email .actions .date,
.communications .item.phone .actions .date{
   font-style: italic;
   display: block;
   font-size: 12px;
   margin-bottom: 2px;
}

.communications .item.email .actions .btn-delete,
.communications .item.phone .actions .btn-delete{
   position: relative;
   color: #333;
   font-weight: 600;
}

.communications .item.email .actions .btn-delete i,
.communications .item.phone .actions .btn-delete i{
   background-color: #DD0000;
   color: #FFF;
   display: inline-block;
   padding: 2px 5px;
   border-radius: 5px;
   font-size: 12px;
   margin-left: 5px;
   border-radius: 50%;
   width: 20px;
   height: 20px;
   line-height: 15px;
   position: relative;
   top: -1px;
   left: auto;
}

.communications .item.email .object,
.communications .item.phone .object{
   display: block;
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione comunicazioni
------------------------------------------------------------------------------------------------- */
.manage-communications .grid table tbody tr.to-read, .manage-communications .grid table tbody tr.to-allocate {
   color: #00158E;
}

.manage-communications .grid table tbody tr.to-read {
   font-weight: bold;
}

/*Riaprire modale chiusa email*/
.section.continue-edit-modal {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 999;
  display: none;
}

.section.continue-edit-modal span {
  background-color: #B2DD68;
  width: 40px;
  display: block;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  color: #FFF;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 2px 2px 4px #262626;
}

.section.continue-edit-modal span:hover {
  box-shadow: none;
  background-color: #262626;
}


/* Seleziona documento
------------------------------------------------------------------------------------------------- */
#bodyHtmlDiv iframe, #modalCommunication iframe, #standardBodyHtmlDiv iframe, #bodyTextareaContainer iframe, #manageBansDetails iframe {
   border-bottom: none !important;
   border-right: none !important;
}

#standardUploadAttachment {
   margin-top: 15px;
}

#standardModalSendEmail .attachment-panel .or-label {
   text-align: center;
   font-size: 18px;
   margin-bottom: 10px;
}

#standardModalSendEmail .attachment-panel #standardUploadAnchor {
   text-align: center;
   background-color: #3276b1;
   color: #FFF;
   padding: 7px 0;
   display: block !important;
   margin-bottom: 15px;
   margin-top: 15px;
}


#standardModalSendEmail .attachment-panel .attachment-container .attachment-file .input-div {
   border: 1px solid #999;
   padding: 7px 70px 7px 10px;
   color: #999;
   background-color: #EEE;
   margin-top: 15px;
   cursor: not-allowed;
}

.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: #3276b1;
   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;
}

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



/* Email non lette e contatti collaboratori non letti
------------------------------------------------------------------------------------------------- */
.unread-chats.section,
.unread-email-notifications.section,
.unread-collaborator-contacts.section,
.popup-expirations.section {
   float: right;
   margin-bottom: 0;
   margin-top: 40px;
   position: relative;
}

.unread-chats .button,
.unread-email-notifications .button,
.unread-collaborator-contacts .button,
.popup-expirations .button {
   cursor: pointer;
   margin-right: 15px;
   position: relative;
   /* display: inline-block; */
}

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

.unread-chats .button .number,
.unread-email-notifications .button .number,
.unread-collaborator-contacts .button .number,
.popup-expirations .button .number {
   background-color: #3276b1;
   border-radius: 50%;
   color: #fff;
   display: inline-block;
   font-size: 12px;
   height: 20px;
   line-height: 20px;
   position: absolute;
   right: -8px;
   text-align: center;
   top: -16px;
   width: 20px;
}

.unread-chats .button .number {
	background-color: #00A884;
}

.unread-chats .form,
.unread-email-notifications .form,
.unread-collaborator-contacts .form,
.popup-expirations .form {
   background-color: #fff;
   border: 1px solid #b3b3b3;
   display: none;
   position: absolute;
   right: 15px;
   top: 40px;
   width: 350px;
   z-index: 9999999;
}

.unread-chats .form.active,
.unread-email-notifications .form.active,
.unread-collaborator-contacts .form.active,
.popup-expirations .form.active {
   animation-duration: 0.7s;
   animation-fill-mode: both;
   animation-name: flipInY;
   display: block;
}

.unread-chats .form:after,
.unread-chats .form:before,
.unread-email-notifications .form:after,
.unread-email-notifications .form:before,
.unread-collaborator-contacts .form:after,
.unread-collaborator-contacts .form:before,
.popup-expirations .form:after,
.popup-expirations .form:before {
   border: medium solid transparent;
   bottom: 100%;
   content: " ";
   position: absolute;
}

.unread-chats .form:before,
.unread-email-notifications .form:before,
.unread-collaborator-contacts .form:before,
.popup-expirations .form:before {
   border-color: rgba(131, 131, 131, 0) rgba(131, 131, 131, 0) #838383;
   border-width: 8px;
   right: 6px;
}

.unread-chats .form .header,
.unread-email-notifications .form .header,
.unread-collaborator-contacts .form .header,
.popup-expirations .form .header {
   background: #fafafa none repeat scroll 0 0;
   border-bottom: 1px solid #b3b3b3;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   padding: 10px;
}

.unread-chats .form .header .date,
.unread-email-notifications .form .header .date,
.unread-collaborator-contacts .form .header .date,
.popup-expirations .form .header .date {
   color: #4c4f53;
   font-size: 16px;
   font-weight: 300;
}

.unread-chats .form .header > a,
.unread-email-notifications .form .header > a,
.unread-collaborator-contacts .form .header > a,
.popup-expirations .form .header > a {
   color: #4c4f53;
   float: right;
   font-size: 11px;
}

.unread-chats .form .header > a:hover,
.unread-email-notifications .form .header > a:hover,
.unread-collaborator-contacts .form .header > a:hover,
.popup-expirations .form .header > a:hover {
   text-decoration: underline;
}

.unread-chats .form .body,
.unread-email-notifications .form .body,
.unread-collaborator-contacts .form .body,
.popup-expirations .form .body {
   height: 350px;
   overflow-y: scroll;
}

.unread-chats .form .item,
.unread-email-notifications .form .item,
.unread-collaborator-contacts .form .item,
.popup-expirations .form .item {
   border-bottom: 1px solid #e9e9e9;
   color: #333;
   display: block;
   font-size: 12px;
   min-height: 50px;
   padding: 10px;
   position: relative;
}

.unread-email-notifications .form .item.to-allocate,
.unread-collaborator-contacts .form .item.to-allocate {
   background-color: #ffffe0;
}

.unread-chats .form .item:hover,
.unread-email-notifications .form .item:hover,
.unread-email-notifications .form .item.unread:hover,
.unread-collaborator-contacts .form .item:hover,
.unread-collaborator-contacts .form .item.unread:hover,
.popup-expirations .form .item:hover,
.popup-expirations .form .item.unread:hover {
   background-color: #f0f4f7;
}

.unread-chats .form .item i,
.unread-email-notifications .form .item i.icon,
.unread-collaborator-contacts .form .item i.icon,
.popup-expirations .form .item i.icon {
   background-color: #337ab7;
   color: #fff;
   display: inline-block;
   float: left;
   font-size: 18px;
   height: 30px;
   line-height: 30px;
   margin-bottom: 5px;
   margin-right: 5px;
   text-align: center;
   width: 30px;
}

.unread-chats .form .item i {
	background-color: #00A884;
}

.unread-email-notifications .form .item i.read-icon,
.unread-collaborator-contacts .form .item i.read-icon {
   color: #ccc;
   cursor: pointer;
   font-size: 11px;
   position: absolute;
   right: 3px;
   top: 3px;
}

.unread-email-notifications .form .item i.read-icon:hover,
.unread-collaborator-contacts .form .item i.read-icon:hover {
   color: #333;
}

.unread-email-notifications .form .item .from,
.unread-collaborator-contacts .form .item .from {
   color: #999;
   display: block;
   font-size: 10px;
   margin-top: 5px;
   text-align: right;
}

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

.unread-chats .form .footer a {
	color: #00A884;
}

.unread-email-notifications .item .date, .unread-email-notifications .item .subject,
.unread-collaborator-contacts .item .date, .unread-collaborator-contacts .item .subject,
.popup-expirations .item .date, .popup-expirations .item .description {
   display: block;
}

.unread-email-notifications .item .date,
.unread-collaborator-contacts .item .date {
   font-weight: bold;
}

.unread-chats .form .footer:after,
.unread-email-notifications .form .footer:after,
.unread-collaborator-contacts .form .footer:after,
.popup-expirations .form .footer:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.unread-chats .form .contact-name {
  font-weight:600;
  font-size: 13px;
  display: block;
}

.unread-chats .form .contact-mobile {
  font-size: 10px;
  display: block;
}

.unread-chats .form .last-message-sent-date {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 50%;
  font-size: 8px;
  display: inline-block;
  text-align: center;
  padding: px;
  bottom: 10px;
  font-weight: 600;
  font-weight: 400;
}

.unread-chats .form .unread-messages-number {
  position: absolute;
  right: 10px;
  border-radius: 50%;
  font-size: 10px;
  display: inline-block;
  text-align: center;
  bottom: 10px;
  font-weight: 600;
  font-weight: 400;
  width: 17px;
  height: 17px;
  background-color:#3F4D67;
  color: #fff;
  padding: 1px;
}

.popup-expirations .form .item {
  border-bottom: 1px dashed #333;
  padding: 13px 5px 2px;
  position: relative;
}

.popup-expirations .form .item .date {
  font-weight: normal;
  font-style: italic;
  position: absolute;
  right: 5px;
  font-size: 11px;
  top: 0;
}

.popup-expirations .form .item .anagraph {
  display: block;
  font-weight: 600;
}

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


/*Riaprire modale chiusa email*/
.continue-edit-modal {
   position: fixed;
   right: 10px;
   bottom: 10px;
   z-index: 999;
   display: none;
}

.continue-edit-modal span {
   background-color: #3276b1;
   width: 40px;
   display: block;
   height: 40px;
   border-radius: 50%;
   line-height: 40px;
   color: #FFF;
   font-size: 20px;
   cursor: pointer;
   box-shadow: 2px 2px 4px #262626;
}

.continue-edit-modal span:hover {
   box-shadow: none;
   background-color: #262626;
}
/* ---------------------------------------------------------------------------------------------- */



.manage-cash-movements .grid .table-container-body table tbody tr.active.color-1 td {
   background-color: #ff9d9d;
}
.manage-cash-movements .grid .table-container-body table tbody tr.active.color-2 td {
   background-color: #a3ff9f;
}
.manage-cash-movements .grid .table-container-body table tbody tr.active.color-3 td {
   background-color: #87c7ff;
}
.manage-cash-movements .grid .table-container-body table tbody tr.active.color-4 td {
   background-color: #ffbca2;
}
.manage-cash-movements .grid .table-container-body table tbody tr.active.color-5 td {
   background-color: #ffecae;
}


.manage-holiday-plan .calendar-header {
   margin: 10px 0;
}

.manage-holiday-plan th.weekend,
.manage-holiday-plan td.weekend {
   background-color: #ffc7c7;
}

.manage-holiday-plan th.festivity,
.manage-holiday-plan td.festivity {
   background-color: #f15757;
}

.manage-holiday-plan th.top-left,
.manage-holiday-plan td.full-name {
   border-right: solid 2px;
}

.manage-holiday-plan table.is-administrator tbody tr td.is-holiday {
   cursor: pointer;
}

/*.manage-holiday-plan th.first-day-of-month,
.manage-holiday-plan td.first-day-of-month {
   border-left: 2px solid black;
}*/



.import-exceeded td {
   background-color: #ffe3e3;
}