/*
	SpecificSections.css
	Esseci Studi
	Copyright (c) 2018, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/





/*MARIO*/

.dossier.dossier-isi .step2 .power > .form-group:first-child,
.dossier.dossier-isi .step2 .max-power > .form-group:first-child,
.dossier.dossier-isi .step2 .biased-power > .form-group:first-child,
.dossier.dossier-isi .step2 .dim-weigth > .form-group:first-child,
.dossier.dossier-isi .step2 .dim-height > .form-group:first-child,
.dossier.dossier-isi .step2 .dim-width > .form-group:first-child,
.dossier.dossier-isi .step2 .dim-length > .form-group:first-child,
.dossier.dossier-isi .step2 .performance-parameter-1 > .form-group:first-child,
.dossier.dossier-isi .step2 .performance-parameter-2 > .form-group:first-child,
.dossier.dossier-isi .step2 .performance-parameter-3 > .form-group:first-child,
.dossier.dossier-isi .step2 .performance-parameter-4 > .form-group:first-child {
   padding-left: 45px;
}


.dossier.dossier-isi .step2 .power .input-type-checkbox,
.dossier.dossier-isi .step2 .max-power .input-type-checkbox,
.dossier.dossier-isi .step2 .biased-power .input-type-checkbox,
.dossier.dossier-isi .step2 .dim-weigth .input-type-checkbox,
.dossier.dossier-isi .step2 .dim-height .input-type-checkbox,
.dossier.dossier-isi .step2 .dim-width .input-type-checkbox,
.dossier.dossier-isi .step2 .dim-length .input-type-checkbox,
.dossier.dossier-isi .step2 .performance-parameter-1 .input-type-checkbox,
.dossier.dossier-isi .step2 .performance-parameter-2 .input-type-checkbox,
.dossier.dossier-isi .step2 .performance-parameter-3 .input-type-checkbox,
.dossier.dossier-isi .step2 .performance-parameter-4 .input-type-checkbox {
   position: absolute;
   left: -25px;
   top: -3px;
}


table tbody tr td.mark, table tbody tr td.font-weight {
   font-weight: bold;
}


table thead tr th.col-number, table tbody tr td.col-number {
   text-align: right;
}

table tbody tr td.header {
   font-weight: bold;
}

table.data-table tbody tr td.no-border-bottom {
   border-bottom: none;
}

.form-group label.control-label span {
   color: #AAA;
   font-weight: normal;
}

.dossier input.highlight, .dossier select.highlight, .dossier label.highlight {
   background-color: #FF5A5A;
   color: #FFF;
}

/*Linea di divisione*/
.dossier .divison-line {
   background-color: #EAEAEA;
   height: 1px;
   width: 100%;
   margin: 10px 0 25px;
}

.dossier .panel-inner-title, .manage-anagraphics .panel-inner-title {
   display: block;
   margin: 0 15px 20px;
   background-color: #1AB8DE;
   text-align: center;
   font-weight: bold;
   font-size: 16px;
   color: #FFF;
   padding: 2px 15px;
}

.background-red {
   background-color: #D90329 !important;
   color: #FFFFFF !important;
}

.background-yellow {
   background-color: #FFC900 !important;
   color: #000000 !important;
}

.background-green {
   background-color: #3EB600 !important;
   color: #FFFFFF !important;
}

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


/* General
------------------------------------------------------------------------------------------------- */
body {
   background-color: #F4F7FA;
}

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: 20px;
   margin-bottom: 15px;
   font-weight: bold;
}

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

.btn {
   border-radius: 0;
   text-transform: uppercase;
}

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

.btn-primary {
   background-color: #1AB8DE;
   border-color: #1AB8DE;
   color: #fff;
}

   .btn-primary:focus,
   .btn-primary:hover {
      background-color: #151c33;
      border-color: #151c33;
      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: #5DD55C;
   border-color: #5DD55C;
   color: #FFF;
}

   .btn-green:focus,
   .btn-green:hover {
      background-color: #151c33;
      border-color: #151c33;
      color: #FFF;
   }

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

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

.btn-small {
   padding: 2px 8px;
   border-radius: 2px;
   text-transform: none;
   font-size: 12px;
}

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

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

/*Checkbox*/
.checkbox-container,
.radiobutton-container {
   display: block;
   position: relative;
   padding-left: 30px;
   cursor: pointer;
   font-size: 16px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   margin-bottom: 7px;
   margin-top: 7px;
   font-weight: normal;
   line-height: 20px;
   user-select: none;
}

   .checkbox-container input,
   .radiobutton-container input {
      position: absolute;
      opacity: 0 !important;
      cursor: pointer;
      height: 0;
      width: 0;
   }

   .checkbox-container .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #eee;
   }

   .checkbox-container:hover input ~ .checkmark {
      background-color: #ccc;
   }

   .checkbox-container input:checked ~ .checkmark {
      background-color: #1ABC9C;
   }

   .checkbox-container .checkmark:after {
      content: "";
      position: absolute;
      display: none;
   }

   .checkbox-container input:checked ~ .checkmark:after {
      display: block;
   }

   .checkbox-container .checkmark::after {
      left: 6px;
      top: 3px;
      width: 7px;
      height: 12px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
   }

.control-label.label-checkbox {
   margin-left: 25px;
}


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

.optionbutton-inline .input-group {
   display: inline-block;
   margin-right: 15px;
}

legend {
   clear: both;
   color: #1AB8DE;
   font-weight: bold;
   font-size: 18px;
}

.white-space {
   height: 50px;
}

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

/* Single Checkbox */
.form-group.single-checkbox {
   position: relative;
   padding-left: 41px;
}

.single-checkbox .input-div {
   position: absolute;
   left: 15px;
   top: -6px;
}

.form-group.single-checkbox .control-label {
   cursor: pointer;
}

.chechbox-list .option-label {
   font-weight: normal;
   cursor: pointer;
}

.chechbox-list .input-group {
   padding-left: 20px;
}

.chechbox-list input {
   position: absolute;
   left: 0;
}

.checkbox-inline .input-group {
   display: inline-block;
   margin-right: 40px;
   min-height: 34px;
}

   .checkbox-inline .input-group input {
      position: relative;
      margin-left: 0;
   }

   .checkbox-inline .input-group .option-label {
      font-weight: normal;
   }

::-webkit-scrollbar {
   width: 4px;
}

::-webkit-scrollbar-track {
   background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
   background: #999;
   height: 100px;
}

   ::-webkit-scrollbar-thumb:hover {
      background: #555;
   }

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


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

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

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

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

   .toggle-left-panel:hover {
      background-color: #151c33;
      color: #FFF;
   }

.hidden-menu .toggle-left-panel {
   background-color: #3F4D67;
}

   .hidden-menu .toggle-left-panel:hover {
      background-color: #151c33;
   }

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


/* 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;
   background-color: #FFF;
}

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

   /*Header*/
   .panel-element .panel-header {
      border-top: 1px solid #1AB8DE;
      border-left: 1px solid #1AB8DE;
      border-right: 1px solid #1AB8DE;
      background-color: #1AB8DE;
   }

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

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

         .panel-element .panel-header h2:before {
            content: "";
            width: 4px;
            height: 100%;
            background-color: #4c4f53;
            position: absolute;
            left: -17px;
            top: 0;
         }

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

   .section.manage-anagraphics .collapse-expand-legal-data,
   .section.manage-anagraphics .collapse-expand-invoice-data,
   .panel-element > .panel-header .actions > a,
   .panel-element > .panel-header .actions > span.toggle-panel-link {
      border: 1px solid #FFF;
      color: #FFF;
      display: inline-block;
      height: 40px;
      width: 40px;
      text-align: center;
      border-radius: 50%;
      line-height: 40px;
      font-size: 20px;
      margin: 5px;
   }

.section.manage-anagraphics .record .communications .item .download-attachments a,
.section.dossier .communication-container .download-attachments a {
   display: inline-block;
   padding-right: 10px;
   background-color: #1AB8DE;
   color: #FFF;
   padding: 1px 9px;
   font-size: 13px;
   border-radius: 10px;
   margin-top: 3px;
   margin-right: 5px;
}

   .section.manage-anagraphics .record .communications .item .download-attachments a:hover,
   .section.dossier .communication-container .download-attachments a:hover {
      background-color: #151c33;
   }

.section.dossier .performance-container tr.invoiced td:nth-child(2) {
   position: relative;
   padding-left: 25px;
}

   .section.dossier .performance-container tr.invoiced td:nth-child(2):before {
      content: "";
      width: 10px;
      height: 10px;
      position: absolute;
      top: 8px;
      left: 5px;
      border-radius: 50%;
   }

   .section.dossier .performance-container tr.invoiced td:nth-child(2):before {
      background-color: #B2DD68;
   }

.section.dossier .performance-container tr.invoiced.not-payed td:nth-child(2):before {
   background-color: #DC5E5A;
}

.section.dossier .performance-container tr.invoiced.waiting-for-payment td:nth-child(2):before {
   background-color: yellow;
}

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

.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 h2 i {
   margin-right: 5px;
}


.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;
   border: 1px solid #ccc;
   margin: 0;
   padding: 10px 0 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: 0px;
}

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

.panel-element .panel-footer {
   text-align: center;
   border-radius: 0;
   border-bottom: 1px solid #CCC;
   border-right: 1px solid #CCC;
   border-left: 1px solid #CCC;
   background-color: #FFF;
   border-top: none;
   padding: 5px;
}

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

/*pannello contenuto in altro pannello*/
.panel-element.sub-panel-element {
   margin: 0 15px;
}

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

.panel-element .panel-header label.validation-error-label {
   color: red;
   display: block;
}

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

.panel-element.fullscreen-panel-mode .panel-header .evidence {
   /* background-color: #EAEAEA; */
   display: none;
}

.panel-element .panel-header .evidence .title {
}

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

.panel-element .call-to-action-buttons fieldset {
   min-width: 100% !Important;
}

   .panel-element .call-to-action-buttons fieldset legend {
      font-weight: 600;
      letter-spacing: 0px;
      margin-left: 15px;
      padding: 2px 5px;
      font-size: 14px;
      color: #fff;
      border-bottom: 0px;
      background-color: #1AB8DE;
      display: inline-block;
      width: auto;
      margin-bottom: 0px;
      margin-top: 10px;
   }

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

/*Sottopannelli per filtri*/
.filter-sub-panel {
   border: 1px solid #ccc;
   padding: 10px 10px 15px 10px;
   margin-bottom: 20px;
}

   .filter-sub-panel.filter-sub-panel-yellow {
      background-color: #FFF7D8;
   }

   .filter-sub-panel.filter-sub-panel-green {
      background-color: #E2F6E3;
   }

   .filter-sub-panel.filter-sub-panel-orange {
      background-color: #FFE0CC;
   }

   .filter-sub-panel.filter-sub-panel-lightblue {
      background-color: #E8F5FF;
   }

   .filter-sub-panel .filter-sub-panel-header {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 20px;
      border-bottom: 1px solid;
      margin-bottom: 10px;
      line-height: 22px;
      padding-bottom: 5px;
   }

   .filter-sub-panel .form-group:last-child {
      margin-bottom: 0;
   }

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


/* 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: 15px 0px;
   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;
}

input.alert, select.alert {
   background-color: #D90329 !important;
   color: #FFFFFF !important;
}


label {
}

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

   .form-control:focus {
      border-color: #1AB8DE;
      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;
   color: #000 !important;
}

.nav-link.validation-highlight {
   background-color: red !important;
}

.inputbox label.validation-error-label {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
   bottom: -18px;
   color: #ff003a !important;
   font-size: 11px;
   font-weight: bolder;
   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;
}

.select2-container--default .select2-selection--single {
   border-radius: 0 !important;
   height: 34px !important;
   padding: 3px 2px !important;
   border-color: #CCC !important;
}

/*Input box small*/
.inputbox-input-small .form-control,
.inputbox-input-small select {
   height: 26px !important;
   padding: 2px 5px !important;
}

.inputbox-input-small .control-label {
   font-size: 13px;
   margin-bottom: 2px;
}

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


/* 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: bold;
      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-color: #3F4D67;
   left: 0;
   margin-top: 65px;
   min-height: calc(100% - 90px);
   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;*/
   left: -270px;
}

   .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;
   padding-top: 20px;
}

.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: #a9b7d0;
   padding: 7px 10px;
}

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

#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: #333F54;
   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: #1AB8DE;
}

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

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

.navbar-nav > li > .dropdown-menu:before {
   border-left: 1px solid #FFF;
   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 #FFF;
      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: #a9b7d0;
   content: "\f105";
   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: #1AB8DE;
}

#left-panel .navbar-default .navbar-nav > li.dropdown.open > a:after {
   color: #1AB8DE;
   content: "\f107";
}

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


/* Breadcrumbs
------------------------------------------------------------------------------------------------- */
ol.breadcrumb {
   background: transparent;
   border-radius: 0;
   font-size: 12px;
   line-height: 20px;
   margin: -15px -15px 10px;
   border-bottom: 1px solid #1AB8DE;
   padding: 8px 15px;
}

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

.breadcrumb > li {
   display: inline;
}

   .breadcrumb > li a {
      color: #1AB8DE;
   }

   .breadcrumb > li span {
   }

   .breadcrumb > li + li::before {
      color: #bbb;
      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 #333F54;
   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;
}

.step1 .panel-element .panel-content .documents .item.antimafia span.name span {
   font-size: 11px;
   font-weight: normal;
   font-style: italic;
   color: blue;
}

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


/* Gestione trattori
------------------------------------------------------------------------------------------------- */

.record div.images div.image {
   background: no-repeat;
   background-size: cover;
   background-position: center;
   height: 200px;
   width: 200px;
   padding-top: 86px;
   text-align: center;
   display: inline-block;
   margin: 0 15px 15px;
}

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

      .record div.images div.image .icon-container a.remove-document {
         background-color: #DD0000;
      }

         .record div.images div.image .icon-container a:hover,
         .record div.images div.image .icon-container a.remove-document:hover {
            background-color: #151c33;
         }

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


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

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

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

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


/* Riepilogo Commessa
------------------------------------------------------------------------------------------------- */

.actions a span {
   border-radius: 0;
   color: #fff;
   display: block !important;
   margin: 0 !important;
   padding: 5px 10px;
   text-align: center;
}

.actions a.action-blue span {
   background-color: #1AB8DE;
   border: 1px solid #1AB8DE;
}

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

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

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


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

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


/* Campi di input
------------------------------------------------------------------------------------------------- */

.inputbox input.ow-dates {
}


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

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


/* Home Page
------------------------------------------------------------------------------------------------- */
.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: #1AB8DE;
      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;
   }
}

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


/* General
------------------------------------------------------------------------------------------------- */
.sitehost-id-850 .modal .form-group {
   margin-bottom: 15px;
}

.checkbox-long-description .input-group {
   position: relative;
   padding-left: 20px;
}

.checkbox-long-description input {
   position: absolute;
   left: 0;
   top: 0;
}

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

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


/* General
------------------------------------------------------------------------------------------------- */
.section.manage-orders .order table tbody tr.collapsed-order-detail, .manage-orders .order table tbody tr.collapsed-order-detail-job-step {
   display: none;
}

.section.manage-orders .order table tbody tr.parent-product {
   background-color: #0797FF;
}

.section.manage-orders .order table tbody tr.child-product {
   background-color: #77FF77;
}

.section.manage-orders .order table tbody tr.simple-product {
   background-color: #FF9984;
}

.section.manage-orders .order table tbody tr.order-detail-job-step-tr {
   background-color: transparent;
}

.section.manage-orders .order table tbody tr.parent-product td.title {
   padding-left: 0;
}

.section.manage-orders .order table tbody tr.child-product td.title {
   padding-left: 20px;
}

.section.manage-orders .order table tbody tr.simple-product td.title {
   padding-left: 0;
}

.section.manage-orders .order table tbody tr.parent-job-step td.title {
   padding-left: 20px;
}

.section.manage-orders .order table tbody tr.child-job-step td.title {
   padding-left: 40px;
}

.section.manage-orders .order table tbody tr.simple-job-step td.title {
   padding-left: 20px;
}


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


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

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


/* 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: #3F4D67;
      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 #3F4D67;
}

.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 .calendar-day.festivity .month-day {
         background-color: red;
      }

      .calendar-content .calendar-day.closing-day .month-day {
         background-color: #FFD800;
      }

   .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: #1AB8DE;
}

   .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, .calendar-content .calendar-day .detail-container .download {
   background: none;
   color: #fff;
   position: absolute;
   top: 0;
}

.calendar-content .calendar-day .detail-container .delete {
   right: 4px;
}

.calendar-content .calendar-day .detail-container .download {
   right: 24px;
}

   .calendar-content .calendar-day .detail-container .delete:hover, .calendar-content .calendar-day .detail-container .download: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;
            }

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


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

.manage-invoices .record .withholding-tax-hide .input-div {
   display: none;
}

.manage-invoices .record .withholding-tax .toggle-withholding-tax {
   background-color: #1AB8DE;
   width: 20px;
   height: 20px;
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   border-radius: 50%;
   color: #FFF;
   text-align: center;
   float: right;
   margin-left: 10px;
   line-height: 20px;
   font-size: 10px;
}

   .manage-invoices .record .withholding-tax .toggle-withholding-tax:before {
      content: "\f078";
   }

   .manage-invoices .record .withholding-tax .toggle-withholding-tax.active::before {
      content: "\f077";
   }

   .manage-invoices .record .withholding-tax .toggle-withholding-tax:hover {
      background-color: #23527c;
      color: #FFF;
   }

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


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

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


/* 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: #1AB8DE;
      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;
}

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


/* 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: 15px;
   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: #1AB8DE;
      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;
   }
/* ---------------------------------------------------------------------------------------------- */


/* ESSECI STUDI
/* ---------------------------------------------------------------------------------------------- */


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

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


/* Catalogazione email
------------------------------------------------------------------------------------------------- */
.allocation-emails .grid table tbody tr.to-read {
   font-weight: bold;
}

.manage-communications .grid table tbody tr td a.to-allocate {
   color: #00158E;
}

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


/* Tematizzazioni panel header
------------------------------------------------------------------------------------------------- */
.panel-element .panel-header.header-communications {
   background-color: #B2DD68;
   border-color: #B2DD68;
}

.panel-element .panel-header.header-performances,
.panel-element .panel-header.header-commissions {
   background-color: #1AB8DE !important;
   border-color: #1AB8DE !important;
}

.panel-element .panel-header.header-expert-documents {
   background-color: #FFD800 !important;
   border-color: #FFD800 !important;
}

.panel-element .panel-header.header-dossiers {
   background-color: #F7BD6C !important;
   border-color: #F7BD6C !important;
}

.panel-element .panel-header.header-deadlines {
   background-color: #DC5E5A !important;
   border-color: #DC5E5A !important;
}

.panel-element .panel-header.header-agenda {
}

.panel-element .panel-header.header-documents {
   background-color: #C4B3D2 !important;
   border-color: #C4B3D2 !important;
}

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


/* Gestione pratiche
------------------------------------------------------------------------------------------------- */
.panel-element .panel-header h2 span.has-items {
   background-color: #1AB8DE;
   display: inline-block;
   color: #FFF;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   font-size: 15px;
   font-weight: normal;
   text-align: center;
   line-height: 30px;
   position: absolute;
   right: -40px;
   top: -5px;
}

div#stepLinks a.step-link.null {
   background-color: transparent;
   cursor: default;
}


