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


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

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

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

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

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

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

.btn {
   border-radius: 6px;
}

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

.no-margin {
   margin-bottom: 0px !Important;
}

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

   .btn-primary:focus,
   .btn-primary:hover {
      background-color: #0e1726;
      border-color: #0e1726;
      color: #fff;
   }

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

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

.btn-green {
   background-color: #9CC738;
   border-color: #9CC738;
   color: #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.th-actions {
   width: 120px !Important;
}

/*div a.delete {
	background-image: none !important;
}
*/
@-moz-document url-prefix() {
   fieldset {
      display: table-cell;
   }
}

.table-responsive {
   height: auto;
   overflow-x: unset;
}
/* ---------------------------------------------------------------------------------------------- */



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

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

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

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

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




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



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

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

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

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

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

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

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

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

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

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

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

         header .section.login .logout .user-link .name {
            font-weight: 600;
            color: #FFF;
            margin-right: 5px;
         }

         header .section.login .logout .user-link:hover .name {
            color: #fff;
            text-decoration: underline;
         }

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

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

         header .section.login .logout .logout-link:hover {
            text-decoration: underline;
         }

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

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

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

   .login.panel .input-div input.xinput-type-checkbox3 {
      max-width: auto;
      width: auto;
   }

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

      .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:after,
   .panel-element .panel-content:after,
   .panel-element .panel-content .inputbox:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
   }

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

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

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

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

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

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

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

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

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

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

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

.evidence-red {
   color: #DD0000;
}

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



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

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

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

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

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

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

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

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

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

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

.inputbox.vertical .validation-required {
   background-image: none !important;
   padding: 0 !important;
}

   .inputbox.vertical .validation-required::before {
      content: "*";
      margin-right: 2px;
   }

.admin-section .inputbox.vertical .validation-required::after {
   content: "" !important;
}

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

/*Checkbox e Radiobutton*/
.checkbox-background .input-div-checkbox,
.checkbox-background .input-div-checkbox3,
.radiobutton-background .input-div-optionbutton {
   background: url("../Images/CheckboxBackground.png") top center no-repeat transparent;
   display: inline-block;
   height: 17px;
   width: 17px;
   vertical-align: bottom;
   margin-right: 7px;
   margin-top: 3px;
   background-size: cover;
   float: left;
}

.radiobutton-background .input-div-optionbutton {
   background-image: url("../Images/RadiobuttonBackground.png");
}

   .checkbox-background .input-div-checkbox.checked,
   .radiobutton-background .input-div-optionbutton.checked {
      background-position: bottom center;
   }


.option-label {
   font-weight: normal;
}
/* ---------------------------------------------------------------------------------------------- */



/* Modal
------------------------------------------------------------------------------------------------- */
.modal .modal-dialog .modal-header .modal-title {
   font-size: 20px;
   font-weight: bold;
   letter-spacing: 0;
   color: #FFF;
}

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

.modal .modal-dialog .modal-footer {
   border-radius: 0 0 5px 5px;
   border-top: 1px dashed #e0e6ed;
}

.modal .modal-actions {
   margin-bottom: 20px;
   text-align: right;
}

/*Modale Salva*/
.modal-save-text {
   text-align: center;
   font-size: 22px;
   padding: 0 30px;
}

   .modal-save-text svg {
      display: block;
      margin: 0 auto 20px;
   }

   .modal-save-text .title {
      display: block;
      font-weight: bold;
      font-size: 25px;
      color: #133075;
   }
/* ---------------------------------------------------------------------------------------------- */



/* Checkbox Animation Salva
------------------------------------------------------------------------------------------------- */
@keyframes scaleAnimation {
   0% {
      opacity: 0;
      transform: scale(1.5);
   }

   100% {
      opacity: 1;
      transform: scale(1);
   }
}

@keyframes drawCircle {
   0% {
      stroke-dashoffset: 151px;
   }

   100% {
      stroke-dashoffset: 0;
   }
}

@keyframes drawCheck {
   0% {
      stroke-dashoffset: 36px;
   }

   100% {
      stroke-dashoffset: 0;
   }
}

@keyframes fadeOut {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

@keyframes fadeIn {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

#successAnimationCircle {
   stroke-dasharray: 151px 151px;
   stroke: #133075;
}

#successAnimationCheck {
   stroke-dasharray: 36px 36px;
   stroke: #133075;
}

#successAnimationResult {
   fill: #133075;
   opacity: 0;
}

#successAnimation.animated {
   animation: 1s ease-out 0s 1 both scaleAnimation;
   #successAnimationCircle

{
   animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
}

#successAnimationCheck {
   animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
}

#successAnimationResult {
   animation: 0.3s linear 0.9s both fadeIn;
}

}

#replay {
   color: #133075;
   background: rgba(255,255,255,0.2);
   border: 0;
   border-radius: 3px;
   bottom: 100px;
   left: 50%;
   outline: 0;
   padding: 10px 30px;
   position: absolute;
   transform: translateX(-50%);
   &:active

{
   background: rgba(255,255,255,0.1);
}

}
/* ---------------------------------------------------------------------------------------------- */



/* Notifiche
------------------------------------------------------------------------------------------------- */
.notification {
   position: fixed;
   bottom: 15px;
   right: 15px;
   background: rgb(59, 63, 92) none repeat scroll 0% 0%;
   color: #FFF;
   padding: 15px 30px;
   font-size: 20px;
}

   .notification a {
      text-transform: uppercase;
      margin-left: 20px;
   }

      .notification a:hover {
         color: #FFF;
      }
/* ---------------------------------------------------------------------------------------------- */



/* Infobox
------------------------------------------------------------------------------------------------- */
.infobox {
   border: 1px solid #1b55e2;
   border-radius: 6px;
   color: #1b55e2;
   background-color: #c2d5ff;
   padding: 15px;
   font-size: 18px;
   border-left: 80px solid #1b55e2;
   position: relative;
}

   .infobox.infobox-red {
      border: 1px solid #133075;
      color: #133075;
      background-color: #EE9DA5;
      border-left: 80px solid #133075;
   }

   .infobox:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      border-left: 8px solid;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left-color: inherit;
      margin-top: -8px;
   }

   .infobox .icon {
      position: absolute;
      color: #FFF;
      left: -58px;
      top: 50%;
      font-size: 35px;
      margin-top: -22px;
   }
/* ---------------------------------------------------------------------------------------------- */



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

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

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

#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: #0e1726;
   padding: 8px 16px;
   margin-bottom: 8px;
   border-radius: 6px;
   transition: .600s;
   font-weight: 600;
   font-size: 16px;
}

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

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

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

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

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

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

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

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

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

.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: "\f0d7";
   font-family: "Font Awesome 5 Free";
   font-size: 18px;
   margin: 0;
   position: absolute;
   right: 14px;
   top: 10px;
   font-weight: bold;
}

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

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


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

   ol.breadcrumb i {
      color: #133075;
   }

.breadcrumb > li {
   display: inline;
}

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

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

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

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

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

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

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



/* Login
------------------------------------------------------------------------------------------------- */
.section.userinfo {
   border-bottom: 1px solid #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;
}
/* ---------------------------------------------------------------------------------------------- */



/* Home
------------------------------------------------------------------------------------------------- */
.dashboard-grid {
   margin-top: 30px;
}

   .dashboard-grid a {
      /* display: block; */
      padding: 0 30px 0 127px;
      border-radius: 10px;
      margin-bottom: 30px;
      color: #FFF;
      font-size: 20px;
      position: relative;
      height: 210px;
      display: table;
      width: 100%;
   }

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

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

      .dashboard-grid a .name {
         font-weight: 800;
         display: block;
         font-size: 30px;
      }

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

@media(max-width:1450px) {
   .dashboard-grid a {
      padding: 0 30px;
      text-align: center;
      min-height: 250px;
   }

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

      .dashboard-grid a i {
         position: relative;
         top: 0;
         left: 0;
         width: 60px;
         height: 60px;
         line-height: 60px;
         font-size: 30px;
      }
}

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

   .dashboard-grid a {
      font-size: 16px;
      padding: 0 15px;
   }
}