/*Stato pratica*/
div#stepLinks.step-status-list {
   margin-bottom: 15px;
   padding: 0 15px;
}

   div#stepLinks.step-status-list a.null {
      cursor: default;
   }

   div#stepLinks.step-status-list a {
      display: block;
      color: #4c4f53;
      margin-bottom: 5px;
      position: relative;
      padding-left: 25px;
   }

      div#stepLinks.step-status-list a:hover {
         font-weight: bold;
      }

      div#stepLinks.step-status-list a.null:hover {
         font-weight: normal;
      }

      div#stepLinks.step-status-list a .color {
         display: inline-block;
         width: 20px;
         background-color: #FFF;
         height: 20px;
         position: absolute;
         left: 0;
         border: 1px solid #4c4f53;
      }

/*Gestione fasi pratica*/
#stepLinks.anchor-step-link {
   position: fixed;
   right: 0;
   z-index: 1040;
   transition: all 0.4s ease 0s;
}

   #stepLinks.anchor-step-link:hover {
      right: 420px;
   }

   #stepLinks.anchor-step-link a {
      display: block;
      border-bottom: 4px solid #FFF;
      width: 450px;
      margin-right: -420px;
      color: #4c4f53;
      background-color: #EAEAEA;
   }

      #stepLinks.anchor-step-link a:last-child {
         border-bottom: none;
      }

      #stepLinks.anchor-step-link a .color {
         background-color: green;
         width: 30px;
         display: inline-block;
         height: 30px;
         text-align: center;
         color: #FFF;
         line-height: 30px;
      }

div#stepLinks a.step-link.selected {
   background-color: #1AB8DE;
   color: #FFF;
}

   div#stepLinks a.step-link.selected .color {
      border: 2px;
      border-style: solid;
   }

   div#stepLinks a.step-link.selected .color {
      color: #4c4f53;
      font-weight: bold;
   }


/*TEMATIZZAZIONE*/
div#stepLinks.step-status-list a.white .color,
div#stepLinks a.step-link.white .color {
   background-color: #FFFFFF;
   border: 1px solid gray;
   color: #000000;
   cursor: default;
}

div#stepLinks.step-status-list a.gray .color,
div#stepLinks a.step-link.gray .color {
   background-color: #808080;
}

div#stepLinks.step-status-list a.yellow .color,
div#stepLinks a.step-link.yellow .color {
   background-color: #FFFF00;
   color: #000000;
}

.section.dossiers .dossiers table tr span.color,
.section.show-integrations .integrations table tr span.color,
.section.search-tech-dvr .grid table tr span.color,
.section.pre-dossiers .pre-dossiers table tr span.color,
.section.collaborator-contact .grid table tr span.color {
   background-color: red;
   border-radius: 10px;
   width: 10px;
   height: 10px;
   display: inline-block;
   color: #000000;
}

   .section.dossiers .dossiers table tr span.color.blue, .section.show-integrations .integrations table tr span.color.blue, .section.search-tech-dvr .grid table tr span.color.blue, .section.pre-dossiers .pre-dossiers table tr span.color.blue {
      background-color: blue;
   }

   .section.dossiers .dossiers table tr span.color.gray, .section.show-integrations .integrations table tr span.color.gray, .section.search-tech-dvr .grid table tr span.color.gray, .section.pre-dossiers .pre-dossiers table tr span.color.gray {
      background-color: gray;
   }

   .section.dossiers .dossiers table tr span.color.green, .section.show-integrations .integrations table tr span.color.green, .section.search-tech-dvr .grid table tr span.color.green, .section.pre-dossiers .pre-dossiers table tr span.color.green, .section.collaborator-contact .grid table tr span.color.green {
      background-color: green;
   }

   .section.dossiers .dossiers table tr span.color.yellow, .section.show-integrations .integrations table tr span.color.yellow, .section.search-tech-dvr .grid table tr span.color.yellow, .section.pre-dossiers .pre-dossiers table tr span.color.yellow {
      background-color: yellow;
   }

   .section.dossiers .dossiers table tr span.color.orange, .section.show-integrations .integrations table tr span.color.orange, .section.search-tech-dvr .grid table tr span.color.orange, .section.pre-dossiers .pre-dossiers table tr span.color.orange, .section.collaborator-contact .grid table tr span.color.orange {
      background-color: orange;
   }

   .section.dossiers .dossiers table tr span.color.red, .section.show-integrations .integrations table tr span.color.red, .section.search-tech-dvr .grid table tr span.color.red, .section.pre-dossiers .pre-dossiers table tr span.color.red {
      background-color: red;
   }

   .section.dossiers .dossiers table tr span.color.white, .section.show-integrations .integrations table tr span.color.white, .section.search-tech-dvr .grid table tr span.color.white, .section.pre-dossiers .pre-dossiers table tr span.color.white {
      background-color: white;
   }

   .section.dossiers .dossiers table tr span.color.brown, .section.show-integrations .integrations table tr span.color.brown, .section.search-tech-dvr .grid table tr span.color.brown, .section.pre-dossiers .pre-dossiers table tr span.color.brown {
      background-color: brown;
   }

div#stepLinks.step-status-list a.green .color,
div#stepLinks a.step-link.green .color {
   background-color: #5DD55C;
}

div#stepLinks.step-status-list a.red .color,
div#stepLinks a.step-link.red .color {
   background-color: #FF0000;
}

/* download-module */
.section.dossier .download-module {
   margin: 0 -5px;
}

   .section.dossier .download-module > div {
      padding: 0 5px;
   }

   .section.dossier .download-module a {
      display: block;
      text-align: center;
      color: #FFF;
      margin-bottom: 10px;
      border-radius: 2px;
      padding: 10px 5px;
      font-weight: 600;
   }

      .section.dossier .download-module a.item-lightblue {
         background-color: #45BBDF;
      }

      .section.dossier .download-module a.item-pink {
         background-color: #F06292;
      }

      .section.dossier .download-module a.item-orange {
         background-color: #FEC722;
      }

      .section.dossier .download-module a.item-emerald {
         background-color: #01C3C5;
      }

      .section.dossier .download-module a:hover {
         background-color: #4c4f53 !important;
      }

/*Step 8*/
.step8 .panel-integrations .panel-header, .step11 .panel-integrations .panel-header {
   background-color: #FFBA00 !important;
   border-color: #FFBA00 !important;
}

.panel-osservations .panel-header {
   background-color: #FF9797 !important;
   border-color: #FF9797 !important;
}

.panel-integrations .sub-panel-element .panel-header,
.panel-osservations .sub-panel-element .panel-header {
   background-color: #DDD !important;
   border-color: #DDD !important;
}

   .panel-integrations .sub-panel-element .panel-header h2 {
      color: #FFBA00;
   }

   .panel-osservations .sub-panel-element .panel-header h2 {
      color: #FF9797;
   }

.dossier .panel-integrations .panel-inner-title {
   background-color: #FFBA00;
}

.dossier .panel-osservations .panel-inner-title {
   background-color: #FF9797;
}



/*.dossier .actions {
   margin-bottom: 10px;
}
*/
.dossier .filters {
   position: absolute;
   right: 15px;
   top: 65px;
}

   .dossier .filters input {
      height: 25px !important;
      position: relative;
      border: 1px solid #889CBF;
   }

   .dossier .filters:before {
      content: "\f002";
      position: absolute;
      left: -24px;
      background-color: #889CBF;
      top: 0px;
      font: normal normal normal 14px/1 FontAwesome;
      color: #fff;
      width: 25px;
      height: 25px;
      padding: 5px;
   }



.dossier .step10 div.evidence-if-no.evidence {
   background-color: #FF5A5A;
}


/*Step 10*/
.dossier-agri .step10 .panel-expert .panel-header,
.dossier-agri .step10 .panel-expert .panel-inner-title {
   background-color: #FFD900 !important;
}

.dossier-agri .step10 .panel-admin .panel-header,
.dossier-agri .step10 .panel-admin .panel-inner-title {
   background-color: #0770B1 !important;
}

.dossier-agri .step10 .panel-good-1 .panel-header {
   background-color: #CA8FC5 !important;
   border-color: #CA8FC5 !important;
}

.dossier-agri .step10 .panel-good-2 .panel-header {
   background-color: #F481BD !important;
   border-color: #F481BD !important;
}

.dossier-agri .step10 .panel-good-1 .sub-panel-element .panel-header,
.dossier-agri .step10 .panel-good-2 .sub-panel-element .panel-header {
   background-color: #DDD !important;
   border-color: #DDD !important;
}

   .dossier-agri .step10 .panel-good-1 .sub-panel-element .panel-header h2 {
      color: #CA8FC5;
   }

   .dossier-agri .step10 .panel-good-2 .sub-panel-element .panel-header h2 {
      color: #F481BD;
   }

.dossier-agri .step10 .panel-good-1 .panel-inner-title {
   background-color: #CA8FC5;
}

.dossier-agri .step10 .panel-good-2 .panel-inner-title {
   background-color: #F481BD;
}

.dossier-agri .step10 input.highlight {
   background-color: #FF5A5A;
   color: #FFF;
}


.integrations-documents-title legend {
   line-height: 40px;
   padding: 0;
}

   .integrations-documents-title legend a {
      float: right;
   }

.panel-integrations-add,
.panel-osservations-add {
   text-align: center;
   border: 2px dashed #CCC;
   padding: 10px;
   margin-bottom: 15px;
}

.dossier .panel-integrations .panel-header h2 span.total-items,
.dossier .panel-integrations .panel-header h2 span.total-confirmed-items,
.dossier .panel-osservations .panel-header h2 span.total-items,
.dossier .panel-osservations .panel-header h2 span.total-confirmed-items {
   background-color: #1AB8DE;
   display: inline-block;
   color: #FFF;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   font-size: 15px;
   font-weight: normal;
   text-align: center;
   line-height: 30px;
}

.dossier .panel-integrations .panel-header h2 span.total-confirmed-items,
.dossier .panel-osservations .panel-header h2 span.total-confirmed-items {
   background-color: #5DD55C;
}

.panel-dossier-invoice-add {
   text-align: center;
   border: 2px dashed #CCC;
   padding: 10px;
   margin-bottom: 15px;
}

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


/* Gestione Pratiche - Situazione Tecnica ISI
------------------------------------------------------------------------------------------------- */
.dossier.dossier-ismea .step2 .panel-good-add {
   text-align: center;
   border: 2px dashed #CCC;
   padding: 10px;
   margin-bottom: 15px;
}

.dossier.dossier-ismea .step21 .documents-summary a, .dossier.dossier-ismea .step21 .documents-summary span {
   border-radius: 10px;
   display: block;
   margin: 5px;
}

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


/* Gestione Pratiche - Situazione Tecnica ISI
------------------------------------------------------------------------------------------------- */
.search-tech-status-isi .filter .good .new,
.search-tech-status-isi .filter .good .old {
   padding-top: 10px;
}

   .search-tech-status-isi .filter .good .new > label,
   .search-tech-status-isi .filter .good .old > label {
      font-size: 16px;
      text-decoration: underline;
   }

.search-tech-status-isi table tbody tr.color.red {
   background-color: #FF9E9E
}

.search-tech-status-isi table tbody tr.color.yellow {
   background-color: #FFF0AD
}

.search-tech-status-isi table tbody tr.color.green {
   background-color: #97CE77
}

.search-tech-status-isi table tbody tr.color.white {
   background-color: white
}

.search-tech-status-isi table tbody tr.color.gray {
   background-color: #C0C0C0
}

.search-tech-status-isi table tbody tr.color.brown {
   background-color: #8F6C50;
   color: #FFF;
}

.search-tech-status-isi table tbody tr.color.orange {
   background-color: #FFAD77
}

.search-tech-status-isi .panel-element .panel-header .actions {
   float: none;
   display: inline;
   margin-left: 20px;
}

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


/* Pratiche ISI e AGRI
------------------------------------------------------------------------------------------------- */
.section.dossier {
   margin-right: 30px;
}


/* Pratica ISI
------------------------------------------------------------------------------------------------- */
.dossier-isi .section-title h2,
.dossier-isi .section-title h1 {
   margin-top: 0;
}

.dossier-isi .documents span.document {
   border: 1px solid #000000;
   border-radius: 50%;
   display: inline-block;
   height: 15px;
   width: 15px;
}

   .dossier-isi .documents span.document.green {
      background-color: #5DD55C;
   }

   .dossier-isi .documents span.document.yellow {
      background-color: #FFFF00;
   }

   .dossier-isi .documents span.document.added {
      background-color: #FFFFFF;
   }

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


/* ISI 2019
------------------------------------------------------------------------------------------------- */
.dossier .step2 table.economic-summary tr.evidence {
   font-weight: bold;
}

.step2 .panel-good .panel-content div.compare-field.green input {
   background-color: #3EB600;
   color: #FFF;
}

.step2 .panel-good .panel-content div.compare-field.red input {
   background-color: #FF5A5A;
   color: #FFF;
}

/* Aggiungi bene */
.step2 .goods .add-good, .step14 .dvr .add-attachment {
   margin-bottom: 8px;
}

.step2 .goods .good-name > div {
   padding: 10px;
   text-align: center;
   color: #FFF;
   font-weight: bold;
   font-size: 20px;
   background-color: #FFBE00;
   margin-bottom: 15px;
}

   .step2 .goods .good-name > div:last-child {
      background-color: #26AE00;
   }

.step2 .goods .compare-field {
   position: relative;
}

   .step2 .goods .compare-field .icon-container {
      position: absolute;
      right: 5px;
      top: 5px;
   }

      .step2 .goods .compare-field .icon-container .status {
         display: block;
         width: 24px;
         height: 24px;
         background-color: #DD0000;
         border: 2px solid #000000;
         border-radius: 50%;
      }

         .step2 .goods .compare-field .icon-container .status.compare {
            background-color: #5DD55C;
         }

.step2 .goods .goods-container .goods-documents-container {
   margin-top: 30px;
}

   .step2 .goods .goods-container .goods-documents-container .good-documents-title legend a {
      float: right;
   }

   .step2 .goods .goods-container .goods-documents-container .good-documents-title legend {
      line-height: 40px;
      padding: 0;
   }

.dossier .step2 .risk-factor-noise {
   padding: 0 15px 15px;
   display: block;
}

/* Aggiungi allegato DVR */
.step14 .vdr-general-container .panel-header, .step14 .vdr-general-container .panel-footer {
   display: none;
}

.step14 .attachments .add-attachment {
   border: 2px dashed #CCC;
   margin: -15px 15px 15px;
   text-align: center;
   padding: 10px;
}

.step14 .attachments .attachment-name > div {
   padding: 10px;
   text-align: center;
   color: #FFF;
   font-weight: bold;
   font-size: 20px;
   background-color: #FFBE00;
   margin-bottom: 15px;
}

   .step14 .attachments .attachment-name > div:last-child {
      background-color: #26AE00;
   }

.step14 .attachments .compare-field {
   position: relative;
}

   .step14 .attachments .compare-field .icon-container {
      position: absolute;
      right: 5px;
      top: 5px;
   }

      .step14 .attachments .compare-field .icon-container .status {
         display: block;
         width: 24px;
         height: 24px;
         background-color: #DD0000;
         border: 2px solid #000000;
         border-radius: 50%;
      }

         .step14 .attachments .compare-field .icon-container .status.compare {
            background-color: #5DD55C;
         }

.step14 .attachments .attachments-container .attachments-documents-container {
   margin-top: 30px;
}

   .step14 .attachments .attachments-container .attachments-documents-container .attachment-documents-title legend a {
      float: right;
   }

   .step14 .attachments .attachments-container .attachments-documents-container .attachment-documents-title legend {
      line-height: 40px;
      padding: 0;
   }

.step14 table tr.evidence {
   font-weight: bold;
}

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


/* Pratica AGRI
------------------------------------------------------------------------------------------------- */
.dossier-agri .step2 input.points {
   background-color: #1AB8DE;
   color: #FFF;
}

   .dossier-agri .step2 input.points.total.alert,
   .dossier-agri .step2 input.highlight,
   .dossier-agri .step2 table tbody tr td.red {
      background-color: #D90329;
      color: #FFF;
   }

   .dossier-agri .step2 input.points.total,
   .dossier-agri .step2 input.highlight-green,
   .dossier-agri .step2 table tbody tr td.green {
      background-color: #3EB600;
      color: #FFF;
   }

.dossier .step2 table tbody tr td.yellow {
   background-color: #FFC900;
   color: #000;
}

.dossier .step2 table tbody tr.good-num-0 {
   background-color: #FFE97F;
}

.dossier .step2 table tbody tr.good-num-1 {
   background-color: #B5EBFF;
}

.dossier .step2 table tbody tr.good-num-2 {
   background-color: #FFFA8C;
}

/*.dossier-agri .step2 table tbody tr.good-num-3 {
   background-color: #B0FFAD;
}
*/

.dossier .step2 table tbody tr.good-num-99 {
   background-color: #FFE97F;
}

.dossier .step2 table tbody tr.good-num-100 {
   background-color: #B0FFAD;
}

.dossier .step2 table tbody tr.new-document td.description {
   font-weight: bold;
}

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


/* Dossier info
------------------------------------------------------------------------------------------------- */

.dossier-info {
   background-color: #1AB8DE;
   color: #FFF;
   padding: 15px 10px;
   margin-bottom: 15px;
}

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

   .dossier-info .title {
      font-weight: bold;
   }

   .dossier-info a {
      color: #FFF;
   }

      .dossier-info a:hover {
         color: #4c4f53;
      }

/*Informazioni generali*/
.panel-dossier-info .item {
   margin: 0 15px 10px;
}

   .panel-dossier-info .item span {
      font-weight: bold;
   }

      .panel-dossier-info .item span.value {
         font-weight: normal;
      }

/*Documenti*/
.documents-list .item {
   position: relative;
   border-bottom: 1px solid #e9e9e9;
   padding: 5px 15px 5px 65px;
}

   .documents-list .item:last-child {
      border-bottom: none;
   }

   .documents-list .item .staus {
      background-color: lightblue;
      display: block;
      width: 20px;
      height: 20px;
   }

   .documents-list .item .status {
      background-color: lightblue;
      width: 40px;
      height: 40px;
      display: block;
      color: #FFF;
      text-align: center;
      position: absolute;
      line-height: 37px;
      border: 1px solid #4c4f53;
      left: 20px;
   }

      .documents-list .item .status.green {
         background-color: #5DD55C;
      }

      .documents-list .item .status.yellow {
         background-color: #FFD54F;
      }

      .documents-list .item .status.added {
         background-color: #FFF;
         color: #4c4f53;
      }

   .documents-list .item .name {
      font-weight: bold;
   }

   .documents-list .item.collaborator .name {
      color: #DD0000;
   }

   .documents-list .item.required .name {
      padding-left: 16px;
      background: url("/Templates/Base20/Images/ValidationRequired.gif") no-repeat left center;
   }

/*
.documents-list .item.optional .name {
	padding-left: 16px;
	background: url("/Templates/Base20/Images/ValidationOptional.gif") no-repeat left center;
}
*/

.documents-list .file-actions a {
   background-color: #1AB8DE;
   color: #FFF;
   display: inline-block;
   padding: 0px 10px;
   border-radius: 5px;
   font-size: 13px;
   margin-right: 5px;
}

   .documents-list .file-actions a:hover {
      background-color: #4c4f53;
   }

.dossier .step2 .col-old-container, .dossier .step2 .col-new-container {
   padding: 0;
}

.anagragraphic-buttons {
   display: inline-block;
   margin-top: 6px;
}

   .anagragraphic-buttons a {
      background-color: white;
      color: black;
      border-radius: 5px;
      font-size: 11px;
      width: 130px;
      display: block;
      padding: 1px;
      text-transform: unset;
   }

   .anagragraphic-buttons .get-from {
      background-color: #5DD55C;
      color: #fff;
   }

   .anagragraphic-buttons .copy-to {
      background-color: #DC5E5A;
      color: #ffff;
   }

   .anagragraphic-buttons a:hover {
      background-color: #4c4f53;
   }