@media(max-width:767px) {
   .dashboard-grid a {
      height: auto;
      padding: 20px;
      min-height: auto;
      margin-bottom: 10px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione Clienti
------------------------------------------------------------------------------------------------- */
.manage-customers .customers table.data-table thead .th-actions {
   width: 120px;
}

#commercialTypes .input-group {
   float: left;
   width: 50%;
   padding-left: 0px;
}

.customers tr.quick-registration {
   background-color: #c0cad2;
}

.customer .quick-registration-customer {
   margin-left: 15px;
   background-color: #c0cad2;
   padding: 6px 11px;
   margin-bottom: 15px;
   margin-right: 15px;
   font-weight: 600;
   display: inline-block;
}

.customer #rentPeriods .rent-period-item {
   width: 100%;
   float: left;
}

   .customer #rentPeriods .rent-period-item:last-child .input-group {
      float: left;
      padding-right: 10px;
   }

/*.customer #rentPeriods .other-rent-period-dates {
   float: left;
}*/

@media(max-width: 991px) {
   .other-rent-period-dates label {
      display: block;
   }

   .customer #rentPeriods .rent-period-item:last-child .input-group,
   .customer #rentPeriods .other-rent-period-dates {
      float: none;
   }
}

@media(max-width: 767px) {
   #commercialTypes .input-group {
      float: none;
      width: 100%;
   }

   .customer #commercialTypeCosts {
      float: none;
      padding-left: 15px;
   }

   .customer #rentPeriods .rent-period-item {
      width: 100%;
      float: none;
   }
}

.manage-customers .other-rent-period-dates label,
.manage-customers .other-rent-period-dates input {
   margin-right: 10px;
}

.manage-customers .other-rent-period-dates .Zebra_DatePicker_Icon_Wrapper {
   position: relative;
}

   .manage-customers .other-rent-period-dates .Zebra_DatePicker_Icon_Wrapper button {
      top: 6px !Important;
      right: 20px !important;
      left: auto !important;
   }

.emailsAttachment-file {
   font-weight: bold;
   color: #0e1726;
}

   .emailsAttachment-file .btn-secondary,
   .attachment-file .btn-secondary {
      padding: 0px 7px;
      border-radius: 50%;
   }

#showAgendButton,
#showCustomersButton {
   position: fixed;
   bottom: 0px;
   right: 30px;
   padding: 6px 15px;
   border-radius: 5px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Aggiunta cliente veloce
------------------------------------------------------------------------------------------------- */
.quick-customer-registration #commercialTypeCosts {
   margin-top: -10px;
   padding-left: 0px;
}