/*Campo 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, table tbody tr td a.status {
         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:hover {
  background-color: #DD0000;
}
*/


table tbody tr td a.status {
   border-radius: 50%;
   background-color: #00DD00;
}


   .form-upload-document .input-div .icon-container a.status.yellow, table tbody tr td 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;
}

/*Scadenze*/
.panel-deadlines .panel-content .item .actions a {
   background-color: #1AB8DE;
   color: #FFF;
   display: inline-block;
   padding: 2px 5px;
   border-radius: 5px;
   font-size: 12px;
   margin: 0 0 0 2px;
}

   .panel-deadlines .panel-content .item .actions a:hover {
      background-color: #4c4f53;
   }

.panel-deadlines .panel-content .item .actions .archive {
   background-color: #BBB;
}

.expiration-container .panel-deadlines .panel-content .item .actions .archive {
   margin: 0 0 0 2px;
   width: 55px;
   height: 21.15px;
   overflow: hidden;
   float: left;
}

.expiration-container .panel-deadlines .panel-content .item .actions .btn-delete {
   background-color: #DC5E5A;
   width: 17px;
   overflow: hidden;
   height: 21.15px;
   float: right;
}

.panel-deadlines .panel-content .item.stored {
   background-color: #8CFFFE !important;
}

.manage-expirations .grid .dossier,
.popup-expirations .form .item.dossier,
.panel-deadlines .panel-content .item.dossier {
   background-color: #FCEDFC;
}

.manage-expirations .grid .peremptory,
.popup-expirations .form .item.peremptory,
.panel-deadlines .panel-content .item.peremptory {
   background-color: #FEEEEA;
}

/*Comunicazioni*/
.panel-communications .communications .item {
   position: relative;
   border-bottom: 1px solid #e9e9e9;
   padding: 20px 20px 20px 95px;
   display: block;
   color: #4c4f53;
}

   .panel-communications .communications .item:last-child {
      border-bottom: none;
   }

   .panel-communications .communications .item .icon {
      background-color: #1AB8DE;
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      color: #FFF;
      text-align: center;
      line-height: 60px;
      font-size: 35px;
      position: absolute;
      left: 15px;
      top: 5px;
   }

      .panel-communications .communications .item .icon.attachment {
         right: 0;
         left: auto;
         background-color: #ccc;
         width: 22px;
         height: 22px;
         line-height: 22px;
         font-size: 15px;
         top: 4px;
      }

   .panel-communications .communications .item.mail .icon {
      background-color: #B2DD68;
   }

   .panel-communications .communications .item.phone .icon {
      background-color: #FA722F;
   }

   .panel-communications .communications .item .name {
      display: block;
      font-weight: bold;
   }

   .panel-communications .communications .item .object {
      display: block;
   }

   .panel-communications .communications .item .actions {
      margin-bottom: 0;
   }

      .panel-communications .communications .item .actions .date {
         font-style: italic;
      }

      .panel-communications .communications .item .actions a {
         background-color: #DD0000;
         color: #FFF;
         display: inline-block;
         padding: 2px 5px;
         border-radius: 5px;
         font-size: 12px;
         margin-left: 5px;
         border-radius: 50%;
      }

         .panel-communications .communications .item .actions a:hover {
            background-color: #4c4f53;
         }

.col-sm-6.expiration-container,
.col-sm-6.communication-container,
.col-sm-6.performance-container,
.col-sm-6.commission-container,
.col-sm-6.whatsapp-messages-container {
   padding: 0 5px;
}

.panel-communications .panel-content {
   padding: 10px;
}

   .panel-communications .panel-content .actions {
      margin-bottom: 10px;
   }

   .panel-communications .panel-content .communications .data-table {
      margin-bottom: 0;
   }

      .panel-communications .panel-content .communications .data-table .th-actions {
         width: 30px;
      }

      .panel-communications .panel-content .communications .data-table .td-actions {
         vertical-align: middle;
      }

         .panel-communications .panel-content .communications .data-table .td-actions a {
            /*height: 60px;*/
            background-color: #1AB8DE;
            /*line-height: 60px;*/
            color: #FFF;
            border-color: #1AB8DE;
         }

            .panel-communications .panel-content .communications .data-table .td-actions a:hover {
               background-color: #151c33;
               border-color: #151c33;
            }

      .panel-communications .panel-content .communications .data-table .td-attachment {
         text-align: center;
         vertical-align: middle;
      }

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


/* Bando generico
------------------------------------------------------------------------------------------------- */
.dossier-gen .panel-element .panel-header {
   background-color: #FF9B4E;
   border-color: #FF9B4E;
}

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


/* Dashboard
------------------------------------------------------------------------------------------------- */

/*General*/

.page-dashboard .section {
   margin-bottom: 10px !important;
}

.page-dashboard .content {
   column-count: 2;
   column-gap: 30px;
}

   .page-dashboard .content .section {
      break-inside: avoid-column;
      -webkit-column-break-inside: avoid;
      overflow: hidden;
   }

.panel-element.dashboard-panel .panel-content {
   padding: 0;
}

.dashboard-title-small {
   font-size: 17px;
   font-weight: bold;
   text-transform: uppercase;
   margin-bottom: 10px;
}

/*Dashborad Varie*/
.section.show-communications,
.section.show-expirations {
   margin-bottom: 10px;
}

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

   .panel-deadlines .panel-content .item:hover,
   .panel-communications .panel-content .item:hover {
      background-color: #f9f9f9;
   }

   .panel-deadlines .panel-content .item:last-child,
   .panel-communications .panel-content .item:last-child {
      border-bottom: none;
   }

   .panel-deadlines .panel-content .item .icon,
   .panel-communications .panel-content .item i.icon,
   .panel-communications .panel-content .item i.icon-mail {
      background-color: #1AB8DE;
      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;
   }

   .panel-communications .panel-content .item.unread i.icon-mail {
      background-color: #ff5c6c;
   }

   .panel-deadlines .panel-content .item .name,
   .panel-communications .panel-content .item .name {
      display: block;
      font-weight: bold;
   }

      .panel-deadlines .panel-content .item .name .referent {
         color: #1AB8DE;
         font-weight: normal;
         font-style: italic;
      }

   .panel-communications .panel-content .item .object,
   .panel-deadlines .panel-content .item .type {
      white-space: nowrap;
      overflow: hidden;
      display: block;
   }

   .panel-communications .panel-content .item .text,
   .panel-deadlines .panel-content .item .text {
      display: block;
      color: #999;
      font-size: 12px;
      overflow: hidden;
   }

.page-dashboard .panel-communications .panel-content .item .text,
.page-dashboard .panel-deadlines .panel-content .item .text {
   white-space: nowrap;
}

.panel-communications .panel-content .item .actions,
.panel-deadlines .panel-content .item .actions {
   margin-bottom: 0;
}

   .panel-communications .panel-content .item .actions .date,
   .panel-deadlines .panel-content .item .actions .date {
      font-style: italic;
   }

   .panel-communications .panel-content .item .actions .status,
   .panel-deadlines .panel-content .item .actions .archive {
      background-color: #1AB8DE;
      color: #FFF;
      display: inline-block;
      padding: 2px 5px;
      border-radius: 5px;
      font-size: 12px;
      margin: 0 15px;
   }

.panel-communications .panel-content .item.unread .actions .status {
   background-color: #ff5c6c;
}

.panel-deadlines .panel-content .item .actions .archive:hover {
   background-color: #4c4f53;
}

.panel-communications .panel-content .item .actions {
   position: absolute;
   right: 28px;
   top: 5px;
}

/*Specifiche per comunicazioni*/
.panel-communications .panel-content .item a {
   display: block;
   color: #4c4f53;
}

.panel-communications .panel-content .item .text {
   white-space:;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
}

.panel-communications .panel-content .item .name {
   padding-right: 150px;
}

.panel-communications .panel-content .item a:hover i.icon-mail {
   background-color: #B2DD68;
}

.panel-communications .panel-content .item .actions .delete {
   background-color: #DD0000;
   display: inline-block;
   width: 20px;
   text-align: center;
   color: #FFF;
   margin-left: 3px;
   border-radius: 2px;
   height: 22px;
   line-height: 20px;
   text-align: center;
}

   .panel-communications .panel-content .item .actions .delete:hover {
      background-color: #4c4f53;
   }

/*Specifiche scadenze*/
.panel-deadlines .panel-content .item {
   padding-right: 170px;
}

   .panel-deadlines .panel-content .item .actions {
      position: absolute;
      right: 5px;
      top: 0;
      text-align: right;
   }

      .panel-deadlines .panel-content .item .actions .date {
         display: block;
         margin-bottom: 2px;
      }

      .panel-deadlines .panel-content .item .actions .archive {
         margin: 0 0 0 2px;
      }

/*Pratiche*/
.panel-element.panel-dossiers {
   overflow: hidden;
}

.panel-dossiers .panel-content .item:last-child {
   border-bottom: none;
}

.panel-dossiers .panel-content .item .name {
   font-weight: bold;
}

.panel-dossiers .panel-content .item .ban {
   padding-left: 0;
}

.panel-dossiers .panel-content .item .phase-container {
   padding-left: 0;
}

.panel-dossiers .panel-content .item .phase {
   background-color: #1AB8DE;
   color: #FFF;
   font-size: 12px;
   padding: 2px;
   border-radius: 7px;
   display: block;
   text-align: center;
}

   .panel-dossiers .panel-content .item .phase:hover {
      background-color: #4c4f53;
   }

/*Agenda*/
.panel-agenda .item {
   position: relative;
   padding: 20px 20px 20px 65px;
   border-bottom: 1px solid #e9e9e9;
   display: block;
   color: #4c4f53;
}

   .panel-agenda .item:last-child {
      border-bottom: none;
   }

   .panel-agenda .item .date {
      position: absolute;
      left: 20px;
      text-align: center;
      color: #1AB8DE;
      text-transform: uppercase;
   }

      .panel-agenda .item .date span {
         display: block;
      }

      .panel-agenda .item .date .day {
         font-size: 26px;
         line-height: 20px;
      }

   .panel-agenda .item .time {
      display: inline-block;
      background-color: #1AB8DE;
      color: #FFF;
      padding: 0 10px;
      border-radius: 2px;
      margin-right: 5px;
   }

   .panel-agenda .item .title {
      font-weight: bold;
   }

   .panel-agenda .item .text {
      display: block;
   }

/*Memo*/
.section.memo {
   padding: 0 5px;
   margin-bottom: 10px;
}

   .section.memo .memo-container {
      background-color: #FFF7D2;
   }

      .section.memo .memo-container .title {
         padding: 3px;
         display: block;
         background-color: #FFF3AB;
         font-weight: bold;
         font-size: 20px;
         text-align: center;
         text-transform: uppercase;
      }

      .section.memo .memo-container textarea {
         background-color: #FFF7D2;
         border-color: #FFF7D2;
         min-height: 285px;
      }

/*Fatture in scadenza*/
.panel-element.panel-invoices .panel-header {
   background-color: #01C3C5;
   border-color: #01C3C5;
}

.panel-element.panel-invoices .panel-content {
   padding: 0;
}

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

.panel-element.panel-invoices .item {
   display: block;
   padding: 5px 0 5px 35px;
   position: relative;
   border-bottom: 1px solid #e9e9e9;
   color: #4c4f53;
}

   .panel-element.panel-invoices .item:last-child {
      border-bottom: none;
   }

   .panel-element.panel-invoices .item > div {
      padding: 0;
   }

   .panel-element.panel-invoices .item.item-header {
      font-weight: bold;
      border-bottom: 2px solid #e9e9e9;
   }

   .panel-element.panel-invoices .item .icon-search {
      position: absolute;
      left: 7px;
      background-color: #01C3C5;
      display: inline-block;
      color: #FFF;
      width: 20px;
      text-align: center;
      border-radius: 3px;
      font-size: 13px;
      line-height: 20px;
   }

   .panel-element.panel-invoices .item .price {
      text-align: right;
      padding: 0 5px;
   }

   .panel-element.panel-invoices .item .date {
      text-align: right;
      padding-right: 10px;
   }

   .panel-element.panel-invoices .item:hover .icon-search {
      background-color: #4c4f53;
   }

.panel-element.panel-invoices a.item:hover {
   background-color: #f9f9f9;
}

/*Pagamenti annui*/
.year-payment .row {
   margin: 0 -5px;
}

.row-no-margin {
   margin: 0;
}

.year-payment .row > div {
   padding: 0 5px;
}

.year-payment .item {
   color: #FFF;
   font-size: 20px;
   padding: 10px 20px;
   border-radius: 6px;
}

   .year-payment .item.item-lightblue {
      background-color: #45BBDF;
   }

   .year-payment .item.item-green {
      background-color: #78C24F;
   }

   .year-payment .item span {
      font-size: 36px;
      font-weight: bold;
      display: block;
      line-height: 40px;
   }

/*Numeri di telefono*/
.dashboard-phone-number {
   padding: 0 5px;
}

   .dashboard-phone-number .item {
      background-color: #FFF;
      display: block;
      position: relative;
      margin-bottom: 5px;
      border-radius: 5px;
      padding: 10px 10px 10px 70px;
      color: #4c4f53;
   }

      .dashboard-phone-number .item:hover {
         color: #FFF;
         background-color: #F06292;
      }

      .dashboard-phone-number .item span {
         display: block;
         text-transform: uppercase;
         font-weight: bold;
      }

      .dashboard-phone-number .item i {
         background-color: #F06292;
         position: absolute;
         left: 15px;
         width: 40px;
         border-radius: 50%;
         height: 40px;
         color: #FFF;
         text-align: center;
         font-size: 25px;
         line-height: 40px;
      }

      .dashboard-phone-number .item:hover i {
         background-color: #FFF;
         color: #F06292;
      }

/*Link veloci*/
.dashboard-links {
   padding: 0 5px;
}

   .dashboard-links .item {
      display: block;
      background-color: #1AB8DE;
      color: #FFF;
      margin-bottom: 5px;
      border-radius: 5px;
      position: relative;
      text-transform: uppercase;
      font-size: 17px;
      padding: 10px 28px 10px 10px;
   }

      .dashboard-links .item:nth-child(1),
      .dashboard-links .item:nth-child(5),
      .dashboard-links .item:nth-child(9),
      .dashboard-links .item:nth-child(13) {
         background-color: #CF67E0;
      }

      .dashboard-links .item:nth-child(2),
      .dashboard-links .item:nth-child(6),
      .dashboard-links .item:nth-child(10),
      .dashboard-links .item:nth-child(14) {
         background-color: #FEC722;
      }

      .dashboard-links .item:nth-child(3),
      .dashboard-links .item:nth-child(7),
      .dashboard-links .item:nth-child(11),
      .dashboard-links .item:nth-child(15) {
         background-color: #2196F3;
      }

      .dashboard-links .item:nth-child(4),
      .dashboard-links .item:nth-child(8),
      .dashboard-links .item:nth-child(12),
      .dashboard-links .item:nth-child(16) {
         background-color: #FF6B69;
      }

      .dashboard-links .item:hover {
         background-color: #4c4f53 !important;
      }

      .dashboard-links .item i {
         position: absolute;
         right: 10px;
         top: 12px;
      }

/*Agenda*/
.view-small-agend {
   background-color: #FFF;
   padding: 10px;
}

   .view-small-agend .calendar-header .current-date {
      text-transform: none;
      font-weight: bold;
   }

   .view-small-agend .calendar-header a {
      background-color: #8892D7;
      display: inline-block;
      color: #FFF;
      height: 20px;
      width: 20px;
      border-radius: 50%;
      line-height: 20px;
      font-size: 12px;
   }

      .view-small-agend .calendar-header a:hover {
         background-color: #4c4f53;
      }

   .view-small-agend .calendar-day-title {
      margin-top: 10px;
      border: none;
      margin-bottom: 5px;
   }

      .view-small-agend .calendar-day-title div {
         background-color: #FFF;
         border: none;
         color: #4c4f53;
         text-transform: uppercase;
         font-weight: normal;
         font-size: 13px;
         padding: 0 0 5px 0;
      }

   .view-small-agend .calendar-content {
      border: none;
   }

      .view-small-agend .calendar-content .calendar-day {
         height: 40px;
         text-align: center;
         border: none;
         padding: 0;
         color: #4c4f53;
      }

         .view-small-agend .calendar-content .calendar-day:hover {
            background-color: #EAEAEA;
         }

      .view-small-agend .calendar-content .prev-month.calendar-day,
      .view-small-agend .calendar-content .next-month.calendar-day {
         background-image: none;
         opacity: 0.3;
      }

      .view-small-agend .calendar-content .calendar-day.current-date {
         color: #8892D7;
         font-weight: bold;
         background-color: rgba(136,146,215,0.2);
      }

         .view-small-agend .calendar-content .calendar-day.current-date:hover {
            background-color: #EAEAEA;
         }

      .view-small-agend .calendar-content .calendar-day .events {
         background-color: #8892D7;
         display: block;
         content: "";
         width: 10px;
         height: 10px;
         border-radius: 50%;
         margin: 0 auto;
         cursor: pointer;
      }

      .view-small-agend .calendar-content .calendar-day .tooltip span {
         font-weight: bold;
         display: block;
      }

      .view-small-agend .calendar-content .calendar-day .tooltip span {
         font-weight: bold;
         display: block;
      }

      .view-small-agend .calendar-content .tooltip span {
         font-weight: bold;
         display: block;
      }

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


/* Email template
------------------------------------------------------------------------------------------------- */
/* per espansione a pieno schermo fckeditor */
#bodyHtmlDiv iframe, #modalCommunication iframe, #standardBodyHtmlDiv iframe, #bodyTextareaContainer iframe, #manageBansDetails iframe {
   border-bottom: none !important;
   border-right: none !important;
}


.manage-email-template .actions a {
   background-image: none !important;
   background-color: #1AB8DE !important;
   display: inline-block;
   width: auto;
   margin: 0 15px;
   min-width: 150px;
}

   .manage-email-template .actions a:hover {
      background-color: #3F4D67 !important;
   }

.manage-email-template table.data-table tbody .td-actions a {
   border: none;
   padding: 0;
}

.manage-email-template table.data-table tbody .td-actions .delete {
   background: transparent url(../Images/DataManagementDelete.png) no-repeat center center !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: #275b89 !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Invio Email
------------------------------------------------------------------------------------------------- */
#standardModalSendEmail .modal-actions {
   text-align: right;
}

   #standardModalSendEmail .modal-actions a {
      font-size: 16px;
      border-bottom: 1px solid;
      margin-left: 10px;
   }

/*Allegati*/
#standardModalSendEmail .attachment-panel {
   border: 1px solid #1AB8DE;
   padding: 5px
}

   #standardModalSendEmail .attachment-panel .dropzone {
      margin-top: 15px;
      background-color: transparent;
      min-height: auto;
      padding: 10px;
      margin-bottom: 10px !important;
   }

      #standardModalSendEmail .attachment-panel .dropzone .dz-message {
         color: #4c4f53;
         margin: 10px 0;
         font-size: 16px;
      }

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

   #standardModalSendEmail .attachment-panel #standardUploadAnchor {
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      background-color: #3276b1;
      color: #FFF;
      padding: 15px 0;
      border-radius: 5px;
      display: block !important;
   }

      #standardModalSendEmail .attachment-panel #standardUploadAnchor.hidden {
         display: none !important;
      }

      #standardModalSendEmail .attachment-panel #standardUploadAnchor:hover {
         background-color: #4c4f53;
      }

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

      #standardModalSendEmail .attachment-panel .attachment-container .attachment-file .input-div .file-name {
         white-space: nowrap;
         text-overflow: ellipsis;
         display: block;
         overflow: hidden;
      }

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