@media(max-width: 767px) {
   .quick-customer-registration #commercialTypeCosts {
      float: none;
      padding-left: 15px;
      margin-top: 0px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Attività Strutture
------------------------------------------------------------------------------------------------- */
.manage-structure-activities .structures-container .item {
   margin-bottom: 30px;
   background-color: #FFF;
   min-height: 460px;
   border: 1px solid #adadad;
}

   .manage-structure-activities .structures-container .item .image {
      height: 250px;
      background-size: cover;
      background-position: center;
   }

   .manage-structure-activities .structures-container .item .name {
      margin: 10px;
      font-weight: 600;
      height: 46px;
      overflow: hidden;
   }

   .manage-structure-activities .structures-container .item .button-download-pdf {
      border-radius: 50%;
      float: right;
      width: 50px;
      height: 50px;
      border: 2px solid #133075;
      background-color: white;
      color: #133075;
   }

   .manage-structure-activities .structures-container .item .button-download-pdf i {
      transform: translate(-7px, 6px);
   }

   .manage-structure-activities .structures-container .item .structure-action {
      margin: 0 10px 10px;
   }

      .manage-structure-activities .structures-container .item .structure-action a {
         display: block;
         width: 100%;
         float: left;
         color: #FFF;
         background-color: #CCCE00;
         background-image: none;
         text-align: center;
         font-weight: bold;
         padding: 5px;
         text-transform: uppercase;
         margin-bottom: 10px;
      }

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

      .manage-structure-activities .structures-container .item .structure-action a.rent {
         background-color: #CCCE00;
      }

      .manage-structure-activities .structures-container .item .structure-action a.sell {
         background-color: #00A5A9;
      }

      .manage-structure-activities .structures-container .item .structure-action a.view {
         background-color: #fa7e36;
      }

      .manage-structure-activities .structures-container .item .structure-action a:hover {
         background-color: #0e1726;
      }

.manage-structure-activities .Zebra_DatePicker_Icon_Wrapper,
.manage-structure-activities .Zebra_DatePicker_Icon_Wrapper input {
   width: 100%;
}

.manage-structure-activities .structure-title .structure-name {
   color: #133075;
}


.manage-structure-activities .button-list {
   position: absolute;
   right: 0px;
   top: 15px;
   padding: 3px 15px;
   border-radius: 5px;
   font-size: 14px;
}

   .manage-structure-activities .button-list > div {
      float: left;
      margin-left: 10px;
   }

.manage-structure-activities .rent-type-item {
   height: 50px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid #eaeaea;
}

.manage-structure-activities .rent-type-item .form-group {
   margin-bottom: 0px;
}

   .manage-structure-activities .rent-type-item.other-rent-period {
      height: auto;
      display: flex;
      flex-direction: column;
      gap: 5px;
      align-items: normal;
      padding-top: 7px;
   }




   .manage-structure-activities .rent-type-item .rent-type-input {
      float: left;
      padding-right: 15px;
      display: inline-block;
   }

   .manage-structure-activities .rent-type-item .cost input {
      width: auto;
   }

.manage-structure-activities .rates {
   margin-bottom: 20px;
}

.manage-structure-activities .rates-forms {
   margin-top: 20px;
}

   .manage-structure-activities .rates-forms .rate-item .panel-subtitle {
      margin-top: 15px;
   }

@media(max-width: 1200px) {
   .manage-structure-activities .structures-container .item {
      min-height: 470px;
   }
}

@media(max-width: 991px) {
   .manage-structure-activities .button-list {
      position: relative;
      right: auto;
      top: auto;
      padding-left: 0px;
      margin-top: -10px;
      margin-bottom: 10px;
   }

      .manage-structure-activities .button-list > div {
         float: none;
         margin-left: 0px;
         margin-right: 10px;
         display: inline-block;
      }

   .manage-structure-activities .structures-container .item {
      min-height: 445px;
   }
}

@media(max-width: 784px) {
   .manage-structure-activities .structures-container .item {
      min-height: 470px;
   }
}

@media(max-width: 767px) {

   .manage-structure-activities .cost label {
      padding-right: 10px;
   }

   .manage-structure-activities .rates-forms .rate-item button.Zebra_DatePicker_Icon {
      left: auto !Important;
      right: 20px !Important;
   }

   .manage-structure-activities .structures-container .item {
      min-height: auto;
   }

   .manage-structure-activities .rent-type-item {
      height: 75px;
   }

      .manage-structure-activities .rent-type-item.other-rent-period {
         height: auto;
      }

      .manage-structure-activities .rent-type-item.other-rent-period .cost {
         width: 100%;
      }

}

@media(max-width: 567px) {
   .manage-structure-activities .rent-type-item input[type="text"] {
      width: 100%;
   }


}

@media(max-width: 540px) {
   .manage-structure-activities .rent-type-item {
      height: 75px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }

      .manage-structure-activities .rent-type-item input[type="text"] {
         width: 100%;
      }

      .manage-structure-activities .rent-type-item.other-rent-period {
         height: auto;
         align-items: center;
         justify-content: center;
      }
}

.manage-structure-activities .structure-detail #owners tbody span {
   display: block;
}
/* ---------------------------------------------------------------------------------------------- */



/* Tematizzazione utenti
------------------------------------------------------------------------------------------------- */
.admin-section .btn.btn-ok {
   background-color: #133075 !important;
   text-transform: initial;
}

.admin-section .btn.btn-cancel {
   text-transform: initial;
}

.admin-section .btn.btn-ok:hover {
   background-color: #1D1D32 !important;
}

.ow-panel .ow-panel-header {
   background-color: transparent !important;
}

   .ow-panel .ow-panel-header .ow-panel-actions a {
      background-color: #133075 !important;
      color: #fff !important;
   }

      .ow-panel .ow-panel-header .ow-panel-actions a:hover {
         background-color: #1D1D32 !important;
      }

div.layout-container .pagination .page-number,
table.data-table tfoot .pagination .page-number {
   background-color: #133075 !important;
}

   table.data-table tfoot .pagination .page-number.current,
   table.data-table tfoot .pagination .page-number.current.disabled {
      background-color: #0e1726 !Important;
   }

.ow-modal .modal-header {
   background-color: #133075 !important;
}

.manage-users .list-users .list-info .number span {
   background-color: #133075 !important;
}

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(max-width: 767px) {
   .calendar-header a.pull-left,
   .calendar-header a.pull-right,
   .calendar-header a.btn-secondary {
      padding: 5px;
   }

      .calendar-header a.pull-left i,
      .calendar-header a.pull-right i,
      .calendar-header a.btn-secondary i {
         margin-right: 0px;
      }
}

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

.agend-button {
   margin-bottom: 15px;
}

   .agend-button a {
      margin-right: 10px;
   }

.manage-agend .panel-header {
   display: block;
   position: relative;
}

.manage-agend .panel-element .panel-header h2 {
   width: 100%;
}

   .manage-agend .panel-element .panel-header h2 i {
      padding-right: 10px;
   }

.manage-agend .panel-element .panel-header .actions {
   position: absolute;
   right: 15px;
   top: 20px;
}

   .manage-agend .panel-element .panel-header .actions i {
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 0;
      color: #333;
      display: inline-block;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.5;
      padding: 0 4px;
      text-align: center;
   }

      .manage-agend .panel-element .panel-header .actions i:hover {
         background-color: #333;
         color: #fff;
      }

.manage-agend .panel-element .panel-content {
   position: relative;
}

.manage-agend .panel-element .actions.shared {
   position: absolute;
   right: 15px;
   top: 105px;
}

.manage-agend .panel-element .users-container .item a {
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 0;
   color: #333;
   display: inline-block;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.5;
   padding: 0 4px;
   text-align: center;
}

   .manage-agend .panel-element .users-container .item a:hover {
      background-color: #333;
      color: #fff;
   }

.manage-agend .agend-repeater {
   margin-top: 20px !Important;
}

.manage-agend .agend-notification .actions.shared {
   position: relative;
   right: auto;
   top: auto;
   float: right;
   padding-right: 15px;
   padding-bottom: 15px;
}

.manage-agend .user-selector .panel-content .btn.btn-primary {
   margin-top: 26px;
}

@media(max-width:991px) {
   .agend-button a {
      width: 48%;
      margin-bottom: 10px;
   }
}

@media(max-width:767px) {
   .agend-button a {
      width: 100%;
      margin-bottom: 10px;
   }

   .manage-agend .user-selector .panel-content .btn.btn-primary {
      margin-top: 0px;
      display: block;
   }
}
/* ---------------------------------------------------------------------------------------------- */





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

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

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


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

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

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

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

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

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

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

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

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

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



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


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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/* Email template
------------------------------------------------------------------------------------------------- */
.ow-panel {
   margin-bottom: 20px;
   background-color: #FFF;
   box-shadow: 0 4px 6px 0 rgb(85 85 85 / 8%), 0 1px 20px 0 rgb(0 0 0 / 7%), 0px 1px 11px 0px rgb(0 0 0 / 7%);
   border-radius: 6px;
}

   .ow-panel .ow-panel-header {
      padding-bottom: 15px !Important;
   }

      .ow-panel .ow-panel-header .title {
         font-size: 30px !important;
         color: #0e1726 !important;
         font-weight: bold !important;
         display: block !important;
         margin-bottom: 5px;
         margin-top: 0px;
         padding-left: 40px;
         position: relative;
      }

.list-email-templates.ow-panel .ow-panel-header .title:before,
.search-email-templates.ow-panel .ow-panel-header .title:before,
.email-template.ow-panel .ow-panel-header .title:before,
.list-email-template-categories.ow-panel .ow-panel-header .title:before,
.email-template-category.ow-panel .ow-panel-header .title:before {
   color: #0e1726;
   content: "\f0e0";
   display: block;
   font-family: "Font Awesome 5 Free";
   font-size: 30px;
   line-height: normal;
   position: absolute;
   left: 0px;
   font-weight: bold;
   top: 4px;
}

.ow-panel .list .item .item-actions a,
.ow-panel .list .item .arrows i {
   border: 1px solid #ccc;
   padding: 0 4px;
   font-weight: 600;
}

.ow-panel .list .item .arrows {
   right: 15px !Important;
}

.ow-panel .list .item .item-actions {
   left: 12px !Important;
   z-index: 2;
}

.ow-panel .list > .item:nth-child(2n+1) {
   background-color: #f7f7f7;
}