/* Invio Email
------------------------------------------------------------------------------------------------- */
#modalSendEmail .modal-actions {
   text-align: right;
}

   #modalSendEmail .modal-actions a {
      font-size: 16px;
      border-bottom: 1px solid;
      margin-left: 10px;
   }

/*Allegati*/
#modalSendEmail .attachment-panel {
   border: 1px solid #1AB8DE;
   padding: 15px;
   margin-top: 15px;
}

   #modalSendEmail .attachment-panel .dropzone {
      margin-top: 15px;
      background-color: transparent;
      min-height: auto;
      padding: 10px;
      margin-bottom: 10px !important;
   }

      #modalSendEmail .attachment-panel .dropzone .dz-message {
         color: #4c4f53;
         margin: 10px 0;
         font-size: 16px;
      }

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

   #modalSendEmail .attachment-panel #sendInvoiceUploadAnchor {
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      background-color: #3276b1;
      color: #FFF;
      padding: 15px 0;
      border-radius: 5px;
      display: block !important;
   }

      #modalSendEmail .attachment-panel #sendInvoiceUploadAnchor.hidden {
         display: none !important;
      }

      #modalSendEmail .attachment-panel #sendInvoiceUploadAnchor:hover {
         background-color: #4c4f53;
      }

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

      #modalSendEmail .attachment-panel .attachment-container .attachment-file .input-div .file-name {
         white-space: nowrap;
         text-overflow: ellipsis;
         display: block;
         overflow: hidden;
      }

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


/* Home page periti
------------------------------------------------------------------------------------------------- */
.home-page-experts .image-header {
   height: 600px;
   background-size: cover;
   background-position: center;
}

.home-page-experts h2 {
   text-align: center;
   font-weight: 900;
   font-size: 35px;
   margin: 20px 0;
}

.home-page-experts .grid {
   text-align: center;
}

   .home-page-experts .grid a {
      display: block;
      background-color: #FFF;
      box-shadow: 1px 1px 5px rgba(0,0,0,.1);
      color: #4c4f53;
   }

      .home-page-experts .grid a .image {
         height: 150px;
         background-size: cover;
         background-position: center;
      }

      .home-page-experts .grid a .icon {
         display: inline-block;
         width: 80px;
         height: 80px;
         background-color: #1AB8DE;
         color: #FFF;
         font-size: 36px;
         border-radius: 50%;
         line-height: 80px;
         margin-top: -50px;
      }

      .home-page-experts .grid a .text {
         padding: 30px 15px;
      }

         .home-page-experts .grid a .text .name {
            font-size: 23px;
            font-weight: bold;
            display: block;
         }

         .home-page-experts .grid a .text .more {
            display: inline-block;
            background-color: #1AB8DE;
            color: #FFF;
            text-transform: uppercase;
            padding: 10px 30px;
            border-radius: 20px;
            margin-top: 15px;
         }

      .home-page-experts .grid a:hover .text .more {
         background-color: #151c33;
      }

@media(max-width:992px) {
   .home-page-experts .image-header {
      height: 400px;
   }

   .home-page-experts h2 {
      font-size: 35px;
   }
}

@media(max-width:767px) {
   .home-page-experts .image-header {
      height: 250px;
   }

   .home-page-experts h2 {
      font-size: 25px;
   }
}

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


/* Anagrafiche
------------------------------------------------------------------------------------------------- */
.section.manage-anagraphics .interests-container .input-div {
   position: relative;
}

   .section.manage-anagraphics .interests-container .input-div input {
      padding-right: 65px;
   }

   .section.manage-anagraphics .interests-container .input-div .icon-container {
      position: absolute;
      top: 3px;
      right: 3px;
   }

      .section.manage-anagraphics .interests-container .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;
      }

         .section.manage-anagraphics .interests-container .input-div .icon-container a.btn-red {
            border: none;
            background-color: #DD0000;
         }

            .section.manage-anagraphics .interests-container .input-div .icon-container a.btn-red:hover {
               background-color: #151c33;
            }


.manage-anagraphics .record .inputbox a.add-button {
   background-color: #FFF;
   border: 1px solid #476E9F;
   border-radius: 9px;
   color: #4c4f53;
   display: inline-block;
   font-size: 12px;
   line-height: 14px;
   height: auto;
   padding: 2px 10px;
   width: auto;
   /* 
   margin: 0 5px 0 0;*/
   margin-left: 5px;
}

   .manage-anagraphics .record .inputbox a.add-button:hover {
      background-color: #4c4f53;
      color: #FFF;
   }

.manage-anagraphics .segnalator .ban-container {
   background-color: #d3ddeb;
   margin: 20px 12px 25px 12px;
   padding-top: 16px;
   position: relative;
}

.manage-anagraphics .segnalator .add-link {
   margin-right: 15px;
   text-align: right;
}

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


/* Statistiche
------------------------------------------------------------------------------------------------- */
.graph-grid .panel-element .panel-content {
   padding: 30px 15px 15px;
}

.graph-grid a.item {
   display: block;
   background-color: #FFF;
   margin-bottom: 15px;
   border: 1px solid #e9e9e9;
   padding: 15px;
   position: relative;
   padding-left: 105px;
   color: #4c4f53;
   font-size: 16px;
}

   .graph-grid a.item:hover {
      background-color: #fafafa;
   }

   .graph-grid a.item > i {
      position: absolute;
      width: 80px;
      background-color: #1AB8DE;
      height: 80px;
      left: 15px;
      color: #FFF;
      line-height: 80px;
      border-radius: 50%;
      text-align: center;
      font-size: 30px;
   }

   .graph-grid a.item .title {
      font-size: 20px;
      font-weight: bold;
   }

   .graph-grid a.item .more {
      background-color: #F7BD6C;
      color: #FFF;
      padding: 2px 10px;
      border-radius: 7px;
      display: inline-block;
      margin-top: 10px;
      font-size: 14px;
   }

   .graph-grid a.item:hover .more {
      background-color: #4c4f53;
   }

/*Query*/
.execute-query .parameters .execute-query-description {
   padding: 0 15px 15px;
   font-size: 20px;
   position: relative;
   margin-bottom: 15px;
   font-weight: bold;
}

   .execute-query .parameters .execute-query-description::after {
      content: "";
      position: absolute;
      width: 100px;
      height: 3px;
      background-color: #1AB8DE;
      left: 15px;
      bottom: 0;
   }

.execute-query-message {
   background-color: #e9e9e9;
   padding: 20px;
   text-align: center;
   font-size: 20px;
}

.execute-query .list .panel-content {
   padding: 20px 15px;
}

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


/* Anagrafiche
------------------------------------------------------------------------------------------------- */
.manage-anagraphics ol.breadcrumb .anagraphics-name,
.pre-dossiers ol.breadcrumb .anagraphics-name {
   background-color: #B2DD68;
   font-weight: 600;
   padding: 8px;
   margin-left: 9px;
   border-radius: 5px;
   font-size: 14px;
   color: #FFF;
}

.color-block {
   padding: 10px 10px 10px 10px;
   background-color: #1AB8DE;
   color: #FFF;
   margin-bottom: 10px;
}

   .color-block .color-block-title {
      margin-bottom: 10px;
      position: relative;
   }

      .color-block .color-block-title > i {
         display: inline-block;
         background-color: #FFF;
         color: #1AB8DE;
         width: 30px;
         height: 30px;
         border-radius: 50%;
         line-height: 30px;
         font-size: 22px;
         text-align: center;
         margin-right: 10px;
         float: left;
      }

      .color-block .color-block-title span {
         font-size: 20px;
         font-weight: bold;
         text-transform: uppercase;
         display: inline-block;
         line-height: 30px;
      }

      .color-block .color-block-title .add-link {
         position: absolute;
         right: 0;
         bottom: -5px;
      }

         .color-block .color-block-title .add-link a {
            background-color: #FFF;
            display: inline-block;
            padding: 2px 10px;
            font-size: 12px;
            border-radius: 9px;
            color: #4c4f53;
            margin-left: 5px;
         }

            .color-block .color-block-title .add-link a:hover {
               background-color: #4c4f53;
               color: #FFF;
            }

.inputbox.vertical .color-block .validation-required {
   background-image: url("../Images/ValidationRequiredWhite.png");
}

.manage-anagraphics .form-group,
.pre-dossiers .form-group {
   margin-bottom: 10px;
   position: relative;
}

.form-simple-layout .form-control {
   background-color: transparent;
   color: #FFF;
   border-top: none;
   border-left: none;
   border-right: none;
   border-bottom: 2px solid;
   padding-left: 0;
   padding-top: 0;
   height: 25px;
}

.form-simple-layout select.form-control option {
   color: #4C4F5C;
}

.form-simple-layout .form-control:focus {
   border-color: #4c4f53;
}

.manage-anagraphics .second-column,
.pre-dossiers .second-column {
   padding-left: 0;
}

/*Pannello bianco*/
.color-block.color-block-white {
   background-color: #fff;
   border: 1px solid #1AB8DE;
   color: #4c4f53;
}

   .color-block.color-block-white .color-block-title > i {
      background-color: #1AB8DE;
      color: #FFF;
   }

   .color-block.color-block-white .color-block-title .add-link a {
      background-color: #4c4f53;
      color: #FFF;
   }

      .color-block.color-block-white .color-block-title .add-link a:hover {
         background-color: #1AB8DE;
         color: #FFF;
      }

   .color-block.color-block-white .form-simple-layout .form-control {
      color: #4c4f53;
   }

      .color-block.color-block-white .form-simple-layout .form-control:focus {
         border-color: #1AB8DE;
      }

/*Pannello Utente*/
.color-block.user-block {
   background-color: #31C385;
}

   .color-block.user-block .color-block-title > i {
      color: #31C385;
   }

   .color-block.user-block #companyInputText,
   .color-block.user-block #lastNameInputText,
   .color-block.user-block #firstNameInputText {
      background-color: #FFF;
      color: #31C385;
      font-weight: bold;
      padding: 5px;
      height: 32px !important;
      font-size: 17px;
   }

/*Rappresentante legale*/
.color-block.legal-data-block {
   background-color: #1B8E68;
}

   .color-block.legal-data-block .color-block-title > i {
      color: #1B8E68;
   }

.section.manage-anagraphics .actions {
   margin-bottom: 0;
}

.section.manage-anagraphics .collapse-expand-invoice-data {
   margin: 0;
   width: 30px;
   height: 30px;
   line-height: 30px;
}

.section.manage-anagraphics .collapse-expand-legal-data {
   margin: 0;
   width: 30px;
   height: 30px;
   line-height: 30px;
}

.manage-anagraphics .legal-data .copy-link {
   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-anagraphics .legal-data .copy-link:hover {
      background-color: #4c4f53;
      color: #FFF;
   }


/*Indirizzi*/
.color-block.addresses-block {
   background-color: #FFCD00;
}

   .color-block.addresses-block .color-block-title > i {
      color: #FFCD00;
   }

   .color-block.addresses-block .addresses-container .item {
      position: relative;
      padding-left: 35px;
      margin-bottom: 10px;
      min-height: 60px;
   }

      .color-block.addresses-block .addresses-container .item .actions {
         position: absolute;
         left: 0;
      }

         .color-block.addresses-block .addresses-container .item .actions a {
            display: block;
            background-color: #FFF;
            color: #4c4f53;
            width: 25px;
            height: 25px;
            text-align: center;
            margin-bottom: 5px;
            line-height: 25px;
            border-radius: 5px;
         }

         .color-block.addresses-block .addresses-container .item .actions .fa-pencil {
            background-color: #ccc;
            color: #fff;
            padding: 5px;
            border-radius: 50%;
            width: 25px;
            height: 25px;
         }

         .color-block.addresses-block .addresses-container .item .actions .fa-trash-o {
            background-color: #DD0000;
            color: #fff;
            padding: 5px;
            border-radius: 50%;
            width: 25px;
            height: 25px;
         }

         .color-block.addresses-block .addresses-container .item .actions a:hover {
            background-color: #4c4f53;
            color: #FFF;
         }

      .color-block.addresses-block .addresses-container .item .info .evidence {
         font-weight: bold;
         display: block;
         font-size: 18px;
      }

/*Interessi*/
.color-block.interests-block {
   background-color: #D061E1;
}

   .color-block.interests-block .color-block-title > i {
      color: #5B4E89;
   }

.section.manage-anagraphics .color-block.interests-block .interests-container .input-div input {
   padding-right: 25px;
}

.section.manage-anagraphics .interests-container .input-div .icon-container {
   position: absolute;
   top: 0px;
   right: 0;
}

   .section.manage-anagraphics .interests-container .input-div .icon-container a {
      font-size: 16px;
      background-color: #1AB8DE;
      display: inline-block;
      width: 20px;
      height: 20px;
      color: #FFF;
      text-align: center;
      line-height: 21px;
   }

/*Pannello Contatti*/
.color-block.contacts-block {
   background-color: #FE686A;
}

   .color-block.contacts-block .color-block-title > i {
      color: #FE686A;
   }

   .color-block.contacts-block .contacts-container .contact-element {
      background-color: transparent;
      margin: 0;
      padding: 0;
      border-radius: 0;
   }

      .color-block.contacts-block .contacts-container .contact-element .delivery-header {
         background-color: #FFF;
         color: #FE686A;
         border: none;
         font-weight: bold;
         padding: 2px 3px 2px 10px;
         border-radius: 5px;
      }

         .color-block.contacts-block .contacts-container .contact-element .delivery-header span.delivery-actions a {
            display: inline-block;
            background-color: #FE686A;
            width: 21px;
            height: 21px;
            color: #FFF;
            text-align: center;
            margin-left: 1px;
            border-radius: 5px;
         }

            .color-block.contacts-block .contacts-container .contact-element .delivery-header span.delivery-actions a:hover {
               background-color: #4c4f53;
               color: #FFF;
            }

      .color-block.contacts-block .contacts-container .contact-element .info-container {
         column-count: 2;
         display: block;
      }

      .color-block.contacts-block .contacts-container .contact-element.collapsed .info-container {
         display: none;
      }

      .color-block.contacts-block .contacts-container .contact-element .info-container .contacts-item {
         break-after:;
         break-inside: avoid-column;
         -webkit-column-break-inside: avoid;
         page-break-inside: avoid;
         margin-bottom: 10px;
      }

         .color-block.contacts-block .contacts-container .contact-element .info-container .contacts-item .title {
            font-weight: bold;
            font-size: 16px;
            padding-left: 0;
         }

            .color-block.contacts-block .contacts-container .contact-element .info-container .contacts-item .title i {
               background-color: #FFF;
               color: #FE686A;
               width: 25px;
               height: 25px;
               border-radius: 50%;
               text-align: center;
               line-height: 25px;
            }

         .color-block.contacts-block .contacts-container .contact-element .info-container .contacts-item a {
            color: #FFF;
         }

            .color-block.contacts-block .contacts-container .contact-element .info-container .contacts-item a:hover {
               text-decoration: underline;
            }

      .color-block.contacts-block .contacts-container .contact-element span {
         display: inline-block;
      }

      .color-block.contacts-block .contacts-container .contact-element .info-container .contacts-item > span {
         padding-left: 30px;
         display: block;
      }

      .color-block.contacts-block .contacts-container .contact-element .info-container .contacts-item a span:before {
         content: ">";
         margin-right: 4px;
      }

.contacts-block #mobileInputText::placeholder {
   color: rgba(255, 255, 255, 0.6);
}

/*Pannello Responsabili*/
.color-block.referent-block {
   background-color: #2093F0;
}

   .color-block.referent-block .color-block-title > i {
      color: #889CBF;
   }

/*Pannello Note*/
.color-block.note-block .form-group {
   margin-bottom: 0;
   ;
}

.color-block.note-block {
   background-color: #FFAE6D;
}

   .color-block.note-block .color-block-title > i {
      color: #FFAE6D;
   }

/*Scadenze*/
.expiration-container .panel-element {
   margin-bottom: 10px;
}

/*Pannello Pratiche*/
.panel-dossiers.dossiers-block .panel-header,
.panel-dossiers-clicker.dossiers-clicker-block .panel-header {
   background-color: #01C3C5;
   border-color: #01C3C5;
}

   .panel-dossiers.dossiers-block .panel-header h2 span.has-items,
   .panel-dossiers-clicker.dossiers-clicker-block .panel-header h2 span.has-items {
      background-color: #FFF;
      color: #01C3C5;
   }


.panel-dossiers.dossiers-block .panel-content,
.panel-dossiers-clicker.dossiers-clicker-block .panel-content {
   background-color: #01C3C5;
   color: #FFF;
   border-color: #01C3C5;
   padding: 10px 3px;
}

.panel-dossiers.dossiers-block .dossier-item .ban,
.panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban {
   font-weight: bold;
   background-color: #FFF;
   color: #01C3C5;
   padding: 2px 10px;
   font-size: 20px;
   margin-bottom: 10px;
   border-radius: 5px;
}

.panel-dossiers.dossiers-block .dossier-item:hover .ban,
.panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item:hover .ban {
   background-color: #4c4f53;
   color: #FFF;
}

.panel-dossiers.dossiers-block .dossier-item,
.panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item {
   display: block;
   color: #FFF;
   font-size: 12px;
   border-bottom: 1px solid rgba(255,255,255,0.5);
   padding: 5px 0;
}

.panel-dossiers.dossiers-block .predossier-item.dossier-item,
.panel-dossiers-clicker.dossiers-clicker-block .predossier-item.dossier-clicker-item {
   background-color: #A5A5A5;
}

.panel-dossiers.dossiers-block .dossier-item .item,
.panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .item {
   padding: 0 5px;
}

.panel-dossiers.dossiers-block .dossier-item .ban-info.row,
.panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban-info.row {
   margin: 0 -5px;
   padding-left: 20px;
   position: relative;
}

.panel-dossiers.dossiers-block .dossier-item .item.item-ban,
.panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .item.item-ban {
   font-weight: bold;
   text-transform: uppercase;
   font-size: 14px;
}

.panel-dossiers.dossiers-block .dossier-item:hover .item.item-ban,
.panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item:hover .item.item-ban {
   color: #4c4f53;
}

.panel-dossiers.dossiers-block .dossier-item .ban-info .status,
.panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban-info .status {
   width: 16px;
   background-color: #FFF;
   height: 16px;
   display: block;
   position: absolute;
   left: 6px;
   border-radius: 50%;
   top: 2px;
}

   .panel-dossiers.dossiers-block .dossier-item .ban-info .status.blue,
   .panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban-info .status.blue {
      background-color: #0077FF;
   }

   .panel-dossiers.dossiers-block .dossier-item .ban-info .status.gray,
   .panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban-info .status.gray {
      background-color: #A0A0A0;
   }

   .panel-dossiers.dossiers-block .dossier-item .ban-info .status.green,
   .panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban-info .status.green {
      background-color: #4CC100;
   }

   .panel-dossiers.dossiers-block .dossier-item .ban-info .status.yellow,
   .panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban-info .status.yellow {
      background-color: #FFDA00;
   }

   .panel-dossiers.dossiers-block .dossier-item .ban-info .status.orange,
   .panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban-info .status.orange {
      background-color: #FF6A00;
   }

   .panel-dossiers.dossiers-block .dossier-item .ban-info .status.red,
   .panel-dossiers-clicker.dossiers-clicker-block dossier-clicker-item .ban-info .status.red {
      background-color: #CB0000;
   }

   .panel-dossiers.dossiers-block .dossier-item .ban-info .status.white,
   .panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban-info .status.white {
      background-color: #FFF;
   }

.panel-dossiers.dossiers-block .dossier-item .ban-info .item span,
.panel-dossiers-clicker.dossiers-clicker-block .dossier-clicker-item .ban-info .item span {
   display: block;
   font-weight: 600;
}

/*Comunicazioni*/
.manage-anagraphics .panel-communications .panel-content .item .name,
.pre-dossiers .panel-communications .panel-content .item .name {
   display: inline-block;
}

.manage-anagraphics .panel-communications .actions .send-email,
.manage-anagraphics .panel-documents .actions .add-link,
.manage-anagraphics .panel-dossiers .actions .add-link,
.manage-anagraphics .legal-data .actions .copy-link,
.pre-dossiers .panel-dossiers .actions .add-link,
.pre-dossiers .panel-communications .actions .send-email,
.pre-dossiers .panel-documents .actions .add-link {
   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-anagraphics .panel-communications .actions .send-email:hover,
   .manage-anagraphics .panel-documents .actions .add-link:hover,
   .manage-anagraphics .panel-dossiers .actions .add-link:hover,
   .manage-anagraphics .legal-data .actions .copy-link:hover,
   .pre-dossiers .panel-communications .actions .send-email:hover,
   .pre-dossiers .panel-documents .actions .add-link:hover {
      background-color: #4c4f53;
      color: #FFF;
   }

/*Salva*/
.record-anagraphics-save {
   background-color: rgba(255,255,255,0.5);
   padding: 5px;
   text-align: center;
   position: fixed;
   bottom: 0;
   width: 100%;
   left: 0;
   border-top: 2px solid #3F4D67;
}

/*Documenti*/
.manage-anagraphics .panel-documents,
.pre-dossiers .panel-documents {
   margin-bottom: 0;
}

   .manage-anagraphics .panel-documents .panel-content,
   .pre-dossiers .panel-documents .panel-content {
      padding: 0;
   }

   .manage-anagraphics .panel-documents .panel-documents-actions,
   .pre-dossiers .panel-documents .panel-documents-actions {
      background-color: #EFEFEF;
      padding: 10px 15px 10px 0;
   }

      .manage-anagraphics .panel-documents .panel-documents-actions:after,
      .pre-dossiers .panel-documents .panel-documents-actions:after {
         clear: both;
         content: ".";
         height: 0;
         visibility: hidden;
         display: block;
      }

      .manage-anagraphics .panel-documents .panel-documents-actions a,
      .pre-dossiers .panel-documents .panel-documents-actions a {
         float: right;
      }

      .manage-anagraphics .panel-documents .panel-documents-actions .form-group,
      .pre-dossiers .panel-documents .panel-documents-actions .form-group {
         margin: 0;
      }

      .manage-anagraphics .panel-documents .panel-documents-actions .input-div,
      .pre-dossiers .panel-documents .panel-documents-actions .input-div {
         display: inline-block;
         width: 400px;
         margin-left: 10px;
      }

   .manage-anagraphics .panel-documents .documents .item,
   .pre-dossiers .panel-documents .documents .item {
      border-bottom: 1px solid #e9e9e9;
      position: relative;
      padding: 6px 80px 6px 50px;
   }

      .manage-anagraphics .panel-documents .documents .item .download-document,
      .pre-dossiers .panel-documents .documents .item .download-document {
         width: 35px;
         height: 35px;
         background-color: #1AB8DE;
         display: inline-block;
         border-radius: 50%;
         color: #FFF;
         text-align: center;
         line-height: 35px;
         position: absolute;
         left: 10px;
         top: 5px;
      }

      .manage-anagraphics .panel-documents .documents .item .document-name,
      .pre-dossiers .panel-documents .documents .item .document-name {
         font-weight: bold;
      }

      .manage-anagraphics .panel-documents .documents .item .actions,
      .pre-dossiers .panel-documents .documents .item .actions {
         position: absolute;
         right: 5px;
         top: 3px;
      }

         .manage-anagraphics .panel-documents .documents .item .actions a,
         .pre-dossiers .panel-documents .documents .item .actions a {
            color: #FFF;
            background-color: #1AB8DE;
            font-size: 12px;
            padding: 2px 5px;
            border-radius: 5px;
            display: block;
            margin-bottom: 2px;
            text-align: center;
         }

            .manage-anagraphics .panel-documents .documents .item .actions a.btn-delete,
            .pre-dossiers .panel-documents .documents .item .actions a.btn-delete {
               background-color: #D90329;
            }

               .manage-anagraphics .panel-documents .documents .item .actions a:hover,
               .manage-anagraphics .panel-documents .documents .item .actions a.btn-delete:hover,
               .pre-dossiers .panel-documents .documents .item .actions a:hover,
               .pre-dossiers .panel-documents .documents .item .actions a.btn-delete:hover {
                  background-color: #333;
               }

/*Links*/
.manage-anagraphics .anagraphic-links {
   margin-top: 40px;
}

   .manage-anagraphics .anagraphic-links a {
      display: block;
      margin-bottom: 10px;
      font-weight: bold;
   }

/*Rapporto con Esseci*/
.manage-anagraphics .anagraphic-type .input-div {
   column-count: 2;
}

/*Anagrafiche correlate*/
.related-anagraphics-container .panel-header h2 span.has-items {
   background-color: #FFF;
   color: #1AB8DE;
}

/*Fatture*/
.color-block.invoices-block.invoice-data .item-counter.has-items,
.color-block.invoices-block.invoice-data .item-not-payed-counter {
   font-weight: normal;
   display: inline-block;
   width: 30px;
   height: 30px;
   background-color: #FFF;
   border-radius: 50%;
   text-align: center;
   margin-left: 5px;
   color: #1AB8DE;
}

.color-block.invoices-block.invoice-data .item-not-payed-counter {
   background-color: #DC5E5A;
   color: #FFF;
}

.color-block.invoices-block.invoice-data td.invoice-title {
   position: relative;
   padding-left: 18px !important;
}

.color-block.invoices-block.invoice-data td .status {
   width: 10px;
   height: 10px;
   background-color: #B2DD68;
   display: inline-block;
   border-radius: 50%;
   position: absolute;
   left: 3px;
   top: 8px;
}

   .color-block.invoices-block.invoice-data td .status.not-payed {
      background-color: #DC5E5A;
   }

   .color-block.invoices-block.invoice-data td .status.waiting-for-payment {
      background-color: yellow;
   }

.color-block.invoices-block.invoice-data tfoot {
   font-weight: bold;
}

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


/* Search tech DVR
------------------------------------------------------------------------------------------------- */
.search-tech-dvr .downlad-grid,
.search-tech-isi-dvr .downlad-grid,
.search-tech-status-isi .downlad-grid {
   margin-bottom: 10px;
}

   .search-tech-dvr .downlad-grid a,
   .search-tech-isi-dvr .downlad-grid a,
   .search-tech-status-isi .downlad-grid a {
      display: inline-block;
      background-color: #B2DD69;
      color: #FFF;
      padding: 2px 15px;
      border-radius: 9px;
   }

   .search-tech-isi-dvr .downlad-grid.secondary-link a {
      background-color: #1AB8DE;
   }

      .search-tech-dvr .downlad-grid a:hover,
      .search-tech-isi-dvr .downlad-grid a:hover,
      .search-tech-status-isi .downlad-grid a:hover,
      .search-tech-isi-dvr .downlad-grid.secondary-link a:hover {
         background-color: #4c4f53;
      }

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


/* Dashboard
------------------------------------------------------------------------------------------------- */
#two-column-layout {
   padding: 0 5px;
   margin: 0;
}

   #two-column-layout .column-container {
      padding: 0 5px;
   }

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


/* Invio email da file xls
------------------------------------------------------------------------------------------------- */
.send-emails-by-xls .infobox {
   font-weight: bold;
   padding: 15px;
   margin-bottom: 10px;
}

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


/* Pratiche Periti per copia
------------------------------------------------------------------------------------------------- */
.experts.dossiers .panel-inner-title {
   display: block;
   margin: 0 15px 20px;
   background-color: #1AB8DE;
   text-align: center;
   font-weight: bold;
   font-size: 16px;
   color: #FFF;
   padding: 2px 15px;
}

.experts.dossiers .phase-1 {
   margin-bottom: 15px;
}

.experts.dossiers .documents-list {
   padding: 0 30px;
}

   .experts.dossiers .documents-list a {
      display: block;
   }

   .experts.dossiers .documents-list a {
      margin-bottom: 10px;
      font-size: 16px;
      color: #4c4f53;
   }

      .experts.dossiers .documents-list a:hover {
         color: #1AB8DE;
      }

.experts.dossiers .expert-documents-container {
   border-top: 1px solid #CCC;
   padding: 20px 20px 5px;
   border-bottom: 1px solid #CCC;
   margin-top: 20px;
}

   .experts.dossiers .expert-documents-container:after {
      clear: both;
      content: ".";
      height: 0;
      visibility: hidden;
      display: block;
   }

   .experts.dossiers .expert-documents-container > .title {
      font-size: 20px;
      font-weight: bold;
      color: #1AB8DE;
      display: block;
      margin-bottom: 10px;
   }

.experts.dossiers .attachments .note {
   background-color: #FFAE00;
   color: #FFF;
   text-align: center;
   padding: 10px;
   font-size: 16px;
   font-weight: 600;
   margin: 20px 15px 0;
}

.experts.dossiers td.clipboard {
   background-color: #0078D7 !important;
   color: #FFF !important;
}

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


/* Richiesta pratiche cliente
------------------------------------------------------------------------------------------------- */
.stepwizard .stepwizard-step a.completed {
   border-color: green;
   border-width: 2px;
}

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


/* Dossier Cliccatori
------------------------------------------------------------------------------------------------- */
.panel-dossiers-clicker.dossiers-clicker-block .panel-header {
   background-color: #01C3C5;
   border-color: #01C3C5;
}

   .panel-dossiers-clicker.dossiers-clicker-block .panel-header h2 span.has-items {
      background-color: #FFF;
      color: #01C3C5;
   }

.panel-dossiers-clicker.dossiers-clicker-block .panel-content {
   background-color: #01C3C5;
   color: #FFF;
   border-color: #01C3C5;
   padding: 10px 3px;
}

.panel-dossiers-clicker.dossiers-clicker-block .dossier-item {
   display: block;
   color: #FFF;
   font-size: 12px;
   border-bottom: 1px solid rgba(255,255,255,0.5);
   padding: 5px 0;
}

   .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .item {
      padding: 0 5px;
   }

   .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info.row {
      margin: 0 -5px;
      padding-left: 20px;
      position: relative;
   }

   .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .item.item-ban {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 14px;
   }

   .panel-dossiers-clicker.dossiers-clicker-block .dossier-item :hover .item.item-ban {
      color: #4c4f53;
   }

   .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info .status {
      width: 16px;
      background-color: #FFF;
      height: 16px;
      display: block;
      position: absolute;
      left: 6px;
      border-radius: 50%;
      top: 2px;
   }

      .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info .status.blue {
         background-color: #0077FF;
      }

      .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info .status.gray {
         background-color: #A0A0A0;
      }

      .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info .status.green {
         background-color: #4CC100;
      }

      .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info .status.yellow {
         background-color: #FFDA00;
      }

      .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info .status.orange {
         background-color: #FF6A00;
      }

      .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info .status.red {
         background-color: #CB0000;
      }

      .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info .status.white {
         background-color: #FFF;
      }

   .panel-dossiers-clicker.dossiers-clicker-block .dossier-item .ban-info .item span {
      display: block;
      font-weight: 600;
   }

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