.list-email-templates .list-info .number span {
   width: auto !Important;
   height: auto !Important;
   background-color: transparent !Important;
   color: #0e1726 !Important;
   font-size: 12px !Important;
}

.list-email-templates .list-info {
   padding: 10px 20px !important;
   margin-top: 0px !important;
   text-align: right;
   font-size: 12px !important;
}

.ow-panel .ow-panel-content {
   background-color: #f6f7f9 !Important;
   background-color: #FFFFFF !important;
   color: #0e1726;
   padding: 0px !Important;
}

.ow-panel .ow-panel-header .ow-panel-actions {
   right: 15px !Important;
}

.ow-panel .ow-panel-header .breadcrumbs a {
   color: #6c757d !Important;
}

.ow-panel .ow-panel-header .breadcrumbs a {
   color: #0e1726 !Important;
}

   .ow-panel .ow-panel-header .breadcrumbs a + span:before,
   .ow-panel .ow-panel-header .breadcrumbs a + a:before {
      color: #6c757d !Important;
   }

.ow-panel .list .item .item-actions a,
.ow-panel .list .item .arrows i {
   background-color: #fff;
   display: inline-block;
   width: auto !Important;
   height: auto !Important;
   text-align: center;
   font-size: 14px !Important;
   color: #1D1D32;
   border-radius: 2px;
   line-height: 1.5 !Important;
}

.list-email-templates .list-header {
   border-bottom: 2px solid #CCC;
   padding: 10px 30px 10px 112px !Important;
}

.list-header .column-item.asc .fa-caret-up,
.list-header .column-item.desc .fa-caret-down {
   color: #CCC !Important;
}

.search-email-templates .ow-panel-content {
   padding: 20px 15px !Important;
}

.ow-panel .ow-panel-footer {
   background-color: #fff !Important;
   padding: 20px 15px !Important;
   border-top: 1px dashed #e0e6ed;
   text-align: right !important;
}

.email-template.ow-panel .ow-panel-content,
.email-template-category .ow-panel-content {
   padding: 0px 15px !Important;
}

/* 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: #133075 !important;
   display: inline-block;
   width: auto;
   margin: 0 15px;
   min-width: 150px;
}

   .manage-email-template .actions a:hover {
      background-color: #262626 !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;
}

.list-email-template-categories .no-categories-found {
   padding-bottom: 15px;
}

   .list-email-template-categories .no-categories-found span {
      display: block;
      font-weight: 600;
      background-color: #f9f9f9;
      margin-left: 15px;
      margin-right: 15px;
      padding: 10px 15px;
      text-align: center;
      margin-top: 15px;
   }

@media(max-width: 991px) {
   .list-email-templates .list .item {
      padding-left: 64px !Important;
   }
}

@media(max-width: 767px) {
   .list-email-templates .list-header {
      padding: 10px 30px 10px 15px !Important;
   }

   .list-email-templates .list .item {
      padding-left: 30px !Important;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* 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: #133075;
      height: 80px;
      left: 15px;
      color: #FFF;
      line-height: 80px;
      border-radius: 50%;
      text-align: center;
      font-size: 30px;
   }

      .graph-grid a.item > i:before {
         content: "\f080";
      }



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

   .graph-grid a.item .more {
      background-color: #133075;
      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: #000;
   }

.execute-query .form-horizontal .control-label {
   width: auto;
}

.execute-query .form-horizontal .form-group.col-sm-12 .input-div {
   padding-left: 0px;
}

.execute-query .form-horizontal .form-group.col-sm-12 .checkbox3 {
   padding-left: 0px;
   float: left;
   display: inline-block;
   width: auto;
   padding-left: 10px;
   padding-top: 8px;
}

.execute-query .input-type-checkbox3 {
   height: auto;
   width: auto;
}

.execute-query .input-type-optionbutton {
   height: auto;
   width: auto;
   float: left;
}

.execute-query .form-horizontal .form-group.col-sm-12 .input-div.optionbutton1 span {
   display: block;
}


.execute-query table.data-table tbody tr td.col-icons a {
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 0;
   color: #333;
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   padding: 0 4px;
   text-align: center;
}

.execute-query .table.data-table {
   margin-bottom: 30px;
}
/* ---------------------------------------------------------------------------------------------- */