/* Pratica CDI 4.0 - 
------------------------------------------------------------------------------------------------- */
.dossier.dossier-cdi40 #stepLinks.anchor-step-link {
   top: 50%;
   margin-top: -65px;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .panel-content {
   padding: 10px;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .main-title {
   font-size: 16px;
   font-weight: bold;
   background-color: #4c4f53;
   text-transform: uppercase;
   margin-bottom: 8px;
   display: inline-block;
   color: #FFF;
   padding: 1px 10px;
   border-radius: 3px;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .indented-item {
   margin-left: 35px;
   margin-bottom: 8px;
   border-left: 1px dashed #000;
   padding-left: 10px;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .panel-content > .indented-item {
   margin: 0;
   border: none;
   padding: 0;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .text {
   font-weight: 600;
   font-size: 17px;
   text-decoration: underline;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .form-group {
   margin-bottom: 0;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .option-label {
   font-weight: normal;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .checkbox-note {
   display: block;
   font-size: 11px;
   font-style: italic;
   margin-top: -5px;
   margin-left: 25px;
   margin-bottom: 5px;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .required-field,
.dossier-cdi40 .step2 .panel-good .panel-requisites .required-one-field {
   background-color: #0094FF;
   color: #FFF;
   display: inline-block;
   padding: 0px 10px;
   font-size: 13px;
   border-radius: 1px;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .required-one-field {
   background-color: #FF9B59;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .input-group {
   padding-left: 18px;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .input-type-checkbox {
   padding-top: 21px !important;
   display: inline-block;
   position: absolute;
   left: 0;
}

.dossier-cdi40 .step2 .panel-good .panel-requisites .divider-field {
   width: 100%;
   border-top: 1px dashed #AAA;
   margin-bottom: 5px;
   max-width: 400px;
}

/*Legenda*/
.dossier-cdi40 .step2 .panel-good .panel-requisites .panel-legend {
   float: right;
   background-color: #FFF;
   padding: 5px;
   margin: 5px;
}

   .dossier-cdi40 .step2 .panel-good .panel-requisites .panel-legend .legend-item {
      background-color: #FFF;
      color: #000;
      display: block;
      padding: 0;
      font-size: 12px;
   }

      .dossier-cdi40 .step2 .panel-good .panel-requisites .panel-legend .legend-item span {
         width: 15px;
         height: 10px;
         display: inline-block;
         margin-right: 3px;
      }

      .dossier-cdi40 .step2 .panel-good .panel-requisites .panel-legend .legend-item.required-field > span {
         background-color: #0094FF;
      }

      .dossier-cdi40 .step2 .panel-good .panel-requisites .panel-legend .legend-item.required-one-field > span {
         background-color: #FF9B59;
      }

/*Gestione pratica*/
.dossiers-cdi40.dossiers .dossier .good-item:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.dossiers-cdi40.dossiers .dossier .good-item {
   border-bottom: 1px dashed #CCC;
   margin-bottom: 10px;
}

   .dossiers-cdi40.dossiers .dossier .good-item:last-child {
      border-bottom: none;
      margin-bottom: 0;
   }

   .dossiers-cdi40.dossiers .dossier .good-item .good-label span {
      display: inline-block;
      background-color: #4c4f53;
      color: #FFF;
      font-weight: bold;
      text-transform: uppercase;
      padding: 2px 10px;
      border-radius: 5px;
      margin-bottom: 5px;
   }

.dossier.dossier-cdi40
/*Gestione pratica*/
.dossier.dossier-cdi40 .panel-dossier-info .good-item:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.dossier.dossier-cdi40 .panel-dossier-info .good-item {
   border-bottom: 1px dashed #CCC;
   margin-bottom: 10px;
}

   .dossier.dossier-cdi40 .panel-dossier-info .good-item::after {
      clear: both;
      content: ".";
      height: 0;
      display: block;
      visibility: hidden;
   }

   .dossier.dossier-cdi40 .panel-dossier-info .good-item:last-child {
      border-bottom: none;
      margin-bottom: 0;
   }

   .dossier.dossier-cdi40 .panel-dossier-info .good-item .good-label span {
      display: inline-block;
      background-color: #4c4f53;
      color: #FFF;
      font-weight: bold;
      text-transform: uppercase;
      padding: 2px 10px;
      border-radius: 5px;
      margin-bottom: 5px;
   }

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


/* Calendario Consulenze
------------------------------------------------------------------------------------------------- */
.update-counseling-request .calendar-date .introduction {
   margin-bottom: 35px;
   text-align: center;
}

.update-counseling-request .calendar-content {
   border-left: none;
}

.update-counseling-request .calendar-date .calendar-header {
   text-align: center;
   margin-bottom: 5px;
}

   .update-counseling-request .calendar-date .calendar-header a {
      color: #3F4D67;
      font-size: 30px;
   }

      .update-counseling-request .calendar-date .calendar-header a:hover {
         color: #1AB8DE;
      }

   .update-counseling-request .calendar-date .calendar-header .current-date {
      font-weight: 600;
      color: #3F4D67;
      font-size: 22px;
      line-height: 43px;
   }

.update-counseling-request .calendar-date .calendar-day-title {
   background-color: #3F4D67;
   color: #FFF;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 5px;
   margin-top: 0;
}

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

   .update-counseling-request .calendar-date .calendar-day-title div {
      width: 14.2857%;
      float: left;
      text-align: center;
      padding: 10px 0;
   }

.update-counseling-request .calendar-date .calendar-content .calendar-day {
   float: left;
   width: 14.2857%;
   text-align: center;
   padding: 17px 0px;
   background-color: #dcdcdc;
   border-left: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
   cursor: pointer;
   border-right: none;
   height: 60px;
}

   .update-counseling-request .calendar-date .calendar-content .calendar-day:hover {
      background-color: #FFF;
   }

   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(7),
   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(14),
   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(21),
   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(28),
   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(35),
   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(7):hover,
   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(14):hover,
   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(21):hover,
   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(28):hover,
   .update-counseling-request .calendar-date .calendar-content .calendar-day:nth-child(35):hover {
      background-color: #505050;
      color: #dcdcdc;
      cursor: default;
   }

   .update-counseling-request .calendar-date .calendar-content .calendar-day.current-date {
      font-weight: 600;
   }

.update-counseling-request .calendar-date .current-month.calendar-day.selected-date {
   background-color: #1AB8DE;
   font-weight: bold;
}

.update-counseling-request .calendar-date .calendar-content .calendar-day.disabled,
.update-counseling-request .calendar-date .calendar-content .calendar-day.prev-day,
.update-counseling-request .calendar-date .calendar-content .calendar-day.prev-month,
.update-counseling-request .calendar-date .calendar-content .calendar-day.busy-day {
   background-color: #F6F8F7 !important;
   color: #dcdcdc;
   cursor: not-allowed;
}

.update-counseling-request .calendar-date .calendar-content .calendar-day.requested-date {
   background-color: #FFD800 !important;
   color: #FFF;
}


/*Orari*/
.update-counseling-request .hours-calendar .hours-header .selected-day {
   display: block;
   color: #3F4D67;
   font-weight: 600;
   line-height: 43px;
   font-size: 22px;
   text-align: center;
   margin-bottom: 5px;
}

.update-counseling-request .hours-calendar .doctor-band {
   position: relative;
}

   .update-counseling-request .hours-calendar .doctor-band .doctor-selected {
      background-color: #3F4D67;
      color: #FFF;
      text-align: center;
      font-size: 20px;
      padding: 7px 30px;
      cursor: pointer;
      position: relative;
   }

      .update-counseling-request .hours-calendar .doctor-band .doctor-selected span {
         font-weight: 600;
      }

      .update-counseling-request .hours-calendar .doctor-band .doctor-selected:after {
         content: "\f078";
         font-family: "FontAwesome";
         font-weight: bold;
         position: absolute;
         right: 10px;
         font-size: 27px;
         top: 3px;
      }

   .update-counseling-request .hours-calendar .doctor-band.open .doctor-selected::after {
      content: "\f077";
   }

   .update-counseling-request .hours-calendar .doctor-band .doctors-list {
      position: absolute;
      background-color: #dcdcdc;
      width: 100%;
      z-index: 3;
   }

      .update-counseling-request .hours-calendar .doctor-band .doctors-list span {
         display: block;
         text-align: center;
         font-size: 20px;
         border-top: 1px solid #FFF;
         padding: 5px;
         cursor: pointer;
      }

         .update-counseling-request .hours-calendar .doctor-band .doctors-list span:hover {
            background-color: #3F4D67;
            color: #FFF;
         }

         .update-counseling-request .hours-calendar .doctor-band .doctors-list span.selected {
            font-weight: 600;
         }

.update-counseling-request .hours-calendar .hours-content {
   margin: 3px -3px 0;
}

   .update-counseling-request .hours-calendar .hours-content:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
   }

   .update-counseling-request .hours-calendar .hours-content .item-hour {
      width: 50%;
      float: left;
      padding: 3px;
   }

      .update-counseling-request .hours-calendar .hours-content .item-hour span {
         display: block;
         background-color: #dcdcdc;
         text-align: center;
         padding: 10px 2px;
         border-radius: 5px;
         border: 1px solid #dcdcdc;
         cursor: pointer;
      }

      .update-counseling-request .hours-calendar .hours-content .item-hour.welfaremoda {
         background-color: #dcdcdc;
         border-radius: 5px;
         border: 1px solid #dcdcdc;
         cursor: pointer;
         text-align: center;
         width: 100%;
         padding: 39px 5px;
         font-size: 22px;
      }

         .update-counseling-request .hours-calendar .hours-content .item-hour.welfaremoda span {
            display: inline-block;
            background-color: transparent;
            border: none;
            padding: 0;
            border-radius: 0;
         }

         .update-counseling-request .hours-calendar .hours-content .item-hour:hover span,
         .update-counseling-request .hours-calendar .hours-content .item-hour.welfaremoda:hover {
            background-color: #FFF;
         }

      .update-counseling-request .hours-calendar .hours-content .item-hour.busy-hour span,
      .update-counseling-request .hours-calendar .hours-content .item-hour.busy-hour.welfaremoda {
         background-color: #F6F8F7 !important;
         border-color: #F6F8F7 !important;
         color: #dcdcdc;
         cursor: not-allowed;
      }

      .update-counseling-request .hours-calendar .hours-content .item-hour.selected-hour span {
         background-color: #1AB8DE;
         font-weight: bold;
         border-color: #1AB8DE;
      }

      .update-counseling-request .hours-calendar .hours-content .item-hour.requested-hour span,
      .update-counseling-request .hours-calendar .hours-content .item-hour.requested-hour.busy-hour span {
         background-color: #FFD800 !important;
         cursor: pointer;
         color: #FFF;
      }

      .update-counseling-request .hours-calendar .hours-content .item-hour.selected-hour.welfaremoda {
         background-color: #1AB8DE;
         border-color: #1AB8DE;
      }

   .update-counseling-request .hours-calendar .hours-content .hours-divider {
      display: block;
      background-color: #505050;
      width: 100%;
      height: 1px;
      content: "";
      margin: 5px 0;
      float: left;
   }

@media(max-width:991px) {
   .update-counseling-request .hours-calendar .hours-content .item-hour.welfaremoda {
      padding: 39px 5px;
   }
}

/*Legenda*/
.calendar-legend {
   text-align: center;
   margin: 20px 0;
}

   .calendar-legend .item {
      display: inline-block;
      margin: 0 15px;
      line-height: 30px;
   }

      .calendar-legend .item span {
         display: inline-block;
         background-color: #dcdcdc;
         width: 30px;
         height: 30px;
         float: left;
         margin-right: 5px;
         border: 1px solid;
      }

         .calendar-legend .item span.unselectable {
            background-color: #F6F8F7;
         }

         .calendar-legend .item span.selected {
            background-color: #1AB8DE;
         }

         .calendar-legend .item span.requested {
            background-color: #FFD800;
         }

.update-counseling-request .calendar-legend .item {
   width: 50%;
   float: left;
   margin: 5px 0 0 0;
   text-align: left;
}

@media(max-width:767px) {
   .calendar-legend .item {
      display: block;
      text-align: left;
   }

   .update-counseling-request .calendar-legend .item {
      width: 100%;
      float: none;
   }
}

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


/* Riepilogo Consulenza, Modifica ed Eliminazione
------------------------------------------------------------------------------------------------- */
.view-counseling-request .main-title,
.confirm-counseling-request .main-title,
.update-counseling-request .main-title {
   font-weight: bold;
   font-size: 30px;
   display: block;
   margin-bottom: 10px;
   border-bottom: 1px solid;
}

.view-counseling-request .summary-agenda-info .item,
.confirm-counseling-request .summary-agenda-info .item {
   margin-bottom: 15px;
}

   .view-counseling-request .summary-agenda-info .item span,
   .confirm-counseling-request .summary-agenda-info .item span {
      font-weight: bold;
   }

   .view-counseling-request .summary-agenda-info .item.item-service,
   .confirm-counseling-request .summary-agenda-info .item.item-service {
      background-color: #1AB8DE;
      color: #FFF;
      padding: 10px;
   }

.view-counseling-request .summary-info .title,
.confirm-counseling-request .summary-info .title,
.update-counseling-request .title {
   font-weight: bold;
   display: inline-block;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-size: 14px;
   background-color: #3F4D67;
   color: #FFF;
   padding: 2px 10px;
}

.view-counseling-request .summary-info .item,
.confirm-counseling-request .summary-info .item {
   margin-bottom: 15px;
}

.view-counseling-request .buttons,
.confirm-counseling-request .buttons {
   text-align: center;
   margin: 10px 0 0;
}

.update-counseling-request .confirm-box,
.update-counseling-request .delete-box {
   background-color: #3F4D67;
   padding: 15px;
   text-align: center;
   color: #FFF;
   margin-bottom: 15px;
}

   .update-counseling-request .confirm-box .text,
   .update-counseling-request .delete-box .text {
      font-size: 20px;
      margin-bottom: 10px;
   }

.update-counseling-request .date-selected {
   margin-bottom: 15px;
}

   .update-counseling-request .date-selected .item-label {
      font-weight: bold;
   }

.update-counseling-request .fields-required {
   text-align: right;
   font-size: 10px;
}

.update-counseling-request .buttons {
   text-align: center;
}

.update-counseling-request .modal-header-title,
.confirm-counseling-request .modal-header-title {
   background-color: #3F4D67;
   color: #FFF;
   text-align: center;
   padding: 15px;
   font-weight: bold;
   font-size: 20px;
}

.update-counseling-request .modal-body,
.confirm-counseling-request .modal-body {
   text-align: center;
   font-size: 18px;
   padding: 30px 0;
}

.confirm-counseling-request .modal-body {
   padding: 30px;
}

   .confirm-counseling-request .modal-body a {
      display: inline-block;
      border-bottom: 2px solid;
      margin-top: 15px;
      font-weight: bold;
      text-transform: uppercase;
   }

.delete-counseling-request .delete-form {
   text-align: center;
   border: 2px solid #CD0000;
   padding: 20px 50px;
   font-size: 20px;
   color: #CD0000;
}

   .delete-counseling-request .delete-form .buttons {
      margin-top: 20px;
   }

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


/* Pratiche
------------------------------------------------------------------------------------------------- */
.dossiers .table.data-table .th-actions {
   width: 162px !Important;
}

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


/* Pratiche Periti ISI
------------------------------------------------------------------------------------------------- */
.experts.dossiers .risk-factor-noise:after {
   clear: both;
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
}

.experts.dossiers .risk-factor-noise {
   margin-bottom: 20px;
}

   .experts.dossiers .risk-factor-noise span.compute-type,
   .experts.dossiers .risk-factor-noise span.ante-operam-lex {
      color: #1AB8DE;
      font-weight: bold;
   }

   .experts.dossiers .risk-factor-noise .table-title {
      margin-top: 15px;
      display: inline-block;
      background-color: #1AB8DE;
      color: #FFF;
      padding: 2px 10px;
      font-weight: bold;
      margin-bottom: 5px;
   }

.experts.dossiers .table.mansion-details.ante-operam {
   margin-bottom: 0;
}

.experts.dossiers .border-bottom {
   border-bottom: 1px solid #eaeaea;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

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


/* Area Collaboratori
------------------------------------------------------------------------------------------------- */
.collaborator-contact table.data-table thead tr th.th-actions a,
.collaborators.dossiers table.data-table thead tr th.th-actions a {
   width: 50px;
   height: 50px;
   line-height: 50px;
   font-size: 30px;
}

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


/* Questionario di gradimento
------------------------------------------------------------------------------------------------- */
.client-anagraphic-questionnaire-page .section.userinfo {
   display: none;
}

.client-anagraphic-questionnaire .introduction-text {
   text-align: center;
   font-size: 20px;
}

.client-anagraphic-questionnaire .already-sent {
   background-color: #FAA994;
   color: #FFF;
   font-size: 25px;
   text-align: center;
   padding: 10px 30px;
   max-width: 600px;
   width: 100%;
   margin: 0 auto;
}

.client-anagraphic-questionnaire .privacy-html input[type="checkbox"] {
   margin-left: 0;
}

/*Campo Votazione*/
.input-rating .input-group {
   display: block;
}

.input-rating .rating-item {
   border-bottom: 1px solid #CCC;
   padding: 5px 0;
   max-width: 500px;
}

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

   .input-rating .rating-item .rating-label {
      line-height: 26px;
   }

   .input-rating .rating-item .rating-vote {
      float: right;
   }

.input-rating .rating-vote input {
   display: none;
}

.input-rating .rating-vote label {
   border: 2px solid #1AB8DE;
   width: 30px;
   height: 30px;
   text-align: center;
   color: #1AB8DE;
   line-height: 26px;
   cursor: pointer;
   border-radius: 50%;
}

   .input-rating .rating-vote label:hover {
      background-color: #1AB8DE;
      color: #FFF;
   }

.input-rating .rating-vote input:checked + label {
   background-color: #1AB8DE;
   color: #FFF;
}

.input-rating .rating-vote label.rating-vote-none {
   width: auto;
   border-radius: 6px;
   padding: 0 10px;
}

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


/* Template delle mail
------------------------------------------------------------------------------------------------- */
i.fas.fa-pencil-alt:before {
   content: "\f040";
   font-family: 'FontAwesome';
}

i.fas.fa-arrow-down:before {
   content: "\f063";
   font-family: 'FontAwesome';
   font-style: normal;
}

i.fas.fa-arrow-up {
   content: "\f062";
   font-family: 'FontAwesome';
   font-style: normal;
}

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


/* Template Whatsapp
------------------------------------------------------------------------------------------------- */
.manage-message-templates .message-templates .status span {
   display: block;
   width: 19px;
   height: 19px;
   border-radius: 50%;
   margin: 0 auto;
}

.manage-message-templates .message-templates .status.pending span {
   background-color: #FFD54F; /*Giallo*/
}

.manage-message-templates .message-templates .status.approved span {
   background-color: #5DD55C; /*Verde*/
}

.manage-message-templates .message-templates .status.rejected span {
   background-color: #DD0000; /*Rosso*/
}

.manage-message-templates .message-templates .status.disabled span {
   background-color: #A0A0A0; /*Grigio*/
}

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


/* Chat
------------------------------------------------------------------------------------------------- */
.manage-chats .actions {
   background-color: #F0F2F5;
   padding: 10px 15px;
   min-height: 56px;
}

   .manage-chats .actions a {
      background-color: #00A884;
      display: block;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      color: #FFF;
      text-align: center;
      line-height: 34px;
      font-size: 22px;
      position: absolute;
      left: 11px;
      top: 10px;
   }

.manage-chats .panel-content {
   padding: 0px;
}

.manage-chats .filter {
   padding: 10px 15px;
}

   .manage-chats .filter input {
      background-color: #f9f9f9;
      border-radius: 12px;
   }

.manage-chats .chat-not-selected {
   background-color: #f9f9f9;
   font-weight: 600;
   text-align: center;
   display: table;
}

.manage-chats .chat-not-selected-text {
   display: table-cell;
   vertical-align: middle;
}

.manage-chats .chat-not-selected i {
   background-color: #999;
   margin: 0 auto;
   display: block;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   color: #FFF;
   text-align: center;
   line-height: 43px;
   font-size: 25px;
   margin-bottom: 11px;
}

.manage-chats .chats {
   border-right: 1px solid#f9f9f9;
   padding: 0px;
   position: relative;
   overflow: hidden;
}

.manage-chats .list .item {
   display: block;
   border-top: 1px solid #f9f9f9;
   border-bottom: 1px solid #f9f9f9;
   padding: 10px 15px;
   color: #000;
   position: relative;
}

.manage-chats .list {
   overflow-y: scroll;
}

   .manage-chats .list .item .contact-name {
      font-weight: 600;
      display: block;
      padding-right: 100px;
   }

   .manage-chats .list .item .contact-mobile {
      display: block;
      font-size: 11px;
      padding-bottom: 5px;
   }

.manage-chats .last-message-body,
.contact-item .last-message-body {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   color: #999;
   font-size: 12px;
   display: inline-block;
   width: 94%;
   max-width: 500px;
}

.contact-item .last-message-body {
   padding-left: 32px;
}

.manage-chats .contact-item .last-message-body {
   padding-left: 0px;
}

.manage-chats .last-message-body.file:before,
.manage-chats .last-message-body.word:before,
.manage-chats .last-message-body.pdf:before,
.manage-chats .last-message-body.excel:before,
.manage-chats .last-message-body.power-point:before,
.manage-chats .last-message-body.video:before,
.manage-chats .last-message-body.image:before {
   content: "\f030";
   font: normal normal normal 14px/1 FontAwesome;
   padding-right: 3px;
   font-size: 12px;
   padding-left: 3px;
}

.contact-item .last-message-body.file:before,
.contact-item .last-message-body.word:before,
.contact-item .last-message-body.pdf:before,
.contact-item .last-message-body.excel:before,
.contact-item .last-message-body.power-point:before,
.contact-item .last-message-body.video:before,
.contact-item .last-message-body.image:before {
   content: "\f030";
   font: normal normal normal 14px/1 FontAwesome;
   padding-right: 3px;
   font-size: 12px;
   padding-left: 3px;
}

.manage-chats .last-message-body.file:before,
.contact-item .last-message-body.file:before {
   content: "\f15b";
}

.manage-chats .last-message-body.word:before,
.contact-item .last-message-body.word:before {
   content: "\f1c2";
}

.manage-chats .last-message-body.pdf:before,
.contact-item .last-message-body.pdf:before {
   content: "\f1c1";
}

.manage-chats .last-message-body.excel:before,
.contact-item .last-message-body.excel:before {
   content: "\f1c3";
}

.manage-chats .last-message-body.power-point:before,
.contact-item .last-message-body.power-point:before {
   content: "\f1c4";
}

.manage-chats .last-message-body.video:before,
.contact-item .last-message-body.video:before {
   content: "\f03d";
}


.manage-chats .last-message-sent-date {
   position: absolute;
   right: 15px;
   top: 13px;
   font-size: 10px;
}

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

.manage-chats .list .item.active {
   background-color: #f9f9f9;
}

.manage-chats .list .item .contact-item {
   padding-left: 41px;
}

   .manage-chats .list .item .contact-item .status {
      position: relative;
      display: inline-block;
      width: 15px;
      height: 12px;
      float: left;
   }

      .manage-chats .list .item .contact-item .status.sent:after {
         content: "";
         background-image: url(../Images/SentIcon.png);
         width: 8px;
         height: 8px;
         background-size: cover;
         position: absolute;
         top: 6px;
         left: 0px;
      }

      .manage-chats .list .item .contact-item .status.read:after {
         background-image: url("../Images/Read.png");
         content: "";
         width: 12px;
         height: 12px;
         background-size: cover;
         position: absolute;
         top: 2px;
         left: 0px;
      }

      .manage-chats .list .item .contact-item .status.delivered:after {
         background-image: url(../Images/Delivered.png);
         content: "";
         width: 12px;
         height: 12px;
         background-size: cover;
         position: absolute;
         top: 2px;
         left: 0px;
      }

.manage-chats .list .item .icon {
   background-color: #00A884;
   display: block;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   color: #FFF;
   text-align: center;
   line-height: 35px;
   font-size: 19px;
   position: absolute;
   left: 11px;
   top: 12px;
}

.manage-chats .chat {
   padding: 0px;
   background-image: url("../Images/BackgroundWhatsapp.png");
   position: relative;
   overflow: hidden;
}

   .manage-chats .chat .contact-info {
      background-color: #F0F2F5;
      padding: 10px 480px 10px 15px;
      position: relative;
   }

   .manage-chats .chat .messages {
      padding: 15px;
      overflow-y: scroll;
      max-height: 100%;
   }

      .manage-chats .chat .messages .message {
         display: inline-block;
         width: 100%;
      }

         .manage-chats .chat .messages .message .item {
            position: relative;
            margin-bottom: 10px;
            border-radius: 15px;
            max-width: 60%;
            font-size: 13px;
         }

            .manage-chats .chat .messages .message .item.out {
               background-color: #D9FDD3;
               display: inline-block;
               float: right;
            }

            .manage-chats .chat .messages .message .item.in {
               background-color: #fff;
               display: inline-block;
            }

            .manage-chats .chat .messages .message .item .message-type-text {
               padding: 5px 5px 0px 5px;
            }

      .manage-chats .chat .messages .message-type-image img,
      .manage-chats .chat .messages .message-type-video video {
         max-width: 300px;
         border-radius: 15px;
      }

      .manage-chats .chat .messages .message .item .message-type-document {
         background-color: #D1F4CC;
         display: block;
         padding: 10px;
         color: #000;
         border-radius: 10px;
      }

      .manage-chats .chat .messages .message .item.in .message-type-document {
         background-color: #f9f9f9;
         border-radius: 10px;
      }

      .manage-chats .chat .messages .message .item .message-type-document .icon {
         background-color: transparent;
         color: #000;
         position: relative;
         top: auto;
         left: auto;
         line-height: 0px;
         width: auto;
         height: auto;
         text-align: left;
         font-size: 40px;
         float: left;
         padding-right: 5px;
      }

         .manage-chats .chat .messages .message .item .message-type-document .icon:before {
            font: normal normal normal 14px/1 FontAwesome;
            line-height: 20px;
            font-size: 20px;
            padding: 0px;
         }

         .manage-chats .chat .messages .message .item .message-type-document .icon.file:before {
            content: "\f15b";
         }

         .manage-chats .chat .messages .message .item .message-type-document .icon.word:before {
            content: "\f1c2";
         }

         .manage-chats .chat .messages .message .item .message-type-document .icon.pdf:before {
            content: "\f1c1";
         }

         .manage-chats .chat .messages .message .item .message-type-document .icon.excel:before {
            content: "\f1c3";
         }

         .manage-chats .chat .messages .message .item .message-type-document .icon.power-point:before {
            content: "\f1c4";
         }

      .manage-chats .chat .messages .message .item .message-type-document .file-name {
         font-size: 13px;
         font-weight: 600;
      }

.manage-chats .messages .item .message-date {
   display: block;
   font-size: 10px;
   text-align: right;
   padding-top: 2px;
}

.manage-chats .chat .messages .message .item .message-type-image,
.manage-chats .chat .messages .message .item .message-type-video {
   padding: 3px 3px 0px 3px;
}

.manage-chats .chat .messages .message .item .message-type-template,
.manage-chats .chat .messages .message .item .message-type-text {
   border-radius: 15px;
   padding: 5px 5px 0px 5px;
}

.manage-chats .chat .messages .message .item.in .message-type-template,
.manage-chats .chat .messages .message .item.in .message-type-text {
   border-radius: 15px;
   padding: 5px 5px 0px 5px;
}

.manage-chats .chat .messages .message .item .message-type-document {
   margin: 3px;
}

.manage-chats .chat .messages .message .item .reply-to-message {
   padding: 5px 5px 5px 7px;
   background-color: #f9f9f9;
   margin: 5px 3px 3px 5px;
   border-radius: 8px;
   border-left: 3px solid #53BDEB;
}

   .manage-chats .chat .messages .message .item .reply-to-message .from {
      color: #53BDEB;
      font-weight: 600;
      display: block;
   }

   .manage-chats .chat .messages .message .item .reply-to-message .header {
      font-weight: 600;
      display: block;
   }

   .manage-chats .chat .messages .message .item .reply-to-message .body {
      text-overflow: ellipsis;
      overflow: hidden;
      width: 80%;
      display: inline-block;
      white-space: nowrap;
      max-width: 500px;
   }

@media(max-width: 767px) {
   .manage-chats .chat .messages .message .item .reply-to-message .body {
      max-width: 300px;
   }
}

.manage-chats .chat .messages .message .item .message-type-template .header {
   font-weight: 600;
   display: block;
   padding-bottom: 5px;
}

.manage-chats .chat .messages .message .item .message-type-template .footer {
   display: block;
   font-size: 12px;
   color: #777;
   padding-top: 5px;
}

.manage-chats .chat .messages .message .item .message-template-buttons {
   display: inline-block;
   width: 100%;
   padding: 5px;
}

   .manage-chats .chat .messages .message .item .message-template-buttons.single .button {
      width: 100%;
      display: inline-block;
      padding: 7px;
      text-align: center;
      background-color: #c3e3bd;
      border-radius: 8px;
      margin-bottom: 5px;
      box-shadow: 0px 2px 1px rgb(0 0 0 /20%);
   }

   .manage-chats .chat .messages .message .item .message-template-buttons.triple .button,
   .manage-chats .chat .messages .message .item .message-template-buttons.double .button {
      width: 49.5%;
      display: inline-block;
      float: left;
      padding: 7px;
      text-align: center;
      background-color: #c3e3bd;
      border-radius: 8px;
      margin-bottom: 5px;
      margin-right: 1%;
      box-shadow: 0px 2px 1px rgb(0 0 0 /20%);
   }

      .manage-chats .chat .messages .message .item .message-template-buttons.triple .button:nth-child(2),
      .manage-chats .chat .messages .message .item .message-template-buttons.double .button:nth-child(2) {
         margin-right: 0px;
      }

      .manage-chats .chat .messages .message .item .message-template-buttons.triple .button:nth-child(3) {
         width: 100%;
         box-shadow: 0px 2px 1px rgb(0 0 0 / 20%);
      }

   .manage-chats .chat .messages .message .item .message-template-buttons .button.call-to-action {
      width: 100%;
      display: inline-block;
      padding: 7px;
      text-align: center;
      background-color: #c3e3bd;
      border-radius: 8px;
      margin-bottom: 5px;
      box-shadow: 0px 2px 1px rgb(0 0 0 / 11%);
   }

.manage-chats .chat .messages .item .message-date {
   padding-left: 15px;
   padding-right: 21px;
   padding-bottom: 3px;
   padding-top: 0px;
}

.manage-chats .chat .messages .item.in .message-date {
   padding-left: 5px;
   text-align: right;
   padding-right: 8px;
}

.manage-chats .chat .messages .status.sent:after {
   content: "";
   position: absolute;
   right: 6px;
   bottom: 5px;
   background-image: url("../Images/SentIcon.png");
   width: 10px;
   height: 10px;
   background-size: cover;
}

.manage-chats .chat .messages .status.read:after {
   background-image: url("../Images/Read.png");
   content: "";
   position: absolute;
   right: 6px;
   bottom: 5px;
   width: 12px;
   height: 12px;
   background-size: cover;
}

.manage-chats .chat .messages .status.delivered:after {
   background-image: url(../Images/Delivered.png);
   content: "";
   position: absolute;
   right: 6px;
   bottom: 5px;
   width: 12px;
   height: 12px;
   background-size: cover;
}



.manage-chats .chat .image-fullscreen {
   position: absolute;
   top: 0px;
   left: 0px;
   background-color: #fff;
   width: 100%;
   height: 100%;
   text-align: center;
   z-index: 2;
}

   .manage-chats .chat .image-fullscreen .actions {
      background-color: transparent;
      text-align: right;
      margin-bottom: 0px;
      padding-bottom: 0px;
      padding-top: 0px;
   }

      .manage-chats .chat .image-fullscreen .actions a {
         background-color: transparent;
         position: relative;
         left: auto;
         top: auto;
         display: inline-block;
         color: #000;
         padding: 5px;
         width: auto;
         height: auto;
      }

         .manage-chats .chat .image-fullscreen .actions a:nth-child(1) {
            font-size: 18px;
         }

   .manage-chats .chat .image-fullscreen img {
      max-width: 90%;
      max-height: 80%;
   }

.manage-chats .chat .contact-info .icon {
   background-color: #00A884;
   display: block;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   color: #FFF;
   text-align: center;
   line-height: 34px;
   font-size: 22px;
   position: absolute;
   left: 14px;
   top: 9px;
}

.manage-chats .chat .contact-info .name {
   font-weight: 600;
   display: block;
   padding-left: 45px;
}

.manage-chats .chat .contact-info .mobile {
   display: block;
   font-size: 11px;
   padding-left: 45px;
}

.manage-chats .chat .contact-info a {
   position: absolute;
   right: 15px;
   color: #000;
   top: 10px;
   font-size: 20px;
}

.manage-chats .chat #scrollToBottomAnchor {
   position: absolute;
   bottom: 160px;
   right: 25px;
   background-color: #fff;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   font-size: 17px;
   color: #999;
   text-align: center;
   padding: 7px;
}

   .manage-chats .chat #scrollToBottomAnchor span {
      background-color: #00A884;
      color: #fff;
      width: 15px;
      height: 15px;
      position: absolute;
      left: -6px;
      border-radius: 50%;
      top: 0px;
      font-size: 11px;
      padding: 0px;
      font-weight: 600;
   }

.manage-chats .chat .send-message {
   display: inline-block;
   width: 100%;
   bottom: 0px;
   max-width: 100%;
   position: absolute;
   background-color: #F0F2F5;
}

   .manage-chats .chat .send-message #insertEmojiAnchor {
      position: absolute;
      bottom: 15px;
      left: 10px;
      background-color: transparent;
      border: 0px;
      font-size: 25px;
      color: #999;
      z-index: 1;
   }

   .manage-chats .chat .send-message #sendMediaAnchor {
      position: absolute;
      left: 45px;
      bottom: 15px;
      background-color: transparent;
      border: 0px;
      font-size: 25px;
      color: #999;
      z-index: 0;
   }

.media-actions {
   position: absolute;
   top: -110px;
   left: 45px;
}

   .media-actions .btn.btn-secondary {
      border-radius: 50%;
      background-color: #0063CB;
      color: #fff;
      height: 45px;
      width: 45px;
      font-size: 17px;
      padding: 8px;
      display: block;
      margin-top: 7px;
   }

      .media-actions .btn.btn-secondary:nth-child(1) {
         background-color: #AC44CF;
      }

.media-list {
   padding-top: 10px;
   max-height: 59px;
   overflow-y: scroll;
}

   .media-list .media-item {
      padding-left: 100px;
      padding-top: 2px;
   }

      .media-list .media-item .icon:before {
         color: #00A884;
         font: normal normal normal 14px/1 FontAwesome;
      }

      .media-list .media-item .icon.file:before {
         content: "\f15b";
      }

      .media-list .media-item .icon.word:before {
         content: "\f1c2";
      }

      .media-list .media-item .icon.pdf:before {
         content: "\f1c1";
      }

      .media-list .media-item .icon.excel:before {
         content: "\f1c3";
      }

      .media-list .media-item .icon.power-point:before {
         content: "\f1c4";
      }

      .media-list .media-item .icon.image:before {
         content: "\f030";
      }

      .media-list .media-item .icon.video:before {
         content: "\f03d";
      }

.emojiPicker {
   margin-top: -461px;
}

.emoji {
   background-size: cover !Important;
}

.emoji-tab-recent {
   background-image: url('../Images/Recenti.png') !Important;
}

.emoji-tab-people {
   background-image: url('../Images/Faccine.png') !Important;
}

.emoji-tab-nature {
   background-image: url('../Images/Natura.png') !Important;
}

.emoji-tab-food {
   background-image: url('../Images/Cibo.png') !Important;
}

.emoji-tab-activity {
   background-image: url('../Images/Calcio.png') !Important;
}

.emoji-tab-travel {
   background-image: url('../Images/Macchina.png') !Important;
}

.emoji-tab-object {
   background-image: url('../Images/Oggetto.png') !Important;
}

.emoji-tab-symbol {
   background-image: url('../Images/Simboli.png') !Important;
}

.emoji-tab-flag {
   background-image: url('../Images/Bandiera.png') !Important;
}

.manage-chats .chat .send-message .form-group {
   padding-left: 100px;
}

.manage-chats .chat .send-message textarea.form-control {
   height: 50px;
   padding-right: 60px;
   border-radius: 12px;
   width: 100% !Important;
}

.manage-chats .chat .send-message .emojiPickerIconWrap {
   width: 100% !Important;
}

.manage-chats .chat .send-message .btn.btn-primary {
   position: absolute;
   right: 32px;
   bottom: 23px;
   background-color: #00A884;
   border-color: #00A884;
   border-radius: 30%;
}

.manage-chats .chat .media-list .media-item .btn-close {
   background-color: transparent;
   position: relative;
   color: #000;
   width: auto;
   height: auto;
   border: 0px;
   right: 0px;
   bottom: 0px;
   padding: 0px 4px;
   font-size: 12px;
   line-height: 20px;
}

.manage-chats .chat .media-list .media-item .btn.btn-primary:hover {
   color: #00A884;
}

.manage-chats .modal .modal-dialog .modal-header {
   background-color: #F0F2F5;
}

.manage-chats .modal-header .close {
   opacity: 1;
}

.manage-chats input {
   border-radius: 12px;
}

.manage-chats .contacts a {
   display: block;
   border-bottom: 1px solid #f9f9f9;
   color: #000;
   padding: 10px 0px;
   position: relative;
}

.manage-chats a .icon {
   background-color: #00A884;
   display: block;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   color: #FFF;
   text-align: center;
   line-height: 34px;
   font-size: 22px;
   position: absolute;
   left: 0px;
   top: 9px;
}

.manage-chats .contacts a .name {
   font-weight: 600;
   padding-left: 45px;
   display: inline-block;
}

.manage-chats .contacts a .mobile {
   display: block;
   font-size: 11px;
   padding-bottom: 5px;
   padding-left: 45px;
}

.manage-chats .no-contacts-message {
   background-color: #F0F2F5;
   text-align: center;
   font-weight: 600;
   padding: 15px;
   margin-top: 20px;
}

.manage-chats .input-div .input-type-dropdownlist {
   border-radius: 12px;
}

.manage-chats .error:before {
   content: '\f06a';
   font-family: 'FontAwesome';
   position: absolute;
   left: -35px;
   top: 50%;
   color: #D40D14;
   font-weight: 600;
   font-size: 20px;
   margin-top: -14px;
}

.manage-chats .error {
   background-color: #F0F2F5 !Important;
}

.manage-chats .list .item .icon.error {
   background-color: #D40D14 !Important;
}

   .manage-chats .list .item .icon.error:before {
      position: absolute;
      content: '\f06a';
      font-family: 'FontAwesome';
      left: 7.5px;
      top: 14px;
      color: #fff;
      font-weight: 600;
      font-size: 20px;
   }

   .manage-chats .list .item .icon.error i {
      display: none;
   }


.manage-chats .chat .contact-info .error-message {
   background-color: #D40D14;
   color: #fff;
   padding: 5px 10px;
   border-radius: 5px;
   font-size: 12px;
   position: absolute;
   right: 40px;
   bottom: 15px;
   font-weight: 600;
}

.color-block .color-block-title .add-link .whatsapp-error-message {
   background-color: #D40D14;
   color: #fff;
   padding: 5px 10px;
   border-radius: 5px;
   font-size: 12px;
   font-weight: 600;
   line-height: 10px;
   text-transform: none;
}

.manage-chats .chat .send-message #sendMessageNotEnabledAnchor {
   background-color: #D40D14;
   border-color: #D40D14;
}

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


/* Whatsapp Anagrafiche
------------------------------------------------------------------------------------------------- */
.whatsapp-messages-container .panel-whatsapp-messages {
   height: 600px;
}

   .whatsapp-messages-container .panel-whatsapp-messages.collapsed {
      height: 54px;
   }

.whatsapp-messages-container .manage-chats .panel-element,
.whatsapp-messages-container .manage-chats .panel-element .panel-content,
.whatsapp-messages-container .manage-chats .panel-element .panel-content .chat {
   height: 100%;
}

.whatsapp-messages-container .panel-whatsapp-messages.collapsed .manage-chats .panel-element,
.whatsapp-messages-container .panel-whatsapp-messages.collapsed .manage-chats .panel-element .panel-content,
.whatsapp-messages-container .panel-whatsapp-messages.collapsed .panel-element .panel-content .chat {
   height: 0px;
}

.panel-header.header-whatsapp-messages {
   border-top: 1px solid #00A884;
   border-left: 1px solid #00A884;
   border-right: 1px solid #00A884;
   background-color: #00A884;
}

.whatsapp-messages-container .manage-chats .chat .send-message .btn.btn-primary {
   bottom: 19px;
}

.whatsappDropzone {
   min-height: 150px;
   border: 3px dashed #3276b1;
   border-radius: 5px;
   background: #fafafa none repeat scroll 0 0;
   padding: 20px 20px;
}

   .whatsappDropzone.dz-clickable {
      cursor: pointer;
   }

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


/* Manage Bans
------------------------------------------------------------------------------------------------- */
.manage-bans .panel-element .panel-element {
   border: none;
}

   .manage-bans .panel-element .panel-element .panel-content {
      padding: 0;
   }

.manage-bans .until-exhausted-funds {
   margin-top: 45px;
}

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


/* Pratiche - Tecnico ISI - Check tecnico
------------------------------------------------------------------------------------------------- */
.search-tech-isi-dvr .grid table thead .old-good {
   background-color: #F8CBAD;
}

.search-tech-isi-dvr .grid table tbody .old-good {
   background-color: #FCE4D6;
}

.search-tech-isi-dvr .grid table thead .performance {
   background-color: #A9D08E;
}

.search-tech-isi-dvr .grid table tbody .performance {
   background-color: #C6EFCE;
}

.search-tech-isi-dvr .grid table thead .good {
   background-color: #FFE699;
}

.search-tech-isi-dvr .grid table tbody .good {
   background-color: #FFF2CC;
}

.search-tech-isi-dvr .grid table thead .dossier {
   background-color: #FFBCE8;
}

.search-tech-isi-dvr .grid table tbody .dossier {
   background-color: #FFDEF3;
}

.search-tech-isi-dvr .grid table thead .dvr {
   background-color: #F4B084;
}

.search-tech-isi-dvr .grid table tbody .dvr {
   background-color: #FCE4D6;
}

.search-tech-isi-dvr .grid table thead .expert {
   background-color: #9BC2E6;
}

.search-tech-isi-dvr .grid table tbody .expert {
   background-color: #DDEBF7;
}


.search-tech-isi-dvr thead th {
   vertical-align: middle !important;
}

.search-tech-isi-dvr td span.color {
   width: 15px;
   height: 15px;
   display: block;
   border-radius: 50%;
   margin: 0 auto;
}

   .search-tech-isi-dvr td span.color.green {
      background-color: #4CC100;
   }

   .search-tech-isi-dvr td span.color.yellow {
      background-color: #FFDA00;
   }

   .search-tech-isi-dvr td span.color.red {
      background-color: #FF0000;
   }

.search-tech-isi-dvr .action-link {
   display: block;
   margin: 0 auto;
   width: 20px;
   height: 20px;
   border: 1px solid;
   line-height: 17px;
   text-align: center;
   border-radius: 4px;
}

.search-tech-isi-dvr table .form-group {
   margin: 0;
}

/*Header e colonne fixate*/
.search-tech-isi-dvr table .sticky-column {
   position: sticky;
   left: 0;
   background-color: #FFF;
   z-index: 1;
}

   .search-tech-isi-dvr table .sticky-column.sticky-column-2 {
      left: 118px;
   }

   .search-tech-isi-dvr table .sticky-column.sticky-column-3 {
      left: 218px;
   }

   .search-tech-isi-dvr table .sticky-column.sticky-column-4 {
      left: 293px;
   }

.search-tech-isi-dvr table thead tr th {
   position: sticky;
   top: 0;
   background-color: #eaeaea;
   z-index: 3;
}

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


/* Home Collaboratori
------------------------------------------------------------------------------------------------- */
.home-collaborator .item {
   background-color: #B2DD68;
   color: #FFF;
   padding: 30px;
   text-align: center;
   font-size: 30px;
   min-height: 225px;
   margin-top: 20px;
}

   .home-collaborator .item .item-numer {
      display: block;
      font-weight: 900;
      font-size: 55px;
      color: #3F4D67;
   }

   .home-collaborator .item.orange {
      background-color: #F7BD6C;
   }

   .home-collaborator .item.blue {
      background-color: #01C3C5;
   }

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


/* Modale dati componente societario
------------------------------------------------------------------------------------------------- */
#modalCorporateMember .divison-line {
   position: relative;
   margin-top: 25px;
   margin-bottom: 10px;
}

   #modalCorporateMember .divison-line .subtitle {
      display: inline-block;
      position: absolute;
      background-color: #1AB8DE;
      color: #fff;
      padding: 2px 15px;
      left: 50%;
      top: -10px;
      width: 200px;
      margin-left: -100px;
      text-align: center;
      font-weight: 600;
   }

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


/* Anagrafica 2
------------------------------------------------------------------------------------------------- */

.manage-anagraphics.manage-anagraphics-2 .nav-tabs-content {
   padding: 30px;
   background-color: #FFFFFF;
}

.manage-anagraphics.manage-anagraphics-2 .collapse-expand-anagraphic-data i {
   border: 1px solid #FFF;
   color: #FFF;
   display: inline-block;
   height: 40px;
   width: 40px;
   text-align: center;
   border-radius: 50%;
   line-height: 40px;
   font-size: 20px;
   margin: 0px;
}

.manage-anagraphics.manage-anagraphics-2 .nav-tabs {
   margin-top: 30px;
}

   .manage-anagraphics.manage-anagraphics-2 .nav-tabs > li > a {
      color: #476E9F;
      border: 1px solid #476E9F;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 600;
      background-color: #fff;
   }

      .manage-anagraphics.manage-anagraphics-2 .nav-tabs > li > a span.has-items {
         background-color: #476E9F;
         color: #fff;
         font-weight: 600;
         width: 66px;
         display: inline-block;
         font-size: 19px;
         right: -78px;
         height: 28px;
         border-radius: 50%;
         text-align: center;
      }

   .manage-anagraphics.manage-anagraphics-2 .nav-tabs > li.active > a,
   .manage-anagraphics.manage-anagraphics-2 .nav-tabs > li.active > a:hover,
   .manage-anagraphics.manage-anagraphics-2 .nav-tabs > li.active > a:focus {
      color: #fff;
      cursor: default;
      background-color: #476E9F;
      border: 1px solid #476E9F;
      border-bottom-color: transparent;
      border-radius: 0px;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px;
   }

.manage-anagraphics.manage-anagraphics-2 .tags-container {
   padding: 10px;
   background-color: #f1f2f3;
   margin-bottom: 10px;
}

   .manage-anagraphics.manage-anagraphics-2 .tags-container .title {
      text-transform: uppercase;
      font-weight: 600;
      margin-right: 10px;
   }

   .manage-anagraphics.manage-anagraphics-2 .tags-container a {
      background-color: #476E9F;
      border-color: #476E9F;
      padding: 2px 10px;
      color: #fff;
      font-weight: 600;
      border-radius: 15px;
   }

   .manage-anagraphics.manage-anagraphics-2 .tags-container .tags .item {
      border: 1px solid #000;
      color: #000;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 0;
      margin-right: 10px;
      margin-top: 15px;
      position: relative;
      border-radius: 15px;
   }

      .manage-anagraphics.manage-anagraphics-2 .tags-container .tags .item a,
      .manage-anagraphics.manage-anagraphics-2 .tags-container .tags a {
         color: #565e53 !important;
         position: absolute;
         left: -7px;
         top: -7px;
         border-radius: 50%;
         width: 15px;
         height: 15px;
         font-size: 10px;
         text-align: center;
         border: 1px solid #565e53;
         background-color: #fff !important;
         padding: 0px;
         line-height: 12px;
      }

      .manage-anagraphics.manage-anagraphics-2 .tags-container .tags .item i {
         color: #565e53 !important;
      }


.manage-anagraphics.manage-anagraphics-2 .tags-to-assign {
   background-color: #f1f2f3;
   padding: 15px;
   margin-top: 10px;
}

   .manage-anagraphics.manage-anagraphics-2 .tags-to-assign .item {
      border: 1px solid #ccc;
      background-color: #fcfcfc;
      color: #000;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 0;
      margin-right: 10px;
      position: relative;
      margin-bottom: 10px;
      border-radius: 15px;
   }

      .manage-anagraphics.manage-anagraphics-2 .tags-to-assign .item.active {
         background-color: #565e53 !Important;
         color: #fff;
      }

.manage-anagraphics.manage-anagraphics-2 a.add-link {
   background-color: #1AB8DE;
   border-color: #1AB8DE;
   color: #fff;
   padding: 2px 8px;
   margin-top: 15px;
   display: inline-block;
}

.manage-anagraphics.manage-anagraphics-2 .panel-documents .documents {
   margin-top: 15px;
   margin-bottom: 15px;
}

   .manage-anagraphics.manage-anagraphics-2 .panel-documents .documents .item {
      background-color: #fff;
   }

      .manage-anagraphics.manage-anagraphics-2 .panel-documents .documents .item .file-name {
         font-weight: 600;
      }

.manage-anagraphics.manage-anagraphics-2 .color-block.addresses-block {
   background-color: #fff !Important;
   color: #4c4f53;
}

   .manage-anagraphics.manage-anagraphics-2 .color-block.addresses-block .btn-primary {
      margin-bottom: 10px;
   }

   .manage-anagraphics.manage-anagraphics-2 .color-block.addresses-block .addresses-container .item .actions {
      position: absolute;
      right: 0px;
      left: auto;
   }

   .manage-anagraphics.manage-anagraphics-2 .color-block.addresses-block .addresses-container .item {
      padding-left: 19px;
   }

      .manage-anagraphics.manage-anagraphics-2 .color-block.addresses-block .addresses-container .item .info .evidence {
         font-size: 14px;
      }

.manage-anagraphics.manage-anagraphics-2 .is-default-radio-button {
   position: absolute;
   left: 0px;
   top: 0px;
}

   .manage-anagraphics.manage-anagraphics-2 .is-default-radio-button label {
      display: none;
   }

.manage-anagraphics.manage-anagraphics-2 .color-block.addresses-block .addresses-container .item .actions a:hover {
   background-color: transparent;
}

   .manage-anagraphics.manage-anagraphics-2 .color-block.addresses-block .addresses-container .item .actions a:hover i {
      color: #4c4f53;
   }

.manage-anagraphics.manage-anagraphics-2 .corporate-members {
   margin-top: 20px;
}

.manage-anagraphics.manage-anagraphics-2 .whatsapp-messages-container {
   margin: 0px 0px 10px;
}

.manage-anagraphics.manage-anagraphics-2 .color-block.interests-block {
   background-color: #5B4E89;
}

   .manage-anagraphics.manage-anagraphics-2 .color-block.interests-block .color-block-title {
      min-height: 20px;
   }

   .manage-anagraphics.manage-anagraphics-2 .color-block.interests-block .input-div input {
      color: #fff;
      font-size: 18px;
   }

/* Tematizzazione - nuovi colori */

.manage-anagraphics.manage-anagraphics-2 .color-block.user-block {
   background-color: #476E9F;
}

   .manage-anagraphics.manage-anagraphics-2 .color-block.user-block .color-block-title > i,
   .manage-anagraphics.manage-anagraphics-2 .color-block.user-block #companyInputText {
      color: #476E9F;
   }

   .manage-anagraphics.manage-anagraphics-2 .color-block.user-block #companyInputText {
      color: #9C27B0;
      font-size: 22px;
      border-bottom: 0px;
   }

.manage-anagraphics.manage-anagraphics-2 .color-block.referent-block {
   background-color: #889CBF;
}

.manage-anagraphics.manage-anagraphics-2 .color-block.contacts-block {
   background-color: #B395CB;
}

   .manage-anagraphics.manage-anagraphics-2 .color-block.contacts-block .color-block-title > i {
      color: #B395CB;
   }

   .manage-anagraphics.manage-anagraphics-2 .color-block.contacts-block .contacts-container .contact-element .delivery-header {
      color: #476E9F;
   }

      .manage-anagraphics.manage-anagraphics-2 .color-block.contacts-block .contacts-container .contact-element .delivery-header span.delivery-actions a {
         background-color: #476E9F;
      }

.manage-anagraphics.manage-anagraphics-2 .panel-element .panel-header.header-communications {
   background-color: #CFB0D1;
   border-color: #CFB0D1;
}

.manage-anagraphics.manage-anagraphics-2 .panel-dossiers.dossiers-block {
   margin-bottom: 10px;
}

   .manage-anagraphics.manage-anagraphics-2 .panel-dossiers.dossiers-block .panel-header,
   .manage-anagraphics.manage-anagraphics-2 .panel-dossiers-clicker.dossiers-clicker-block .panel-header {
      background-color: #9C27B0;
      border-color: #9C27B0;
   }

   .manage-anagraphics.manage-anagraphics-2 .panel-dossiers.dossiers-block .panel-content,
   .manage-anagraphics.manage-anagraphics-2 .panel-dossiers-clicker.dossiers-clicker-block .panel-content {
      background-color: #9C27B0;
      border-color: #9C27B0;
   }

.manage-anagraphics.manage-anagraphics-2 .panel-element .panel-header {
   border-top: 1px solid #90AD8F;
   border-left: 1px solid #90AD8F;
   border-right: 1px solid #90AD8F;
   background-color: #90AD8F;
}

.manage-anagraphics.manage-anagraphics-2 .color-block.note-block {
   background-color: #F5D26B;
}

   .manage-anagraphics.manage-anagraphics-2 .color-block.note-block .color-block-title > i {
      color: #F5D26B;
   }

.manage-anagraphics.manage-anagraphics-2 .panel-element .panel-header.header-deadlines {
   background-color: #51744F !important;
   border-color: #51744F !important;
}

.manage-anagraphics.manage-anagraphics-2 .panel-dossiers-clicker.dossiers-clicker-block {
   margin-bottom: 10px;
}

.manage-anagraphics.manage-anagraphics-2 ol.breadcrumb .anagraphics-name {
   background-color: transparent;
   font-weight: 600;
   padding: unset;
   margin-left: 9px;
   border-radius: 5px;
   font-size: 30px;
   color: #000;
   display: block;
   text-align: center;
   padding-bottom: 20px;
   margin-top: 10px;
   line-height: 37px;
}

.manage-anagraphics.manage-anagraphics-2 .panel-documents .documents .item .download-document {
   background-color: #9C27B0;
}


.manage-anagraphics.manage-anagraphics-2 .panel-documents .documents .item .actions a:nth-child(1) {
   background-color: #9C27B0;
}

.manage-anagraphics.manage-anagraphics-2 .panel-dossiers.dossiers-block .dossier-item {
   background-color: #F3E6FF;
   color: #3C5F9A;
   border-bottom: 1px solid #3C5F9A;
}

.manage-anagraphics.manage-anagraphics-2 .panel-dossiers.dossiers-block .panel-header h2 span.has-items {
   background-color: #FFF;
   color: #9C27B0;
   font-weight: 600;
}

.manage-anagraphics.manage-anagraphics-2 .panel-element .panel-header h2 span.has-items {
   background-color: #fff;
   color: #476E9F;
   font-weight: 600;
   width: 66px;
   display: block;
   font-size: 19px;
   right: -78px;
   height: 31px;
}

.manage-anagraphics.manage-anagraphics-2 .panel-communications .panel-content .item i.icon {
   background-color: #889CBF;
}

.manage-anagraphics.manage-anagraphics-2 .panel-communications .btn-primary {
   background-color: #889CBF;
   border-color: #889CBF;
}

.manage-anagraphics.manage-anagraphics-2 .panel-dossiers.dossiers-block .dossier-item .ban-info .status {
   height: 14px;
   width: 14px;
   left: 10px;
}

.manage-anagraphics.manage-anagraphics-2 .panel-dossiers.dossiers-block .dossier-item .ban-info.row {
   padding-left: 25px;
}

.manage-anagraphics.manage-anagraphics-2 .panel-deadlines .panel-content .item .actions .archive, .manage-anagraphics.manage-anagraphics-2 .panel-deadlines .panel-content .item a, .manage-anagraphics.manage-anagraphics-2 .panel-deadlines .panel-content .item .icon {
   background-color: #396A96;
}

.manage-anagraphics.manage-anagraphics-2 .panel-deadlines .btn.btn-primary {
   background-color: #396A96;
   border-color: #396A96;
}

.manage-anagraphics.manage-anagraphics-2 .panel-deadlines .panel-content .item.dossier {
   background-color: #E9EBD9;
}

.manage-anagraphics.manage-anagraphics-2 .color-block-content.color-block.invoices-block.invoice-data {
   background-color: transparent;
   padding: 0px;
}

.manage-anagraphics.manage-anagraphics-2 .panel-small-margin {
   margin-bottom: 10px;
}

@media(max-width: 1200px) {
   .manage-anagraphics.manage-anagraphics-2 ol.breadcrumb .anagraphics-name {
      font-size: 25px;
      line-height: 25px;
   }
}

@media(max-width: 991px) {
   .manage-anagraphics.manage-anagraphics-2 ol.breadcrumb .anagraphics-name {
      font-size: 20px;
      line-height: 20px;
   }
}

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


/* Search Request
------------------------------------------------------------------------------------------------- */

.search-requests .tags-container {
   padding: 10px;
   background-color: #f1f2f3;
   margin-bottom: 10px;
   position: relative;
}

   .search-requests .tags-container .title {
      text-transform: uppercase;
      font-weight: 600;
      margin-right: 10px;
   }

   .search-requests .tags-container a {
      background-color: #1AB8DE;
      border-color: #1AB8DE;
      padding: 2px 10px;
      color: #fff;
      font-weight: 600;
      border-radius: 15px;
   }

   .search-requests .tags-container .all-tag {
      position: absolute;
      right: 10px;
      top: 10px;
   }

      .search-requests .tags-container .all-tag label {
         padding-right: 5px;
         font-weight: 600;
      }

   .search-requests .tags-container .tags .item {
      border: 1px solid #000;
      color: #000;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 0;
      margin-right: 10px;
      margin-top: 15px;
      position: relative;
      border-radius: 15px;
   }

      .search-requests .tags-container .tags .item a,
      .search-requests .tags-container .tags a {
         color: #565e53 !important;
         position: absolute;
         left: -7px;
         top: -7px;
         border-radius: 50%;
         width: 15px;
         height: 15px;
         font-size: 10px;
         text-align: center;
         border: 1px solid #565e53;
         background-color: #fff !important;
         padding: 0px;
         line-height: 12px;
      }

      .search-requests .tags-container .tags .item i {
         color: #565e53 !important;
      }


.search-requests .tags-to-assign {
   background-color: #f1f2f3;
   padding: 15px;
   margin-top: 10px;
}

   .search-requests .tags-to-assign .item {
      border: 1px solid #ccc;
      background-color: #fcfcfc;
      color: #000;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 0;
      margin-right: 10px;
      position: relative;
      margin-bottom: 10px;
      border-radius: 15px;
   }

      .search-requests .tags-to-assign .item.active {
         background-color: #565e53 !Important;
         color: #fff;
      }

.manage-anagraphics.manage-anagraphics-2 .nav-tabs-content {
   position: relative;
}

   .manage-anagraphics.manage-anagraphics-2 .nav-tabs-content .add-link {
      position: absolute;
      right: 15px;
      top: 15px;
   }

      .manage-anagraphics.manage-anagraphics-2 .nav-tabs-content .add-link a {
         background-color: #FFF;
         display: inline-block;
         padding: 2px 10px;
         font-size: 12px;
         border-radius: 9px;
         color: #4c4f53;
         margin-left: 5px;
         border: 1px solid #476E9F;
      }

         .manage-anagraphics.manage-anagraphics-2 .nav-tabs-content .add-link a:hover {
            background-color: #476E9F;
            color: #fff;
         }

   .manage-anagraphics.manage-anagraphics-2 .nav-tabs-content .panel-content {
      margin-top: 20px;
   }


      .manage-anagraphics.manage-anagraphics-2 .nav-tabs-content .panel-content .requests-container {
         display: inline-block;
         padding: 15px;
      }

         .manage-anagraphics.manage-anagraphics-2 .nav-tabs-content .panel-content .requests-container > div {
            padding: 20px;
            margin-bottom: 15px;
            background-color: #d3ddeb;
            position: relative;
         }

      .manage-anagraphics.manage-anagraphics-2 .nav-tabs-content .panel-content .remove-button,
      .manage-anagraphics.manage-anagraphics-2 .section-segnalator .remove-button {
         display: inline-block;
         background-color: #476E9F;
         width: 21px;
         height: 21px;
         color: #FFF;
         text-align: center;
         margin-left: 1px;
         border-radius: 5px;
         position: absolute;
         right: 10px;
         top: 10px;
      }

}

.manage-anagraphics.manage-anagraphics-2 .nav-tabs-content .panel-content .requests-container > div {
   padding: 20px;
   margin-bottom: 15px;
   background-color: #d3ddeb;
   position: relative;
}

.manage-anagraphics.manage-anagraphics-2 .nav-tabs-content .panel-content .remove-button:hover,
.manage-anagraphics.manage-anagraphics-2 .section-segnalator .remove-button:hover {
   background-color: #333;
}

.manage-anagraphics.manage-anagraphics-2 .panel-dossiers.dossiers-block .dossier-item .ban-info .item span.btn {
   background-color: #fff;
   display: inline-block;
   border: 0px;
   border-radius: 10px;
   font-weight: 400;
   color: #4c4f53;
}

   .manage-anagraphics.manage-anagraphics-2 .panel-dossiers.dossiers-block .dossier-item .ban-info .item span.btn:hover {
      background-color: #333;
      color: #fff;
   }

.manage-anagraphics.manage-anagraphics-2 .panel-content {
   position: relative;
}

.manage-anagraphics.manage-anagraphics-2 .actions {
   margin-bottom: 10px;
}

.manage-anagraphics.manage-anagraphics-2 .filters {
   position: absolute;
   right: 15px;
   top: 10px;
}

   .manage-anagraphics.manage-anagraphics-2 .filters input {
      height: 25px !important;
      position: relative;
      border: 1px solid #889CBF;
   }

   .manage-anagraphics.manage-anagraphics-2 .filters:before {
      content: "\f002";
      position: absolute;
      left: -24px;
      background-color: #889CBF;
      top: 0px;
      font: normal normal normal 14px/1 FontAwesome;
      color: #fff;
      width: 25px;
      height: 25px;
      padding: 5px;
   }

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


/* Sezione di Benvenuto */
.welcome-section.section {
   padding: 30px 15px;
   text-align: center;
}

   .welcome-section.section .section-title {
      background-color: #fff;
      width: 100%;
      display: block;
      padding: 10px 30px;
   }

      .welcome-section.section .section-title h2 {
         font-size: 40px;
      }

   .welcome-section.section .section-body {
      background-color: #fff;
      width: 100%;
      display: block;
      padding: 0px 30px 30px;
      font-size: 20px;
   }

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



/* Piano Ferie
------------------------------------------------------------------------------------------------- */

.manage-holiday-plan .first-day-of-month {
   border-left: solid 2px;
}

.manage-holiday-plan .calendar-header {
   margin-bottom: 15px;
}


.manage-holiday-plan .calendar-day .details-container span {
   color: #ffffff;
}

.manage-holiday-plan .calendar-data .festivita {
   background-color: #ffb2b2; /*#FFB2B2;*/
}

.manage-holiday-plan .calendar-data .closing-day {
   background-color: #ffd800;
}

.manage-holiday-plan .calendar-data .permessi {
   background-color: #ffde07; /*#F9FCD0;*/
}

.manage-holiday-plan .calendar-data .non-lavorativo {
   background-color: #C1FFE6;
}

.manage-holiday-plan .calendar-data .permessi-tutto-il-giorno {
   border-color: black;
}

.manage-holiday-plan .calendar-data .ferie {
   background-color: #f69642; /*#FCE4D6;*/
   cursor: pointer;
}

.manage-holiday-plan .calendar-data .permessi {
   background-color: #ffde07;
}

.manage-holiday-plan .calendar-data .malattia {
   background-color: #e9d23d; /*#FFCCFF;*/
}

.manage-holiday-plan .calendar-data .maternita {
   background-color: #cccccc; /*#CCCCCC;*/
}

.manage-holiday-plan .calendar-data .color-red {
   color: red;
}

.manage-holiday-plan .calendar-data .color-green {
   color: green;
}

.manage-holiday-plan .calendar-data .table-striped > tbody > tr:nth-of-type(odd) {
   background-color: transparent;
}
/* ---------------------------------------------------------------------------------------------- */



/* Rapportino
------------------------------------------------------------------------------------------------- */
.calendar-content .calendar-day .details-container .detail-container.confirmed:after {
   content: "\f00c";
   font: normal normal normal 14px/1 'FontAwesome';
   position: absolute;
   right: 10px;
   top: 8px;
}

.calendar-content .calendar-day .details-container .detail-container.rejected:after {
   content: "\f00d";
   font: normal normal normal 14px/1 'FontAwesome';
   position: absolute;
   right: 10px;
   top: 8px;
}

.calendar-content .calendar-day .details-container span {
   color: #ffffff;
}

.calendar-content .calendar-day .details-container .ore-ordinarie {
   background-color: #3c763d; /*#87A859;*/
}

.calendar-content .calendar-day .details-container .straordinari {
   background-color: #e0c1ff; /* #C1FFE6;*/
}

.calendar-content .calendar-day .details-container .ferie {
   background-color: #f69642; /*#F69642;*/
}

.calendar-content .calendar-day .details-container .permessi {
   background-color: #ffde07; /*#F9FCD0;*/
}

.calendar-content .calendar-day .details-container .malattia {
   background-color: #e9d23d; /*#FBE47C;*/
}

.calendar-content .calendar-day .details-container .festivita {
   background-color: #ffb2b2;
}

.calendar-content .calendar-day .details-container .maternita {
   background-color: #cccccc;
}

.calendar-content .calendar-day .details-container .non-lavorativo {
   background-color: #c1ffe6;
}
/* ---------------------------------------------------------------------------------------------- */