/*!

 *   SMART

 *   Author: WJ Mathema srl

 *	 Website: Mathema srl <https://www.mathema.com>

 */

/*

 * Core: General Layout Style

 * -------------------------

 */





 /* Include fonts */

 @font-face {

	font-family: 'Poppins';

	font-weight: 100;

	src: url('../fonts/Poppins-Thin.woff');

	src: url('../fonts/Poppins-Thin.ttf') format('truetype');

}

@font-face {

	font-family: 'Poppins';

	font-weight: 300;

	src: url('../fonts/Poppins-Light.woff');

	src: url('../fonts/Poppins-Light.ttf') format('truetype');

}

@font-face {

	font-family: 'Poppins';

	font-weight: 400;

	src: url('../fonts/Poppins-Regular.woff');

	src: url('../fonts/Poppins-Regular.ttf') format('truetype');

}

@font-face {

	font-family: 'Poppins';

	font-weight: 500;

	src: url('../fonts/Poppins-Medium.woff');

	src: url('../fonts/Poppins-Medium.ttf') format('truetype');

}

@font-face {

	font-family: 'Poppins';

	font-weight: 600;

	src: url('../fonts/Poppins-SemiBold.woff');

	src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');

}

@font-face {

	font-family: 'Poppins';

	font-weight: 700;

	src: url('../fonts/Poppins-Bold.woff');

	src: url('../fonts/Poppins-Bold.ttf') format('truetype');

}

 /* fine Include fonts */





html,

body {

  height: 100%;

}

.layout-boxed html,

.layout-boxed body {

  height: 100%;

}

body {

  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-weight: 400;

  overflow-x: hidden;

  overflow-y: auto;

  color: #493227;

}



/* Layout */

.wrapper {

  height: 100%;

  position: relative;

  overflow-x: hidden;

  overflow-y: auto;

}

.wrapper:before,

.wrapper:after {

  content: " ";

  display: table;

}

.wrapper:after {

  clear: both;

}

.layout-boxed .wrapper {

  max-width: 1250px;

  margin: 0 auto;

  min-height: 100%;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);

  position: relative;

}

.layout-boxed {

  background-color: #f9fafc;

}

/*

 * Content Wrapper - contains the main content

 */

.content-wrapper,

.main-footer {

  -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;

  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;

  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;

  margin-left: 230px;

  z-index: 820;

}

.layout-top-nav .content-wrapper,

.layout-top-nav .main-footer {

  margin-left: 0;

}

@media (max-width: 767px) {

  .content-wrapper,

  .main-footer {

    margin-left: 0;

  }

}

@media (min-width: 768px) {

  .sidebar-collapse .content-wrapper,

  .sidebar-collapse .main-footer {

    margin-left: 0;

  }

}

@media (max-width: 767px) {

  .sidebar-open .content-wrapper,

  .sidebar-open .main-footer {

    -webkit-transform: translate(230px, 0);

    -ms-transform: translate(230px, 0);

    -o-transform: translate(230px, 0);

    transform: translate(230px, 0);

  }

}

.content-wrapper {

  min-height: 100%;

  background-color: #ffffff;

  z-index: 800;

}

.content-footer {

  text-align: center;

}

.main-footer {

  background: #fff;

  padding: 15px;

  color: #444;

  border-top: 1px solid #efefef;

}



/* Fixed layout */

.fixed .main-header,

.fixed .main-sidebar,

.fixed .left-side {

  position: fixed;

}

.fixed .main-header {

  top: 0;

  right: 0;

  left: 0;

}

.fixed .content-wrapper,

.fixed .right-side {

  padding-top: 50px;

}

@media (max-width: 767px) {

  .fixed .content-wrapper,

  .fixed .right-side {

    padding-top: 100px;

  }

}

.fixed.layout-boxed .wrapper {

  max-width: 100%;

}

.fixed .wrapper {

  overflow: hidden;

}

.hold-transition .content-wrapper,

.hold-transition .right-side,

.hold-transition .main-footer,

.hold-transition .main-sidebar,

.hold-transition .left-side,

.hold-transition .main-header .navbar,

.hold-transition .main-header .logo,

.hold-transition .menu-open .fa-angle-left {

  /* Fix for IE */

  -webkit-transition: none;

  -o-transition: none;

  transition: none;

}

/* Content */

.content {

  min-height: 250px;

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px;

  padding: 25px;

}

/* H1 - H6 font */

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-family: 'Poppins', sans-serif;

}

/* General Links */

a {

  color: #493227;

}

a:hover,

a:active,

a:focus {

  outline: none;

  text-decoration: none;

  color: #967C3E;

}

/* Page Header */

.page-header {

  margin: 10px 0 20px 0;

  font-size: 22px;

}

.page-header > small {

  color: #666;

  display: block;

  margin-top: 5px;

}

/* Comandi */

.comandi {

  text-align: center;

  margin-top: 20px;

  padding-bottom: 10px;

}

.comandi-top {

  text-align: right;

  padding-bottom: 10px;

}

/*  vertical tab */

div.vertical-tab-container {

  z-index: 10;

  background-color: #ffffff;

  padding: 0 !important;

  border-radius: 0px;

  -moz-border-radius: 0px;

  border: 1px solid #ddd;

  margin-top: 20px;

  margin-left: 0px;

  margin-right: 0px;

  -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0);

  box-shadow: 0 0px 3px rgba(0, 0, 0, 0);

  -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0);

  background-clip: padding-box;

  opacity: 0.97;

  filter: alpha(opacity=97);

}

div.vertical-tab-menu {

  padding-right: 0;

  padding-left: 0;

  padding-bottom: 0;

}

div.vertical-tab-menu div.list-group {

  margin-bottom: 0;

}

div.vertical-tab-menu div.list-group > a {

  margin-bottom: 0;

}

div.vertical-tab-menu div.list-group > a:first-child {

  border-radius: 0;

}

div.vertical-tab-menu div.list-group > a:last-child {

  border-radius: 0;

}

div.vertical-tab-menu div.list-group > a.active {

  background-color: #dddddd;

  color: #333333;

  border: 1px solid #dddddd;

  font-weight: 700;

}

div.vertical-tab-menu div.list-group > a.active:after {

  content: '';

  position: absolute;

  left: 100%;

  top: 50%;

  margin-top: -13px;

  border-left: 0;

  border-bottom: 13px solid transparent;

  border-top: 13px solid transparent;

  border-left: 10px solid #dddddd;

}

div.vertical-tab-content {

  background-color: #ffffff;

  /* border: 1px solid #eeeeee; */

  padding-left: 20px;

  padding-top: 20px;

  padding-bottom: 20px;

}

div.vertical-tab div.vertical-tab-content:not(.active) {

  display: none;

}

.pointer {

  cursor: pointer;

}

tr.collaborazione {

  color: #005384;

}

tr.dlgsold {

  color: #8a0e14;

}

.mark {

  position: fixed;

  bottom: 0px;

  left: 0px;

  background-color: rgba(255, 255, 0, 0.7);

  color: #000;

  font-size: 1.6em;

  padding: 8px;

  z-index: 999;

  width: 100%;

  text-align: center;

}

#prealert {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  background-color: rgba(0, 0, 0, 0.7);

  display: none;

}

#alert {

  display: block;

  position: relative;

  left: 50%;

  top: 50%;

  width: 300px;

  height: auto;

  margin: -150px 0 0 -150px;

  border-radius: 0.5em;

  background-color: #fff;

  padding: 1em;

  text-align: center;

  color: #333333;

}

#alert .action {

  padding: 1em;

}

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  background-color: rgba(0, 0, 0, 0.7);

}

#loader {

  display: block;

  position: relative;

  left: 50%;

  top: 50%;

  width: 150px;

  height: 150px;

  margin: -75px 0 0 -75px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #ffb3ad;

  -webkit-animation: spin 2s linear infinite;

  animation: spin 2s linear infinite;

}

#loader:before {

  content: "";

  position: absolute;

  top: 5px;

  left: 5px;

  right: 5px;

  bottom: 5px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #fe6c9f;

  -webkit-animation: spin 3s linear infinite;

  animation: spin 3s linear infinite;

}

#loader:after {

  content: "";

  position: absolute;

  top: 15px;

  left: 15px;

  right: 15px;

  bottom: 15px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #ff002a;

  -webkit-animation: spin 1.5s linear infinite;

  animation: spin 1.5s linear infinite;

}



select option, button {

  text-transform: uppercase !important;

}



.toUpperCase {

  text-transform: uppercase;

}

.list_documenti {

  font-size: 0.9em;

  padding: 8px;

  border-radius: 5px;

  border: 1px solid #ccc;

  margin-bottom: 5px;

  line-height: 1.1em;

}

.list_documenti h6 {

  font-size: 1em;

  margin: 0px 0px 3px 0px;

  font-weight: 700;

}

.list_documenti h6 label {

  font-size: 0.9em;

  color: #777777;

  padding-left: 5px;

  font-weight: 400;

}

.list_documenti h6 span {

  padding-left: 5px;

  padding-right: 5px;

  font-weight: 400;

}

.list_documenti .doc_file::before {

  content: "\f1c1";

  font-family: "FontAwesome";

  padding-right: 5px;

}

.list_documenti .doc_file {

  text-decoration: underline;

}

.epilogo {

  border: 1px solid #111;

  background: #efefef;

  padding: 10px;

  margin-bottom: 10px;

  border-radius: 8px;

}

.epilogo .col-md-1,

.epilogo .col-md-2,

.epilogo .col-md-3,

.epilogo .col-md-4,

.epilogo .col-md-5,

.epilogo .col-md-6,

.epilogo .col-md-7,

.epilogo .col-md-8,

.epilogo .col-md-9,

.epilogo .col-md-10,

.epilogo .col-md-11,

.epilogo .col-md-12 {

  margin-bottom: 0px;

  padding: 5px 25px;

}

.attenzione {

  border: 1px solid transparent;

  border-radius: 4px;

  margin-top: 10px;

  margin-bottom: 10px;

  padding: 15px;

  background-color: #f2dede;

  border-color: #ebccd1;

  color: #a94442;

  width: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.attenzione h3 {

  margin-top: 0px;

  line-height: 1.2em;

  font-size: 1em;

}

.attenzione ul {

  margin-left: 20px;

}

@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

/*

 * Component: Main Header

 * ----------------------

 */

.main-header {

  position: relative;

  z-index: 1030;

}

.main-header .navbar {

  -webkit-transition: margin-left 0.3s ease-in-out;

  -o-transition: margin-left 0.3s ease-in-out;

  transition: margin-left 0.3s ease-in-out;

  margin-bottom: 0;

  margin-left: 230px;

  border: none;

  border-radius: 0;

}



.navitem{

  margin-left: 2em;

  padding-top: 25px;

  padding-bottom: 25px;

  padding-left: 25px;

  padding-right: 25px;

  color: #EED15C;

}



.navitem.active{

  font-weight: bold;

  color: #967C3E;

  position: relative;

}



.navitem.active:after{

  width: 30px;

  height: 3px;

  content: " ";

  background-color: #967C3E;

  position: absolute;

  bottom: 0px;

  left: 55px;

}



.layout-top-nav .main-header .navbar {

  margin-left: 0;

}

.main-header #navbar-search-input.form-control {

  background: rgba(255, 255, 255, 0.2);

  border-color: transparent;

}

.main-header #navbar-search-input.form-control:focus,

.main-header #navbar-search-input.form-control:active {

  border-color: rgba(0, 0, 0, 0.1);

  background: rgba(255, 255, 255, 0.9);

}

.main-header #navbar-search-input.form-control::-moz-placeholder {

  color: #ccc;

  opacity: 1;

}

.main-header #navbar-search-input.form-control:-ms-input-placeholder {

  color: #ccc;

}

.main-header #navbar-search-input.form-control::-webkit-input-placeholder {

  color: #ccc;

}

.main-header .navbar-custom-menu,

.main-header .navbar-right {

  float: right;

}

@media (max-width: 991px) {

  .main-header .navbar-custom-menu a,

  .main-header .navbar-right a {

    color: inherit;

    background: transparent;

  }

}

@media (max-width: 767px) {

  .main-header .navbar-right {

    float: none;

  }

  .navbar-collapse .main-header .navbar-right {

    margin: 7.5px -15px;

  }

  .main-header .navbar-right > li {

    color: inherit;

    border: 0;

  }

}

.main-header .sidebar-toggle {

  float: left;

  background-color: transparent;

  background-image: none;

  padding: 15px 15px;

  font-family: fontAwesome;

}

.main-header .sidebar-toggle.back:before {

  content: "\f053";

}

.main-header .sidebar-toggle:before {

  content: "\f0c9";

}



.main-header .sidebar-toggle:focus,

.main-header .sidebar-toggle:active {

  background: transparent;

}

.main-header .sidebar-toggle .icon-bar {

  display: none;

}

.main-header .navbar .nav > li.user > a > .fa,

.main-header .navbar .nav > li.user > a > .glyphicon,

.main-header .navbar .nav > li.user > a > .ion {

  margin-right: 5px;

}

.main-header .navbar .nav > li > a > .label {

  position: absolute;

  top: 9px;

  right: 7px;

  text-align: center;

  font-size: 9px;

  padding: 2px 3px;

  line-height: 0.9;

}

.main-header .logo {

  -webkit-transition: width 0.3s ease-in-out;

  -o-transition: width 0.3s ease-in-out;

  transition: width 0.3s ease-in-out;

  display: inline-block;

  height: auto;

  font-size: 20px;

  line-height: 50px;

  text-align: center;

  width: 180px;

  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  padding: 20px 25px;

  font-weight: 300;

  overflow: hidden;

}

.main-header .logo .logo-lg {

  display: block;

}

.main-header .logo .logo-mini {

  display: none;

}

.main-header .navbar-brand {

  color: #fff;

}

.content-header {

  position: relative;

  padding: 25px 25px 0 25px;

}

.content-header > h1 {

  margin: 0;

  font-size: 24px;

}

.content-header > h1 > small {

  font-size: 15px;

  display: inline-block;

  padding-left: 4px;

  font-weight: 300;

}

.content-header > h5 {

  font-size: 24px;

  font-weight: 300;

}

.content-header > h5 > span {

  font-size: 16px;

  color: #333;

  padding-left: 5px;

  font-weight: 500;

}

.content-header > .breadcrumb {

  background: transparent;

  margin-top: 0;

  margin-bottom: 0;

  font-size: 12px;

  padding: 7px 5px;

  position: absolute;

  top: 25px;

  left: 25px;

  border-radius: 2px;

}

.content-header > .breadcrumb > li > a {

  color: #444;

  text-decoration: none;

  display: inline-block;

}

.content-header > .breadcrumb > li > a > .fa,

.content-header > .breadcrumb > li > a > .glyphicon,

.content-header > .breadcrumb > li > a > .ion {

  margin-right: 5px;

}

.content-header > .breadcrumb > li + li:before {

  content: '>\00a0';

}

@media (max-width: 991px) {

  .content-header > .breadcrumb {

    position: relative;

    margin-top: 5px;

    top: 0;

    left: 0;

    float: none;

    background: #efefef;

    padding-left: 10px;

  }

  .content-header > .breadcrumb li:before {

    color: #bcbcbc;

  }

}

.navbar-toggle {

  color: #fff;

  border: 0;

  margin: 0;

  padding: 15px 15px;

}

@media (max-width: 991px) {

  .navbar-custom-menu .navbar-nav > li {

    float: left;

  }

  .navbar-custom-menu .navbar-nav {

    margin: 0;

    float: left;

  }

  .navbar-custom-menu .navbar-nav > li > a {

    padding-top: 15px;

    padding-bottom: 15px;

    line-height: 20px;

  }

}

@media (max-width: 767px) {

  .main-header {

    position: relative;

  }

  .main-header .navbar {

    width: 100%;

    float: none;

  }

  .main-header .navbar {

    margin: 0;

  }

  .main-header .navbar-custom-menu {

    float: right;

    padding-top: 10px;

  }

}

@media (max-width: 991px) {

  .navbar-collapse.pull-left {

    float: none !important;

  }

  .navbar-collapse.pull-left + .navbar-custom-menu {

    display: block;

    position: absolute;

    top: 0;

    right: 40px;

  }

}

/*

 * Component: Sidebar

 * ------------------

 */

.main-sidebar {

  position: absolute;

  top: 0;

  left: 0;

  padding-top: 50px;

  min-height: 100%;

  width: 230px;

  z-index: 810;

  -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;

  -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;

  -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;

}

@media (max-width: 767px) {

  .main-sidebar {

    padding-top: 100px;

  }

}

@media (max-width: 767px) {

  .main-sidebar {

    -webkit-transform: translate(-230px, 0);

    -ms-transform: translate(-230px, 0);

    -o-transform: translate(-230px, 0);

    transform: translate(-230px, 0);

  }

}

@media (min-width: 768px) {

  .sidebar-collapse .main-sidebar {

    -webkit-transform: translate(-230px, 0);

    -ms-transform: translate(-230px, 0);

    -o-transform: translate(-230px, 0);

    transform: translate(-230px, 0);

  }

}

@media (max-width: 767px) {

  .sidebar-open .main-sidebar {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

  }

}

.sidebar {

  padding-bottom: 10px;

}

.sidebar-form input:focus {

  border-color: transparent;

}

.user-panel {

  position: relative;

  width: 100%;

  padding: 10px;

  overflow: hidden;

}

.user-panel:before,

.user-panel:after {

  content: " ";

  display: table;

}

.user-panel:after {

  clear: both;

}

.user-panel > .image > img {

  width: 100%;

  max-width: 45px;

  height: auto;

}

.user-panel > .info {

  padding: 5px 5px 5px 15px;

  line-height: 1;

  position: absolute;

  left: 55px;

}

.user-panel > .info > p {

  font-weight: 600;

  margin-bottom: 9px;

}

.user-panel > .info > a {

  text-decoration: none;

  padding-right: 5px;

  margin-top: 3px;

  font-size: 11px;

}

.user-panel > .info > a > .fa,

.user-panel > .info > a > .ion,

.user-panel > .info > a > .glyphicon {

  margin-right: 3px;

}

.sidebar-menu {

  list-style: none;

  margin: 0;

  padding: 0;

}

.sidebar-menu > li {

  position: relative;

  margin: 0;

  padding: 0;

}

.sidebar-menu > li > a {

  padding: 12px 5px 12px 15px;

  display: block;

}

.sidebar-menu > li > a > .fa,

.sidebar-menu > li > a > .glyphicon,

.sidebar-menu > li > a > .ion {

  width: 20px;

}

.sidebar-menu > li .label,

.sidebar-menu > li .badge {

  margin-right: 5px;

}

.sidebar-menu > li .badge {

  margin-top: 3px;

}

.sidebar-menu li.header {

  padding: 10px 25px 10px 15px;

  font-size: 12px;

}

.sidebar-menu li > a > .fa-angle-left,

.sidebar-menu li > a > .pull-right-container > .fa-angle-left {

  width: auto;

  height: auto;

  padding: 0;

  margin-right: 10px;

  -webkit-transition: transform 0.5s ease;

  -o-transition: transform 0.5s ease;

  transition: transform 0.5s ease;

}

.sidebar-menu li > a > .fa-angle-left {

  position: absolute;

  top: 50%;

  right: 10px;

  margin-top: -8px;

}

.sidebar-menu .menu-open > a > .fa-angle-left,

.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {

  -webkit-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);

  transform: rotate(-90deg);

}

.sidebar-menu .active > .treeview-menu {

  display: block;

}

/*

 * Component: Sidebar Mini

 */

@media (min-width: 768px) {

  .sidebar-mini.sidebar-collapse .content-wrapper,

  .sidebar-mini.sidebar-collapse .right-side,

  .sidebar-mini.sidebar-collapse .main-footer {

    margin-left: 50px !important;

    z-index: 840;

  }

  .sidebar-mini.sidebar-collapse .main-sidebar {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

    width: 50px !important;

    z-index: 850;

  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li {

    position: relative;

  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {

    margin-right: 0;

  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {

    border-top-right-radius: 4px;

  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {

    border-bottom-right-radius: 4px;

  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {

    padding-top: 5px;

    padding-bottom: 5px;

    border-bottom-right-radius: 4px;

  }

  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,

  .sidebar-mini.sidebar-collapse .sidebar-form,

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,

  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {

    display: none !important;

    transform: translateZ(0);

  }

  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {

    display: block;

    margin-left: -15px;

    margin-right: -15px;

    font-size: 18px;

  }

  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {

    display: none;

  }

  .sidebar-mini.sidebar-collapse .main-header .navbar {

    margin-left: 50px;

  }

}

@media (min-width: 768px) {

  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),

  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {

    display: block !important;

    position: absolute;

    width: 180px;

    left: 50px;

  }

  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {

    top: 0;

    margin-left: -3px;

    padding: 12px 5px 12px 20px;

    background-color: inherit;

  }

  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {

    position: relative !important;

    float: right;

    width: auto !important;

    left: 180px !important;

    top: -22px !important;

    z-index: 900;

  }

  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {

    display: none;

  }

  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {

    top: 44px;

    margin-left: 0;

  }

}

.sidebar-expanded-on-hover .main-footer,

.sidebar-expanded-on-hover .content-wrapper {

  margin-left: 50px;

}

.sidebar-expanded-on-hover .main-sidebar {

  box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125);

}

.sidebar-menu:hover {

  overflow: visible;

}

.sidebar-form,

.sidebar-menu > li.header {

  overflow: hidden;

  text-overflow: clip;

}

.sidebar-menu li > a {

  position: relative;

}

.sidebar-menu li > a > .pull-right-container {

  position: absolute;

  right: 10px;

  top: 50%;

  margin-top: -7px;

}

/*

 * Component: Control sidebar. By default, this is the right sidebar.

 */

.control-sidebar-bg {

  position: fixed;

  z-index: 1000;

  bottom: 0;

}

.control-sidebar-bg,

.control-sidebar {

  top: 0;

  right: -230px;

  width: 230px;

  -webkit-transition: right 0.3s ease-in-out;

  -o-transition: right 0.3s ease-in-out;

  transition: right 0.3s ease-in-out;

}

.control-sidebar {

  position: absolute;

  padding-top: 50px;

  z-index: 1010;

}

@media (max-width: 767px) {

  .control-sidebar {

    padding-top: 100px;

  }

}

.control-sidebar > .tab-content {

  padding: 10px 15px;

}

.control-sidebar.control-sidebar-open,

.control-sidebar.control-sidebar-open + .control-sidebar-bg {

  right: 0;

}

.control-sidebar-open .control-sidebar-bg,

.control-sidebar-open .control-sidebar {

  right: 0;

}

@media (min-width: 768px) {

  .control-sidebar-open .content-wrapper,

  .control-sidebar-open .right-side,

  .control-sidebar-open .main-footer {

    margin-right: 230px;

  }

}

.fixed .control-sidebar {

  position: fixed;

  height: 100%;

  overflow-y: auto;

  padding-bottom: 50px;

}

.nav-tabs.control-sidebar-tabs > li:first-of-type > a,

.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,

.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {

  border-left-width: 0;

}

.nav-tabs.control-sidebar-tabs > li > a {

  border-radius: 0;

}

.nav-tabs.control-sidebar-tabs > li > a,

.nav-tabs.control-sidebar-tabs > li > a:hover {

  border-top: none;

  border-right: none;

  border-left: 1px solid transparent;

  border-bottom: 1px solid transparent;

}

.nav-tabs.control-sidebar-tabs > li > a .icon {

  font-size: 16px;

}

.nav-tabs.control-sidebar-tabs > li.active > a,

.nav-tabs.control-sidebar-tabs > li.active > a:hover,

.nav-tabs.control-sidebar-tabs > li.active > a:focus,

.nav-tabs.control-sidebar-tabs > li.active > a:active {

  border-top: none;

  border-right: none;

  border-bottom: none;

}

@media (max-width: 768px) {

  .nav-tabs.control-sidebar-tabs {

    display: table;

  }

  .nav-tabs.control-sidebar-tabs > li {

    display: table-cell;

  }

}

.control-sidebar-heading {

  font-weight: 400;

  font-size: 16px;

  padding: 10px 0;

  margin-bottom: 10px;

}

.control-sidebar-subheading {

  display: block;

  font-weight: 400;

  font-size: 14px;

}

.control-sidebar-menu {

  list-style: none;

  padding: 0;

  margin: 0 -15px;

}

.control-sidebar-menu > li > a {

  display: block;

  padding: 10px 15px;

}

.control-sidebar-menu > li > a:before,

.control-sidebar-menu > li > a:after {

  content: " ";

  display: table;

}

.control-sidebar-menu > li > a:after {

  clear: both;

}

.control-sidebar-menu > li > a > .control-sidebar-subheading {

  margin-top: 0;

}

.control-sidebar-menu .menu-icon {

  float: left;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  text-align: center;

  line-height: 35px;

}

.control-sidebar-menu .menu-info {

  margin-left: 45px;

  margin-top: 3px;

}

.control-sidebar-menu .menu-info > .control-sidebar-subheading {

  margin: 0;

}

.control-sidebar-menu .menu-info > p {

  margin: 0;

  font-size: 11px;

}

.control-sidebar-menu .progress {

  margin: 0;

}

.control-sidebar-dark {

  color: #ffffff;

}

.control-sidebar-dark,

.control-sidebar-dark + .control-sidebar-bg {

  background: #727272;

}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs {

  border-bottom: #6a6a6a;

}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {

  background: #656565;

  color: #ffffff;

}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {

  border-left-color: #606060;

  border-bottom-color: #606060;

}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {

  background: #6a6a6a;

}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {

  color: #fff;

}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {

  background: #727272;

  color: #fff;

}

.control-sidebar-dark .control-sidebar-heading,

.control-sidebar-dark .control-sidebar-subheading {

  color: #fff;

}

.control-sidebar-dark .control-sidebar-menu > li > a:hover {

  background: #6d6d6d;

}

.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {

  color: #ffffff;

}

.control-sidebar-light {

  color: #5e5e5e;

}

.control-sidebar-light,

.control-sidebar-light + .control-sidebar-bg {

  background: #f9fafc;

  border-left: 1px solid #efefef;

}

.control-sidebar-light .nav-tabs.control-sidebar-tabs {

  border-bottom: #efefef;

}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {

  background: #e8ecf4;

  color: #444;

}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {

  border-left-color: #efefef;

  border-bottom-color: #efefef;

}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {

  background: #eff1f7;

}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {

  background: #f9fafc;

  color: #111;

}

.control-sidebar-light .control-sidebar-heading,

.control-sidebar-light .control-sidebar-subheading {

  color: #111;

}

.control-sidebar-light .control-sidebar-menu {

  margin-left: -14px;

}

.control-sidebar-light .control-sidebar-menu > li > a:hover {

  background: #f4f4f5;

}

.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {

  color: #5e5e5e;

}

/* WJ GIP */

.notifiche_listitem {

  font-size: 12px;

  color: #111;

  margin-bottom: 15px;

}

.notifiche_listitem h4 {

  font-size: 12px;

  margin-top: 0px;

  margin-bottom: 5px;

}

.notifiche_listitem h4 a {

  color: #ffffff;

  text-decoration: underline;

}

.notifiche_listitem .data {

  font-weight: 700;

}

/*

 * Component: Dropdown menus

 * -------------------------

 */

/*Dropdowns in general*/

.dropdown-menu {

  box-shadow: none;

  border-color: #eee;

}

.dropdown-menu > li > a {

  color: #777;

}

.dropdown-menu > li > a > .glyphicon,

.dropdown-menu > li > a > .fa,

.dropdown-menu > li > a > .ion {

  margin-right: 10px;

}

.dropdown-menu > li > a:hover {

  background-color: #fcfcfc;

  color: #333;

}

.dropdown-menu > .divider {

  background-color: #eee;

}

.navbar-nav > .notifications-menu > .dropdown-menu,

.navbar-nav > .messages-menu > .dropdown-menu,

.navbar-nav > .tasks-menu > .dropdown-menu {

  width: 280px;

  padding: 0 0 0 0;

  margin: 0;

  top: 100%;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li,

.navbar-nav > .messages-menu > .dropdown-menu > li,

.navbar-nav > .tasks-menu > .dropdown-menu > li {

  position: relative;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li.header,

.navbar-nav > .messages-menu > .dropdown-menu > li.header,

.navbar-nav > .tasks-menu > .dropdown-menu > li.header {

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

  background-color: #ffffff;

  padding: 7px 10px;

  border-bottom: 1px solid #f4f4f4;

  color: #444444;

  font-size: 14px;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,

.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,

.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 4px;

  border-bottom-left-radius: 4px;

  font-size: 12px;

  background-color: #fff;

  padding: 7px 10px;

  border-bottom: 1px solid #eeeeee;

  color: #444 !important;

  text-align: center;

}

@media (max-width: 991px) {

  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,

  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,

  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {

    background: #fff !important;

    color: #444 !important;

  }

}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,

.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,

.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {

  text-decoration: none;

  font-weight: normal;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,

.navbar-nav > .messages-menu > .dropdown-menu > li .menu,

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {

  max-height: 200px;

  margin: 0;

  padding: 0;

  list-style: none;

  overflow-x: hidden;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {

  display: block;

  white-space: nowrap;

  /* Prevent text from breaking */

  border-bottom: 1px solid #f4f4f4;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {

  background: #f4f4f4;

  text-decoration: none;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {

  color: #444444;

  overflow: hidden;

  text-overflow: ellipsis;

  padding: 10px;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {

  width: 20px;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {

  margin: 0;

  padding: 10px 10px;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {

  margin: auto 10px auto auto;

  width: 40px;

  height: 40px;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {

  padding: 0;

  margin: 0 0 0 45px;

  color: #444444;

  font-size: 15px;

  position: relative;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {

  color: #999999;

  font-size: 10px;

  position: absolute;

  top: 0;

  right: 0;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {

  margin: 0 0 0 45px;

  font-size: 12px;

  color: #888888;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {

  content: " ";

  display: table;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {

  clear: both;

}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {

  padding: 10px;

}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {

  font-size: 14px;

  padding: 0;

  margin: 0 0 10px 0;

  color: #666666;

}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {

  padding: 0;

  margin: 0;

}

.navbar-nav > .user-menu > .dropdown-menu {

  border-top-right-radius: 0;

  border-top-left-radius: 0;

  padding: 1px 0 0 0;

  border-top-width: 0;

  width: 280px;

}

.navbar-nav > .user-menu > .dropdown-menu,

.navbar-nav > .user-menu > .dropdown-menu > .user-body {

  border-bottom-right-radius: 4px;

  border-bottom-left-radius: 4px;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {

  _height: 175px;

  padding: 10px;

  text-align: center;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {

  z-index: 5;

  height: 90px;

  width: 90px;

  border: 3px solid;

  border-color: transparent;

  border-color: rgba(255, 255, 255, 0.2);

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {

  z-index: 5;

  color: #fff;

  color: rgba(255, 255, 255, 0.8);

  font-size: 17px;

  margin-top: 10px;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {

  display: block;

  font-size: 12px;

}

.navbar-nav > .user-menu > .dropdown-menu > .user-body {

  padding: 15px;

  border-bottom: 1px solid #f4f4f4;

  border-top: 1px solid #dddddd;

}

.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,

.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {

  content: " ";

  display: table;

}

.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {

  clear: both;

}

.navbar-nav > .user-menu > .dropdown-menu > .user-body a {

  color: #444 !important;

}

@media (max-width: 991px) {

  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {

    background: #fff !important;

    color: #444 !important;

  }

}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {

  background-color: #f9f9f9;

  padding: 10px;

}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,

.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {

  content: " ";

  display: table;

}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {

  clear: both;

}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {

  color: #666666;

}

@media (max-width: 991px) {

  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {

    background-color: #f9f9f9;

  }

}

.navbar-nav > .user-menu .user-image {

  float: left;

  width: 25px;

  height: 25px;

  border-radius: 50%;

  margin-right: 10px;

  margin-top: -2px;

}

@media (max-width: 767px) {

  .navbar-nav > .user-menu .user-image {

    float: none;

    margin-right: 0;

    margin-top: -8px;

    line-height: 10px;

  }

}

/* Add fade animation to dropdown menus by appending

 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/

.open:not(.dropup) > .animated-dropdown-menu {

  backface-visibility: visible !important;

  -webkit-animation: flipInX 0.7s both;

  -o-animation: flipInX 0.7s both;

  animation: flipInX 0.7s both;

}

@keyframes flipInX {

  0% {

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transition-timing-function: ease-in;

  }

  60% {

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }

  80% {

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }

  100% {

    transform: perspective(400px);

  }

}

@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }

  100% {

    -webkit-transform: perspective(400px);

  }

}

/* Fix dropdown menu in navbars */

.navbar-custom-menu > .navbar-nav > li {

  position: relative;

}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {

  position: absolute;

  right: 0;

  left: auto;

}

@media (max-width: 991px) {

  .navbar-custom-menu > .navbar-nav {

    float: right;

  }

  .navbar-custom-menu > .navbar-nav > li {

    position: static;

  }

  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {

    position: absolute;

    right: 5%;

    left: auto;

    border: 1px solid #ddd;

    background: #fff;

  }

}

/*

 * Component: Form

 * ---------------

 */

.form-control {

  border-radius: 0;

  box-shadow: none;

  border-color: #dddddd;

}

.form-control:focus {

  border-color: #3c8dbc;

  box-shadow: none;

}

.form-control::-moz-placeholder,

.form-control:-ms-input-placeholder,

.form-control::-webkit-input-placeholder {

  color: #bbb;

  opacity: 1;

}

.form-control:not(select) {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

.form-group.has-success label {

  color: #00a65a;

}

.form-group.has-success .form-control,

.form-group.has-success .input-group-addon {

  border-color: #00a65a;

  box-shadow: none;

}

.form-group.has-success .help-block {

  color: #00a65a;

}

.form-group.has-warning label {

  color: #f39c12;

}

.form-group.has-warning .form-control,

.form-group.has-warning .input-group-addon {

  border-color: #f39c12;

  box-shadow: none;

}

.form-group.has-warning .help-block {

  color: #f39c12;

}

.form-group.has-error label {

  color: #dd4b39;

}

.form-group.has-error .form-control,

.form-group.has-error .input-group-addon {

  border-color: #dd4b39;

  box-shadow: none;

}

.form-group.has-error .help-block {

  color: #dd4b39;

}

.form-group input[type="date"] {

  line-height: 1.42857143;

}

/* Input group */

.input-group .input-group-addon {

  border-radius: 0;

  border-color: #efefef;

  background-color: #fff;

}

/* button groups */

.btn-group-vertical .btn.btn-flat:first-of-type,

.btn-group-vertical .btn.btn-flat:last-of-type {

  border-radius: 0;

}

.icheck > label {

  padding-left: 0;

}

/* support Font Awesome icons in form-control */

.form-control-feedback.fa {

  line-height: 34px;

}

.input-lg + .form-control-feedback.fa,

.input-group-lg + .form-control-feedback.fa,

.form-group-lg .form-control + .form-control-feedback.fa {

  line-height: 46px;

}

.input-sm + .form-control-feedback.fa,

.input-group-sm + .form-control-feedback.fa,

.form-group-sm .form-control + .form-control-feedback.fa {

  line-height: 30px;

}

input.giorni {

  max-width: 50px;

  text-align: right;

}

input[name="num_ditte"] {

  font-size: 3em;

  border: 0px;

}

input.toggle[type="checkbox"] {

  transform: scale(1);

  margin-right: 5px;

}

.template-upload select {

  max-width: 300px;

  margin-top: 5px;

  margin-bottom: 5px;

  padding: 3px;

  border: 1px solid #dddddd;

  border-radius: 0;

}

.template-upload textarea {

  max-width: 300px;

  display: block;

  height: 60px;

  margin-bottom: 5px;

  border: 1px solid #dddddd;

}

.template-upload p {

  margin: 0;

  font-size: 0.9em;

  font-style: italic;

  color: #777777;

}

.template-upload .btn {

  margin-right: 5px;

  margin-top: 2px;

  margin-bottom: 2px;

  width: 100px;

}

.template-upload .progress {

  background-color: #dddddd;

}

.template-upload td,

.template-upload th {

  font-size: 0.9em;

}

.range_box {

  width: 100%;

  margin-left: 35px;

  margin-bottom: 20px;

}

.box-minmax {

  margin-top: 30px;

  width: 608px;

  display: flex;

  justify-content: space-between;

  font-size: 20px;

  color: #999;

}

.box-minmax span:first-child {

  margin-left: 10px;

}

.range-slider {

  margin-top: 10px;

  width: 600px;

}

.rs-range {

  margin-top: 29px;

  width: 600px;

  -webkit-appearance: none;

}

.rs-range:focus {

  outline: none;

}

.rs-range::-webkit-slider-runnable-track {

  width: 100%;

  height: 1px;

  cursor: pointer;

  box-shadow: none;

  background: #333;

  border-radius: 0px;

  border: 0px solid #010101;

}

.rs-range::-moz-range-track {

  width: 100%;

  height: 1px;

  cursor: pointer;

  box-shadow: none;

  background: #333;

  border-radius: 0px;

  border: 0px solid #010101;

}

.rs-range::-webkit-slider-thumb {

  box-shadow: none;

  border: 0px solid #333;

  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);

  height: 42px;

  width: 22px;

  border-radius: 22px;

  background: #000000;

  cursor: pointer;

  -webkit-appearance: none;

  margin-top: -20px;

}

.rs-range::-moz-range-thumb {

  box-shadow: none;

  border: 0px solid #333;

  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);

  height: 42px;

  width: 22px;

  border-radius: 22px;

  background: #000000;

  cursor: pointer;

  -webkit-appearance: none;

  margin-top: -20px;

}

.rs-range::-moz-focus-outer {

  border: 0;

}

.rs-label {

  position: relative;

  transform-origin: center center;

  display: block;

  width: 98px;

  height: 98px;

  background: transparent;

  border-radius: 50%;

  line-height: 30px;

  text-align: center;

  font-weight: bold;

  padding-top: 22px;

  box-sizing: border-box;

  border: 2px solid #333;

  margin-top: 20px;

  margin-left: -38px;

  left: 0px;

  color: #333;

  font-style: normal;

  font-weight: normal;

  line-height: normal;

  font-size: 36px;

}

.rs-label::after {

  content: "";

  display: block;

  font-size: 20px;

  letter-spacing: 0.07em;

  margin-top: -2px;

}

/*

 * Component: Progress Bar

 * -----------------------

 */

.progress,

.progress > .progress-bar {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.progress,

.progress > .progress-bar,

.progress .progress-bar,

.progress > .progress-bar .progress-bar {

  border-radius: 1px;

}

/* size variation */

.progress.sm,

.progress-sm {

  height: 10px;

}

.progress.sm,

.progress-sm,

.progress.sm .progress-bar,

.progress-sm .progress-bar {

  border-radius: 1px;

}

.progress.xs,

.progress-xs {

  height: 7px;

}

.progress.xs,

.progress-xs,

.progress.xs .progress-bar,

.progress-xs .progress-bar {

  border-radius: 1px;

}

.progress.xxs,

.progress-xxs {

  height: 3px;

}

.progress.xxs,

.progress-xxs,

.progress.xxs .progress-bar,

.progress-xxs .progress-bar {

  border-radius: 1px;

}

/* Vertical bars */

.progress.vertical {

  position: relative;

  width: 30px;

  height: 200px;

  display: inline-block;

  margin-right: 10px;

}

.progress.vertical > .progress-bar {

  width: 100%;

  position: absolute;

  bottom: 0;

}

.progress.vertical.sm,

.progress.vertical.progress-sm {

  width: 20px;

}

.progress.vertical.xs,

.progress.vertical.progress-xs {

  width: 10px;

}

.progress.vertical.xxs,

.progress.vertical.progress-xxs {

  width: 3px;

}

.progress-group .progress-text {

  font-weight: 600;

}

.progress-group .progress-number {

  float: right;

}

/* Remove margins from progress bars when put in a table */

.table tr > td .progress {

  margin: 0;

}

.progress-bar-light-blue,

.progress-bar-primary {

  background-color: #3c8dbc;

}

.progress-striped .progress-bar-light-blue,

.progress-striped .progress-bar-primary {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-green,

.progress-bar-success {

  background-color: #00a65a;

}

.progress-striped .progress-bar-green,

.progress-striped .progress-bar-success {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-aqua,

.progress-bar-info {

  background-color: #00c0ef;

}

.progress-striped .progress-bar-aqua,

.progress-striped .progress-bar-info {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-yellow,

.progress-bar-warning {

  background-color: #f39c12;

}

.progress-striped .progress-bar-yellow,

.progress-striped .progress-bar-warning {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-red,

.progress-bar-danger {

  background-color: #dd4b39;

}

.progress-striped .progress-bar-red,

.progress-striped .progress-bar-danger {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-amicofi {

  background-color: #4b4eb0;

}

.progress-striped .progress-bar-amicofi {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-configurazione {

  background-color: #ec97ef;

}

.progress-striped .progress-bar-configurazione {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-contratti {

  background-color: #006023;

}

.progress-striped .progress-bar-contratti {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-dati {

  background-color: #aaaaaa;

}

.progress-striped .progress-bar-dati {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-ditte {

  background-color: #ff7403;

}

.progress-striped .progress-bar-ditte {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-faqs {

  background-color: #5d000d;

}

.progress-striped .progress-bar-faqs {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-gare {

  background-color: #0a5bd5;

}

.progress-striped .progress-bar-gare {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-gie {

  background-color: #00bead;

}

.progress-striped .progress-bar-gie {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-greenbook {

  background-color: #59c219;

}

.progress-striped .progress-bar-greenbook {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-mgbo {

  background-color: #2ba6cb;

}

.progress-striped .progress-bar-mgbo {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-dashboard {

  background-color: #b11a8c;

}

.progress-striped .progress-bar-dashboard {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-procedure {

  background-color: #e22c32;

}

.progress-striped .progress-bar-procedure {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-teseo {

  background-color: #b88a00;

}

.progress-striped .progress-bar-teseo {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

/*

 * Component: Small Box

 * --------------------

 */

.small-box {

  border-radius: 2px;

  position: relative;

  display: block;

  margin-bottom: 20px;

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

}

.small-box > .inner {

  padding: 10px;

}

.small-box > .small-box-footer {

  position: relative;

  text-align: center;

  padding: 3px 0;

  color: #fff;

  color: rgba(255, 255, 255, 0.8);

  display: block;

  z-index: 10;

  background: rgba(0, 0, 0, 0.1);

  text-decoration: none;

}

.small-box > .small-box-footer:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0.15);

}

.small-box h3 {

  font-size: 38px;

  font-weight: bold;

  margin: 0 0 10px 0;

  white-space: nowrap;

  padding: 0;

}

.small-box p {

  font-size: 15px;

}

.small-box p > small {

  display: block;

  color: #f9f9f9;

  font-size: 13px;

  margin-top: 5px;

}

.small-box h3,

.small-box p {

  z-index: 5;

}

.small-box .icon {

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  position: absolute;

  top: -10px;

  right: 10px;

  z-index: 0;

  font-size: 90px;

  color: rgba(0, 0, 0, 0.15);

}

.small-box:hover {

  text-decoration: none;

  color: #f9f9f9;

}

.small-box:hover .icon {

  font-size: 95px;

}

@media (max-width: 767px) {

  .small-box {

    text-align: center;

  }

  .small-box .icon {

    display: none;

  }

  .small-box p {

    font-size: 12px;

  }

}

/*

 * Component: Box

 * --------------

 */

.box {

  position: relative;

  border-radius: 0px;

  background: #ffffff;

  border-top: 3px solid #d2d6de;

  margin-bottom: 20px;

  width: 100%;

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

}

.box.box-primary {

  border-top-color: #3c8dbc;

}

.box.box-info {

  border-top-color: #00c0ef;

}

.box.box-danger {

  border-top-color: #dd4b39;

}

.box.box-warning {

  border-top-color: #f39c12;

}

.box.box-success {

  border-top-color: #00a65a;

}

.box.box-default {

  border-top-color: #efefef;

}

.box.box-ricerca {

  border-top-color: #efefef;

  background: #efefef;

}

.box.collapsed-box .box-body,

.box.collapsed-box .box-footer {

  display: none;

}

.box .nav-stacked > li {

  border-bottom: 1px solid #ccc;

  margin: 0;

}

.box .nav-stacked > li:last-of-type {

  border-bottom: none;

}

.box.height-control .box-body {

  max-height: 300px;

  overflow: auto;

}

.box .border-right {

  border-right: 1px solid #ccc;

}

.box .border-left {

  border-left: 1px solid #ccc;

}

.box.box-solid {

  border-top: 0;

}

.box.box-solid > .box-header .btn.btn-default {

  background: transparent;

}

.box.box-solid > .box-header .btn:hover,

.box.box-solid > .box-header a:hover {

  background: rgba(0, 0, 0, 0.1);

}

.box.box-solid.box-default {

  border: 1px solid #efefef;

}

.box.box-solid.box-default > .box-header {

  color: #444;

  background: #efefef;

  background-color: #efefef;

}

.box.box-solid.box-default > .box-header a,

.box.box-solid.box-default > .box-header .btn {

  color: #444;

}

.box.box-solid.box-primary {

  border: 1px solid #3c8dbc;

}

.box.box-solid.box-primary > .box-header {

  color: #fff;

  background: #3c8dbc;

  background-color: #3c8dbc;

}

.box.box-solid.box-primary > .box-header a,

.box.box-solid.box-primary > .box-header .btn {

  color: #fff;

}

.box.box-solid.box-info {

  border: 1px solid #00c0ef;

}

.box.box-solid.box-info > .box-header {

  color: #fff;

  background: #00c0ef;

  background-color: #00c0ef;

}

.box.box-solid.box-info > .box-header a,

.box.box-solid.box-info > .box-header .btn {

  color: #fff;

}

.box.box-solid.box-danger {

  border: 1px solid #dd4b39;

}

.box.box-solid.box-danger > .box-header {

  color: #fff;

  background: #dd4b39;

  background-color: #dd4b39;

}

.box.box-solid.box-danger > .box-header a,

.box.box-solid.box-danger > .box-header .btn {

  color: #fff;

}

.box.box-solid.box-warning {

  border: 1px solid #f39c12;

}

.box.box-solid.box-warning > .box-header {

  color: #fff;

  background: #f39c12;

  background-color: #f39c12;

}

.box.box-solid.box-warning > .box-header a,

.box.box-solid.box-warning > .box-header .btn {

  color: #fff;

}

.box.box-solid.box-success {

  border: 1px solid #00a65a;

}

.box.box-solid.box-success > .box-header {

  color: #fff;

  background: #00a65a;

  background-color: #00a65a;

}

.box.box-solid.box-success > .box-header a,

.box.box-solid.box-success > .box-header .btn {

  color: #fff;

}

.box.box-solid > .box-header > .box-tools .btn {

  border: 0;

  box-shadow: none;

}

.box.box-solid[class*='bg'] > .box-header {

  color: #fff;

}

.box .box-group > .box {

  margin-bottom: 5px;

}

.box .knob-label {

  text-align: center;

  color: #333;

  font-weight: 100;

  font-size: 12px;

  margin-bottom: 0.3em;

}

.box > .overlay,

.overlay-wrapper > .overlay,

.box > .loading-img,

.overlay-wrapper > .loading-img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.box .overlay,

.overlay-wrapper .overlay {

  z-index: 50;

  background: rgba(255, 255, 255, 0.7);

  border-radius: 0px;

}

.box .overlay > .fa,

.overlay-wrapper .overlay > .fa {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -15px;

  margin-top: -15px;

  color: #000;

  font-size: 30px;

}

.box .overlay.dark,

.overlay-wrapper .overlay.dark {

  background: rgba(0, 0, 0, 0.5);

}

.box-header:before,

.box-body:before,

.box-footer:before,

.box-header:after,

.box-body:after,

.box-footer:after {

  content: " ";

  display: table;

}

.box-header:after,

.box-body:after,

.box-footer:after {

  clear: both;

}

.box-header {

  color: #444;

  display: block;

  padding: 10px;

  position: relative;

}

.box-header.with-border {

  border-bottom: 1px solid #ccc;

}

.collapsed-box .box-header.with-border {

  border-bottom: none;

}

.box-header > .fa,

.box-header > .glyphicon,

.box-header > .ion,

.box-header .box-title {

  display: inline-block;

  font-size: 18px;

  margin: 0;

  line-height: 1;

}

.box-header > .fa,

.box-header > .glyphicon,

.box-header > .ion {

  margin-right: 5px;

}

.box-header > .box-tools {

  position: absolute;

  right: 10px;

  top: 5px;

}

.box-header > .box-tools [data-toggle="tooltip"] {

  position: relative;

}

.box-header > .box-tools.pull-right .dropdown-menu {

  right: 0;

  left: auto;

}

.box-header > .box-tools .dropdown-menu > li > a {

  color: #444 !important;

}

.btn-box-tool {

  padding: 5px;

  font-size: 12px;

  background: transparent;

  color: #97a0b3;

}

.open .btn-box-tool,

.btn-box-tool:hover {

  color: #606c84;

}

.btn-box-tool.btn:active {

  box-shadow: none;

}

.box-body {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0px;

  border-bottom-left-radius: 0px;

  padding: 10px;

}

.no-header .box-body {

  border-top-right-radius: 0px;

  border-top-left-radius: 0px;

}

.box-body > .table {

  margin-bottom: 0;

}

.box-body .fc {

  margin-top: 5px;

}

.box-body .full-width-chart {

  margin: -19px;

}

.box-body.no-padding .full-width-chart {

  margin: -9px;

}

.box-body .box-pane {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0px;

}

.box-body .box-pane-right {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0px;

  border-bottom-left-radius: 0;

}

.box-footer {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0px;

  border-bottom-left-radius: 0px;

  border-top: 1px solid #ccc;

  padding: 10px;

  background-color: #fff;

}

.chart-legend {

  margin: 10px 0;

}

@media (max-width: 991px) {

  .chart-legend > li {

    float: left;

    margin-right: 10px;

  }

}

.box-comments {

  background: #f7f7f7;

}

.box-comments .box-comment {

  padding: 8px 0;

  border-bottom: 1px solid #eee;

}

.box-comments .box-comment:before,

.box-comments .box-comment:after {

  content: " ";

  display: table;

}

.box-comments .box-comment:after {

  clear: both;

}

.box-comments .box-comment:last-of-type {

  border-bottom: 0;

}

.box-comments .box-comment:first-of-type {

  padding-top: 0;

}

.box-comments .box-comment img {

  float: left;

}

.box-comments .comment-text {

  margin-left: 40px;

  color: #555;

}

.box-comments .username {

  color: #444;

  display: block;

  font-weight: 600;

}

.box-comments .text-muted {

  font-weight: 400;

  font-size: 12px;

}

/* Widget: TODO LIST */

.todo-list {

  margin: 0;

  padding: 0;

  list-style: none;

  overflow: auto;

}

.todo-list > li {

  border-radius: 2px;

  padding: 10px;

  background: #f4f4f4;

  margin-bottom: 2px;

  border-left: 2px solid #e6e7e8;

  color: #444;

}

.todo-list > li:last-of-type {

  margin-bottom: 0;

}

.todo-list > li > input[type='checkbox'] {

  margin: 0 10px 0 5px;

}

.todo-list > li .text {

  display: inline-block;

  margin-left: 5px;

  font-weight: 600;

}

.todo-list > li .label {

  margin-left: 10px;

  font-size: 9px;

}

.todo-list > li .tools {

  display: none;

  float: right;

  color: #dd4b39;

}

.todo-list > li .tools > .fa,

.todo-list > li .tools > .glyphicon,

.todo-list > li .tools > .ion {

  margin-right: 5px;

  cursor: pointer;

}

.todo-list > li:hover .tools {

  display: inline-block;

}

.todo-list > li.done {

  color: #999;

}

.todo-list > li.done .text {

  text-decoration: line-through;

  font-weight: 500;

}

.todo-list > li.done .label {

  background: #efefef !important;

}

.todo-list .danger {

  border-left-color: #dd4b39;

}

.todo-list .warning {

  border-left-color: #f39c12;

}

.todo-list .info {

  border-left-color: #00c0ef;

}

.todo-list .success {

  border-left-color: #00a65a;

}

.todo-list .primary {

  border-left-color: #3c8dbc;

}

.todo-list .handle {

  display: inline-block;

  cursor: move;

  margin: 0 5px;

}

/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/

.chat {

  padding: 5px 20px 5px 10px;

}

.chat .item {

  margin-bottom: 10px;

}

.chat .item:before,

.chat .item:after {

  content: " ";

  display: table;

}

.chat .item:after {

  clear: both;

}

.chat .item > img {

  width: 40px;

  height: 40px;

  border: 2px solid transparent;

  border-radius: 50%;

}

.chat .item > .online {

  border: 2px solid #00a65a;

}

.chat .item > .offline {

  border: 2px solid #dd4b39;

}

.chat .item > .message {

  margin-left: 55px;

  margin-top: -40px;

}

.chat .item > .message > .name {

  display: block;

  font-weight: 600;

}

.chat .item > .attachment {

  border-radius: 3px;

  background: #f4f4f4;

  margin-left: 65px;

  margin-right: 15px;

  padding: 10px;

}

.chat .item > .attachment > h4 {

  margin: 0 0 5px 0;

  font-weight: 600;

  font-size: 14px;

}

.chat .item > .attachment > p,

.chat .item > .attachment > .filename {

  font-weight: 600;

  font-size: 13px;

  font-style: italic;

  margin: 0;

}

.chat .item > .attachment:before,

.chat .item > .attachment:after {

  content: " ";

  display: table;

}

.chat .item > .attachment:after {

  clear: both;

}

.box-input {

  max-width: 200px;

}

/*

 * Component: Info Box

 * -------------------

 */

.info-box {

  display: block;

  min-height: 90px;

  background: #fff;

  width: 100%;

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

  border-radius: 2px;

  margin-bottom: 15px;

}

.info-box small {

  font-size: 14px;

}

.info-box .progress {

  background: rgba(0, 0, 0, 0.2);

  margin: 5px -10px 5px -10px;

  height: 2px;

}

.info-box .progress,

.info-box .progress .progress-bar {

  border-radius: 0;

}

.info-box .progress .progress-bar {

  background: #fff;

}

.info-box.bg-amicofi,

.info-box.bg-configurazione,

.info-box.bg-contratti,

.info-box.bg-dati,

.info-box.bg-ditte,

.info-box.bg-faqs,

.info-box.bg-gare,

.info-box.bg-gie,

.info-box.bg-greenbook,

.info-box.bg-mgbo,

.info-box.bg-dashboard,

.info-box.bg-procedure,

.info-box.bg-teseo {

  background-color: transparent !important;

}

.info-box-icon {

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

  display: block;

  float: left;

  height: 90px;

  width: 90px;

  text-align: center;

  font-size: 45px;

  line-height: 90px;

  background: rgba(0, 0, 0, 0.2);

}

.info-box-icon > img {

  max-width: 100%;

}

.info-box-content {

  padding: 5px 10px;

  margin-left: 90px;

}

.info-box-number {

  display: block;

  font-weight: bold;

  font-size: 18px;

}

.progress-description,

.info-box-text {

  display: block;

  font-size: 14px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.info-box-text {

  text-transform: uppercase;

}

.info-box-more {

  display: block;

}

.progress-description {

  margin: 0;

}

/*

 * Component: Timeline

 * -------------------

 */

.timeline {

  position: relative;

  margin: 0 0 30px 0;

  padding: 0;

  list-style: none;

}

.timeline .label {

  font-size: 110%;

}

.timeline:before {

  content: '';

  position: absolute;

  top: 0;

  bottom: 0;

  width: 4px;

  background: #ddd;

  left: 31px;

  margin: 0;

  border-radius: 2px;

}

.timeline > li {

  position: relative;

  margin-right: 10px;

  margin-bottom: 15px;

}

.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}

.timeline > li:after {

  clear: both;

}

.timeline > li > .timeline-item {

  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

  border-radius: 0px;

  margin-top: 0;

  color: #444;

  margin-left: 60px;

  margin-right: 15px;

  padding: 0;

  position: relative;

}

.timeline > li > .timeline-item > .time {

  color: #999;

  float: right;

  padding: 10px;

  font-size: 12px;

}

.timeline > li > .timeline-item > .timeline-header {

  margin: 0;

  color: #ffffff;

  padding: 10px 0px;

  font-size: 12px;

  line-height: 1.1;

}

.timeline > li > .timeline-item > .timeline-header > a {

  font-weight: 600;

}

.timeline > li > .timeline-item > .timeline-body,

.timeline > li > .timeline-item > .timeline-footer {

  padding: 10px;

}

.timeline > li > .fa,

.timeline > li > .glyphicon,

.timeline > li > .ion {

  width: 30px;

  height: 30px;

  font-size: 15px;

  line-height: 30px;

  position: absolute;

  color: #666;

  background: #efefef;

  border-radius: 50%;

  text-align: center;

  left: 18px;

  top: 0;

}

.timeline > .time-label > span {

  font-weight: 600;

  padding: 5px;

  display: inline-block;

  background-color: #fff;

  border-radius: 4px;

}

.timeline-inverse > li > .timeline-item {

  background: #f0f0f0;

  border: 1px solid #ddd;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.timeline-inverse > li > .timeline-item > .timeline-header {

  border-bottom-color: #ddd;

}

.content-header .timeline {

  margin-bottom: 0px;

  padding-bottom: 0px;

  padding-top: 10px;

}

.content-header .timeline > li {

  display: inline-block;

  text-transform: uppercase;

  line-height: 28px;

  margin-bottom: 0px;

}

.content-header .timeline > li .timeline-item {

  margin-left: 35px;

  margin-right: 0px;

}

.content-header .timeline > li .timeline-item > .timeline-header {

  color: #111;

}

.content-header .timeline > li > .fa {

  left: 0px;

}

.content-header .timeline .time-label strong {

  font-size: 1.2em;

  font-weight: 700;

  padding-right: 10px;

}

.content-header .timeline .time-label em {

  font-weight: 400;

  color: #777777;

}

.content-header .timeline:before {

  display: none;

}

/*

 * Component: Button

 * -----------------

 */

.btn {

  border-radius: 0px;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 1px solid transparent;

  border-radius: 8px;

}

.btn.uppercase {

  text-transform: uppercase;

}

.btn.btn-flat {

  border-radius: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-width: 1px;

}

.btn:active {

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.btn:focus {

  outline: none;

}

.btn.btn-file {

  position: relative;

  overflow: hidden;

}

.btn.btn-file > input[type='file'] {

  position: absolute;

  top: 0;

  right: 0;

  min-width: 100%;

  min-height: 100%;

  font-size: 100px;

  text-align: right;

  opacity: 0;

  filter: alpha(opacity=0);

  outline: none;

  background: white;

  cursor: inherit;

  display: block;

}

.btn-default {

  background-color: #EED15C;

  color: #493227;

  border-color: #EED15C;

}

.btn-default:hover,

.btn-default:active,

.btn-default.hover {

  background-color: #D4B953;

}



.btn-default .fa{

  color: #493227;

}



.btn-primary {

  background-color: #3c8dbc;

  border-color: #367fa9;

}

.btn-primary:hover,

.btn-primary:active,

.btn-primary.hover {

  background-color: #367fa9;

}

.btn-success {

  background-color: #00a65a;

  border-color: #008d4c;

}

.btn-success:hover,

.btn-success:active,

.btn-success.hover {

  background-color: #008d4c;

}

.btn-info {

  background-color: #00c0ef;

  border-color: #00acd6;

}

.btn-info:hover,

.btn-info:active,

.btn-info.hover {

  background-color: #00acd6;

}

.btn-danger {

  background-color: #bd2625;

  border-color: #bd2625;

}

.btn-danger:hover,

.btn-danger:active,

.btn-danger.hover {

  background-color: #921515;

}

.btn-warning {

  background-color: #f39c12;

  border-color: #e08e0b;

}

.btn-warning:hover,

.btn-warning:active,

.btn-warning.hover {

  background-color: #e08e0b;

}

.btn-outline {

  border: 1px solid #fff;

  background: transparent;

  color: #fff;

}

.btn-outline:hover,

.btn-outline:focus,

.btn-outline:active {

  color: rgba(255, 255, 255, 0.7);

  border-color: rgba(255, 255, 255, 0.7);

}

.btn-link {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.btn[class*='bg-']:hover {

  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);

  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);

}

.btn-app {

  border-radius: 3px;

  position: relative;

  padding: 15px 5px;

  margin: 0 0 10px 10px;

  min-width: 80px;

  height: 60px;

  text-align: center;

  color: #666;

  border: 1px solid #ddd;

  background-color: #f4f4f4;

  font-size: 12px;

}

.btn-app > .fa,

.btn-app > .glyphicon,

.btn-app > .ion {

  font-size: 20px;

  display: block;

}

.btn-app:hover {

  background: #f4f4f4;

  color: #444;

  border-color: #aaa;

}

.btn-app:active,

.btn-app:focus {

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.btn-app > .badge {

  position: absolute;

  top: -3px;

  right: -10px;

  font-size: 10px;

  font-weight: 400;

}

.btn-group-main {

  padding-bottom: 10px;

}

.btn-group-main .btn {

  margin-right: 10px;

  margin-bottom: 10px;

}

.btn-group-main .btn .fa {

  margin-right: 5px;

}

/*

 * Component: Callout

 * ------------------

 */

.callout {

  border-radius: 3px;

  margin: 0 0 20px 0;

  padding: 15px 30px 15px 15px;

  border-left: 5px solid #eee;

}

.callout a {

  color: #fff;

  text-decoration: underline;

}

.callout a:hover {

  color: #eee;

}

.callout h4 {

  margin-top: 0;

  font-weight: 600;

}

.callout p:last-child {

  margin-bottom: 0;

}

.callout code,

.callout .highlight {

  background-color: #fff;

}

.callout.callout-danger {

  border-color: #c23321;

}

.callout.callout-warning {

  border-color: #c87f0a;

}

.callout.callout-info {

  border-color: #0097bc;

}

.callout.callout-success {

  border-color: #00733e;

}

/*

 * Component: alert

 * ----------------

 */

.alert {

  border-radius: 3px;

}

.alert h4 {

  font-weight: 600;

}

.alert .icon {

  margin-right: 10px;

}

.alert .close {

  color: #000;

  opacity: 0.2;

  filter: alpha(opacity=20);

}

.alert .close:hover {

  opacity: 0.5;

  filter: alpha(opacity=50);

}

.alert a {

  color: #fff;

  text-decoration: underline;

}

.alert-success {

  border-color: #008d4c;

}

.alert-danger,

.alert-error {

  border-color: #d73925;

}

.alert-warning {

  border-color: #e08e0b;

}

.alert-info {

  border-color: #00acd6;

}

/*

 * Component: Nav

 * --------------

 */

.nav > li > a:hover,

.nav > li > a:active,

.nav > li > a:focus {

  color: #333333;

  background: #efefef;

  font-weight: 700;

}

/* NAV PILLS */

.nav-pills > li > a {

  border-radius: 3px;

  background-color: #efefef;

  border-radius: 0;

  border: 2px solid #efefef;

  color: #111;

  margin-right: 5px;

}

.nav-pills > li > a > .fa,

.nav-pills > li > a > .glyphicon,

.nav-pills > li > a > .ion {

  margin-right: 5px;

}

.nav-pills > li.active > a,

.nav-pills > li.active > a:hover,

.nav-pills > li.active > a:focus {

  border-top-color: #777777;

  background-color: #ffffff;

  color: #111;

  border: 2px solid #777777;

}

.nav-pills > li.active > a {

  font-weight: 700;

}

/* NAV STACKED */

.nav-stacked > li > a {

  border-radius: 0;

  border-top: 0;

  border-left: 3px solid transparent;

  color: #444;

}

.nav-stacked > li.active > a,

.nav-stacked > li.active > a:hover {

  background: transparent;

  color: #444;

  border-top: 0;

  border-left-color: #3c8dbc;

}

.nav-stacked > li.header {

  border-bottom: 1px solid #ddd;

  color: #777;

  margin-bottom: 10px;

  padding: 5px 10px;

  text-transform: uppercase;

}

/* NAV TABS */

.nav-tabs-custom {

  margin-bottom: 20px;

  background: #fff;

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

  border-radius: 0px;

}

.nav-tabs-custom > .nav-tabs {

  margin: 0;

  border-bottom-color: #f4f4f4;

  border-top-right-radius: 0px;

  border-top-left-radius: 0px;

}

.nav-tabs-custom > .nav-tabs > li {

  border-top: 3px solid transparent;

  margin-bottom: -2px;

  margin-right: 5px;

}

.nav-tabs-custom > .nav-tabs > li.disabled > a {

  color: #777;

}

.nav-tabs-custom > .nav-tabs > li > a {

  color: #888;

  font-weight: 700;

  cursor: pointer;

  border-radius: 0;

}

.nav-tabs-custom > .nav-tabs > li > a.text-muted {

  color: #999;

}

.nav-tabs-custom > .nav-tabs > li > a,

.nav-tabs-custom > .nav-tabs > li > a:hover {

  background: transparent;

  margin: 0;

}

.nav-tabs-custom > .nav-tabs > li > a:hover {

  color: #999;

}

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {

  border-top-color: transparent;

  border-left-color: transparent;

  border-right-color: transparent;

}

.nav-tabs-custom > .nav-tabs > li.active {

  border-top-color: #3c8dbc;

}

.nav-tabs-custom > .nav-tabs > li.active > a,

.nav-tabs-custom > .nav-tabs > li.active:hover > a {

  background-color: #fff;

  color: #444;

}

.nav-tabs-custom > .nav-tabs > li.active > a {

  border-top-color: transparent;

}

.nav-tabs-custom > .nav-tabs > li:first-of-type {

  margin-left: 0;

}

.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {

  border-left-color: transparent;

}

.nav-tabs-custom > .nav-tabs.pull-right {

  float: none !important;

}

.nav-tabs-custom > .nav-tabs.pull-right > li {

  float: right;

}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {

  margin-right: 0;

}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {

  border-left-width: 1px;

}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {

  border-left-color: #f4f4f4;

  border-right-color: transparent;

}

.nav-tabs-custom > .nav-tabs > li.header {

  line-height: 35px;

  padding: 0 10px;

  font-size: 20px;

  color: #444;

}

.nav-tabs-custom > .nav-tabs > li.header > .fa,

.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,

.nav-tabs-custom > .nav-tabs > li.header > .ion {

  margin-right: 5px;

}

.nav-tabs-custom > .tab-content {

  background: #fff;

  padding: 10px;

  border-bottom-right-radius: 0px;

  border-bottom-left-radius: 0px;

}

.nav-tabs-custom .dropdown.open > a:active,

.nav-tabs-custom .dropdown.open > a:focus {

  background: transparent;

  color: #999;

}

.nav-tabs-custom.tab-primary > .nav-tabs > li.active {

  border-top-color: #3c8dbc;

}

.nav-tabs-custom.tab-info > .nav-tabs > li.active {

  border-top-color: #00c0ef;

}

.nav-tabs-custom.tab-danger > .nav-tabs > li.active {

  border-top-color: #dd4b39;

}

.nav-tabs-custom.tab-warning > .nav-tabs > li.active {

  border-top-color: #f39c12;

}

.nav-tabs-custom.tab-success > .nav-tabs > li.active {

  border-top-color: #00a65a;

}

.nav-tabs-custom.tab-default > .nav-tabs > li.active {

  border-top-color: #efefef;

}

/* PAGINATION */

.pagination > li > a {

  background: #fafafa;

  color: #666;

}

.pagination.pagination-flat > li > a {

  border-radius: 0 !important;

}

/* ACCORDION */

.panel {

  border-radius: 0px;

  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);

  margin-bottom: 0px;

}

.panel h4 a {

  color: #ffffff;

  background-color: #777777;

  padding-top: 10px;

  padding-bottom: 10px;

  display: block;

}

.panel h4 .fa {

  background-color: #777777;

  width: 24px;

  height: 24px;

  line-height: 24px;

  border-radius: 50%;

  color: #fff;

  margin-left: -12px;

  display: inline-block;

  font-size: 12px;

  text-align: center;

}

.accordion_dp .panel .tab-content > .active {

  min-height: 250px;

}

.accordion_dp .panel h4 {

  margin-bottom: 25px;

  line-height: 28px;

  background-color: #efefef;

  border: 1px solid #777777;

  text-align: center;

}

.accordion_dp .panel h4 a {

  color: #000;

  padding-top: 10px;

  padding-bottom: 10px;

  display: block;

  text-transform: uppercase;

  font-size: 1.4em;

  position: relative;

  background-color: #efefef;

  border: none;

}

.accordion_dp .panel h4 .fa {

  width: auto;

  height: auto;

  background-color: transparent;

  color: #666;

  font-size: 25px;

  margin-right: 10px;

}



.tab-pane {

  padding-top: 10px;

  padding-bottom: 10px;

}

.tab-pane .collapse[aria-expanded="true"] {

  border: 3px solid #777777;

  border-top: none;

  padding: 20px;

}

.accordion-level1 .collapse {

  padding: 20px;

}

.accordion-level1 .collapse[aria-expanded="true"] {

  border: 3px solid #777777;

  border-top: none;

}

.list-group-item.active,

.list-group-item.active:focus,

.list-group-item.active:hover {

  background-color: #777777;

  border-color: #777777;

}

/*

 * Component: Products List

 * ------------------------

 */

.products-list {

  list-style: none;

  margin: 0;

  padding: 0;

}

.products-list > .item {

  border-radius: 0px;

  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

  padding: 10px 0;

  background: #fff;

}

.products-list > .item:before,

.products-list > .item:after {

  content: " ";

  display: table;

}

.products-list > .item:after {

  clear: both;

}

.products-list .product-img {

  float: left;

}

.products-list .product-img img {

  width: 50px;

  height: 50px;

}

.products-list .product-info {

  margin-left: 60px;

}

.products-list .product-title {

  font-weight: 600;

}

.products-list .product-description {

  display: block;

  color: #999;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.product-list-in-box > .item {

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 0;

  border-bottom: 1px solid #ccc;

}

.product-list-in-box > .item:last-of-type {

  border-bottom-width: 0;

}

/*

 * Component: Table

 * ----------------

 */

.table > thead > tr > th,

.table > tbody > tr > th,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > tbody > tr > td,

.table > tfoot > tr > td {

  border-top: 1px solid #ccc;

  vertical-align: middle;

}

.table > thead > tr > th {

  border-bottom: 2px solid #ccc;

  background-color: #dddddd;

  text-align: center;

}

.table > thead > tr > th.action {

  text-align: center;

}

.table > tbody > tr > th {

  background-color: #dddddd;

}

.table tr td .progress {

  margin-top: 5px;

}

.table tr td .nota {

  display: block;

  font-style: italic;

  font-size: 0.9em;

  color: #777777;

  margin-top: 3px;

}

.table tr td .nota::before {

  content: "\f0f3";

  font-family: "FontAwesome";

  padding-right: 4px;

  font-style: normal;

  font-weight: 700;

  color: #dd4b39;

}

.table tr td.action {

  text-align: center;

}

.table tr td.action .fa {

  cursor: pointer;

}

.table tr td.action .fa.disabled {

  opacity: 0.5;

  cursor: default;

}

.table[box] > thead > tr > th:nth-child(1) {

  width: 80px;

}

.table[box] > thead > tr > th:nth-child(2) {

  width: 700px;

}

.table[box] > thead > tr > th:nth-child(3) {

  width: cal(-440%);

}

.table[box] > thead > tr > th:nth-child(4) {

  width: 120px;

}

.table-bordered {

  border: 1px solid #ccc;

}

.table-bordered > thead > tr > th,

.table-bordered > tbody > tr > th,

.table-bordered > tfoot > tr > th,

.table-bordered > thead > tr > td,

.table-bordered > tbody > tr > td,

.table-bordered > tfoot > tr > td {

  border: 1px solid #ccc;

}

.table-bordered > thead > tr > th,

.table-bordered > thead > tr > td {

  border-bottom-width: 2px;

}

.table.no-border,

.table.no-border td,

.table.no-border th {

  border: 0;

}

/* .text-center in tables */

table.text-center,

table.text-center td,

table.text-center th {

  text-align: center;

}

.table.align th {

  text-align: left;

}

.table.align td {

  text-align: right;

}

.misto td {

  color: #0073b7;

}

table.width-auto {

  width: auto;

}

tr td.data {

  font-family: "Courier New", Courier, monospace;

}

tr th.importo,

tr td.importo {

  text-align: right;

}

.percent {

  text-align: right;

}

.percent::after {

  content: ' %';

}

.tab-sommaria {

  max-width: 100%;

  width: auto;

  margin-left: auto;

  margin-right: auto;

}

.tab-sommaria > thead > tr > th,

.tab-sommaria > tbody > tr > th,

.tab-sommaria > tfoot > tr > th,

.tab-sommaria > thead > tr > td,

.tab-sommaria > tbody > tr > td,

.tab-sommaria > tfoot > tr > td {

  font-size: 0.9em;

  padding: 5px 8px;

  font-weight: normal;

}

.tab-sommaria > thead > tr > th.text-bold,

.tab-sommaria > tbody > tr > th.text-bold,

.tab-sommaria > tfoot > tr > th.text-bold,

.tab-sommaria > thead > tr > td.text-bold,

.tab-sommaria > tbody > tr > td.text-bold,

.tab-sommaria > tfoot > tr > td.text-bold {

  font-weight: 700;

}

.tab-sommaria > thead > tr > th{

  border-bottom: none;

  text-align: center;

  background-color: #EED15C;

  color: #493227;

}



.tab-sommaria > tbody > tr > td {

  border-top: none;

  border-bottom: 1px solid #EED15C;

  text-align: center;

}



/*

 * Component: Label

 * ----------------

 */

.label-default {

  background-color: #efefef;

  color: #444;

}

/*

 * Component: Direct Chat

 * ----------------------

 */

.direct-chat .box-body {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

  position: relative;

  overflow-x: hidden;

  padding: 0;

}

.direct-chat.chat-pane-open .direct-chat-contacts {

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

}

.direct-chat-messages {

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

  padding: 10px;

  height: 250px;

  overflow: auto;

}

.direct-chat-msg,

.direct-chat-text {

  display: block;

}

.direct-chat-msg {

  margin-bottom: 10px;

}

.direct-chat-msg:before,

.direct-chat-msg:after {

  content: " ";

  display: table;

}

.direct-chat-msg:after {

  clear: both;

}

.direct-chat-messages,

.direct-chat-contacts {

  -webkit-transition: -webkit-transform 0.5s ease-in-out;

  -moz-transition: -moz-transform 0.5s ease-in-out;

  -o-transition: -o-transform 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out;

}

.direct-chat-text {

  border-radius: 5px;

  position: relative;

  padding: 5px 10px;

  background: #efefef;

  border: 1px solid #efefef;

  margin: 5px 0 0 50px;

  color: #444;

}

.direct-chat-text:after,

.direct-chat-text:before {

  position: absolute;

  right: 100%;

  top: 15px;

  border: solid transparent;

  border-right-color: #efefef;

  content: ' ';

  height: 0;

  width: 0;

  pointer-events: none;

}

.direct-chat-text:after {

  border-width: 5px;

  margin-top: -5px;

}

.direct-chat-text:before {

  border-width: 6px;

  margin-top: -6px;

}

.right .direct-chat-text {

  margin-right: 50px;

  margin-left: 0;

}

.right .direct-chat-text:after,

.right .direct-chat-text:before {

  right: auto;

  left: 100%;

  border-right-color: transparent;

  border-left-color: #efefef;

}

.direct-chat-img {

  border-radius: 50%;

  float: left;

  width: 40px;

  height: 40px;

}

.right .direct-chat-img {

  float: right;

}

.direct-chat-info {

  display: block;

  margin-bottom: 2px;

  font-size: 12px;

}

.direct-chat-name {

  font-weight: 600;

}

.direct-chat-timestamp {

  color: #999;

}

.direct-chat-contacts-open .direct-chat-contacts {

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

}

.direct-chat-contacts {

  -webkit-transform: translate(101%, 0);

  -ms-transform: translate(101%, 0);

  -o-transform: translate(101%, 0);

  transform: translate(101%, 0);

  position: absolute;

  top: 0;

  bottom: 0;

  height: 250px;

  width: 100%;

  background: #222d32;

  color: #fff;

  overflow: auto;

}

.contacts-list > li {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  padding: 10px;

  margin: 0;

}

.contacts-list > li:before,

.contacts-list > li:after {

  content: " ";

  display: table;

}

.contacts-list > li:after {

  clear: both;

}

.contacts-list > li:last-of-type {

  border-bottom: none;

}

.contacts-list-img {

  border-radius: 50%;

  width: 40px;

  float: left;

}

.contacts-list-info {

  margin-left: 45px;

  color: #fff;

}

.contacts-list-name,

.contacts-list-status {

  display: block;

}

.contacts-list-name {

  font-weight: 600;

}

.contacts-list-status {

  font-size: 12px;

}

.contacts-list-date {

  color: #aaa;

  font-weight: normal;

}

.contacts-list-msg {

  color: #999;

}

.direct-chat-danger .right > .direct-chat-text {

  background: #dd4b39;

  border-color: #dd4b39;

  color: #fff;

}

.direct-chat-danger .right > .direct-chat-text:after,

.direct-chat-danger .right > .direct-chat-text:before {

  border-left-color: #dd4b39;

}

.direct-chat-primary .right > .direct-chat-text {

  background: #3c8dbc;

  border-color: #3c8dbc;

  color: #fff;

}

.direct-chat-primary .right > .direct-chat-text:after,

.direct-chat-primary .right > .direct-chat-text:before {

  border-left-color: #3c8dbc;

}

.direct-chat-warning .right > .direct-chat-text {

  background: #f39c12;

  border-color: #f39c12;

  color: #fff;

}

.direct-chat-warning .right > .direct-chat-text:after,

.direct-chat-warning .right > .direct-chat-text:before {

  border-left-color: #f39c12;

}

.direct-chat-info .right > .direct-chat-text {

  background: #00c0ef;

  border-color: #00c0ef;

  color: #fff;

}

.direct-chat-info .right > .direct-chat-text:after,

.direct-chat-info .right > .direct-chat-text:before {

  border-left-color: #00c0ef;

}

.direct-chat-success .right > .direct-chat-text {

  background: #00a65a;

  border-color: #00a65a;

  color: #fff;

}

.direct-chat-success .right > .direct-chat-text:after,

.direct-chat-success .right > .direct-chat-text:before {

  border-left-color: #00a65a;

}

/*

 * Component: Users List

 * ---------------------

 */

.users-list > li {

  width: 25%;

  float: left;

  padding: 10px;

  text-align: center;

}

.users-list > li img {

  border-radius: 50%;

  max-width: 100%;

  height: auto;

}

.users-list > li > a:hover,

.users-list > li > a:hover .users-list-name {

  color: #999;

}

.users-list-name,

.users-list-date {

  display: block;

}

.users-list-name {

  font-weight: 600;

  color: #444;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.users-list-date {

  color: #999;

  font-size: 12px;

}

/*

 * Component: Carousel

 * -------------------

 */

.carousel-control.left,

.carousel-control.right {

  background-image: none;

}

.carousel-control > .fa {

  font-size: 40px;

  position: absolute;

  top: 50%;

  z-index: 5;

  display: inline-block;

  margin-top: -20px;

}

/*

 * Component: modal

 * ----------------

 */

.modal {

  background: rgba(0, 0, 0, 0.3);

}



.modal-header .close {

  margin-top: -40px;

}



h5.modal-title{

  color: #333;

  font-size: 20px;

  padding-top: 15px;

}

.modal-body{

  background-color: #ececec;

}

.alarm .modal-body{

  background-color: #ffffff;

}

.alarm h4{

  text-align: center;

}

.alarm h5.modal-title{

  color: #ee0000;

  font-size: 25px;

  padding-top: 15px;

}



.modal-body .form-group select,

.modal-body input.form-control {

  border-radius: 8px;

  padding: 3px;

}



.close {

  font-size: 60px;

  font-weight: 100;

  filter: alpha(opacity = 60);

  opacity: .6;

}



.modal-content {

  border-radius: 0;

  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);

  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);

  border: 0;

}

.modal-footer{

  text-align: center;

}



.modal-footer button{

  min-width: 250px;

}  



@media (min-width: 768px) {

  .modal-content {

    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);

    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);

  }

}



/*

 * Component: Social Widgets

 * -------------------------

 */

.box-widget {

  border: none;

  position: relative;

}

.widget-user .widget-user-header {

  padding: 20px;

  height: 120px;

  border-top-right-radius: 0px;

  border-top-left-radius: 0px;

}

.widget-user .widget-user-username {

  margin-top: 0;

  margin-bottom: 5px;

  font-size: 25px;

  font-weight: 300;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}

.widget-user .widget-user-desc {

  margin-top: 0;

}

.widget-user .widget-user-image {

  position: absolute;

  top: 65px;

  left: 50%;

  margin-left: -45px;

}

.widget-user .widget-user-image > img {

  width: 90px;

  height: auto;

  border: 3px solid #fff;

}

.widget-user .box-footer {

  padding-top: 30px;

}

.widget-user-2 .widget-user-header {

  padding: 20px;

  border-top-right-radius: 0px;

  border-top-left-radius: 0px;

}

.widget-user-2 .widget-user-username {

  margin-top: 5px;

  margin-bottom: 5px;

  font-size: 25px;

  font-weight: 300;

}

.widget-user-2 .widget-user-desc {

  margin-top: 0;

}

.widget-user-2 .widget-user-username,

.widget-user-2 .widget-user-desc {

  margin-left: 75px;

}

.widget-user-2 .widget-user-image > img {

  width: 65px;

  height: auto;

  float: left;

}



/* Will contain the image and the sign in form */

.lockscreen-item {

  border-radius: 4px;

  padding: 0;

  background: #fff;

  position: relative;

  margin: 10px auto 30px auto;

  width: 290px;

}

/* User image */

.lockscreen-image {

  border-radius: 50%;

  position: absolute;

  left: -10px;

  top: -25px;

  background: #fff;

  padding: 5px;

  z-index: 10;

}

.lockscreen-image > img {

  border-radius: 50%;

  width: 70px;

  height: 70px;

}

/* Contains the password input and the login button */

.lockscreen-credentials {

  margin-left: 70px;

}

.lockscreen-credentials .form-control {

  border: 0;

}

.lockscreen-credentials .btn {

  background-color: #fff;

  border: 0;

  padding: 0 10px;

}

.lockscreen-footer {

  margin-top: 10px;

}

/*

 * Page: Login & Register

 * ----------------------

 */

.login-logo,

.register-logo {

  font-size: 35px;

  text-align: center;

  margin-bottom: 25px;

  font-weight: 300;

}

.login-logo a,

.register-logo a {

  color: #444;

}

.login-logo img,

.register-logo img {

  width: 280px;

  height: auto;

}

.login-page,

.register-page {

  background: #333333;

  height: auto;

}

.login-box,

.register-box {

  width: 360px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 15%;

}

.login-box .smau,

.register-box .smau {

  height: 180px;

  width: auto;

  padding: 20px;

}

@media (max-width: 768px) {

  .login-box,

  .register-box {

    width: 90%;

    margin-top: 20px;

  }

}

.login-box-body,

.register-box-body {

  background: #222;

  padding: 20px;

  border-top: 0;

  color: #efefef;

}

.login-box-body .form-control-feedback,

.register-box-body .form-control-feedback {

  color: #efefef;

}

.login-box-body input,

.register-box-body input {

  background: #333333;

  border: 1px solid #777777;

  color: #efefef;

}

.login-box-msg,

.register-box-msg {

  margin: 0;

  text-align: center;

  padding: 0 20px 20px 20px;

}

.social-auth-links {

  margin: 10px 0;

}

/*

 * Page: 400 and 500 error pages

 * ------------------------------

 */

.error-page {

  width: 600px;

  margin: 20px auto 0 auto;

}

@media (max-width: 991px) {

  .error-page {

    width: 100%;

  }

}

.error-page > .headline {

  float: left;

  font-size: 100px;

  font-weight: 300;

}

@media (max-width: 991px) {

  .error-page > .headline {

    float: none;

    text-align: center;

  }

}

.error-page > .error-content {

  margin-left: 190px;

  display: block;

}

@media (max-width: 991px) {

  .error-page > .error-content {

    margin-left: 0;

  }

}

.error-page > .error-content > h3 {

  font-weight: 300;

  font-size: 25px;

}

@media (max-width: 991px) {

  .error-page > .error-content > h3 {

    text-align: center;

  }

}

/*

 * Page: Invoice

 * -------------

 */

.invoice {

  position: relative;

  background: #fff;

  border: 1px solid #f4f4f4;

  padding: 20px;

  margin: 10px 25px;

}

.invoice-title {

  margin-top: 0;

}

/*

 * Page: Profile

 * -------------

 */

.profile-user-img {

  margin: 0 auto;

  width: 100px;

  padding: 3px;

  border: 3px solid #efefef;

}

.profile-username {

  font-size: 21px;

  margin-top: 5px;

}

.post {

  border-bottom: 1px solid #efefef;

  margin-bottom: 15px;

  padding-bottom: 15px;

  color: #666;

}

.post:last-of-type {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}

.post .user-block {

  margin-bottom: 15px;

}



/*

 * Plugin: Full Calendar

 * ---------------------

 */

.fc-button {

  background: #f4f4f4;

  background-image: none;

  color: #444;

  border-color: #ddd;

  border-bottom-color: #ddd;

}

.fc-button:hover,

.fc-button:active,

.fc-button.hover {

  background-color: #e9e9e9;

}

.fc-header-title h2 {

  font-size: 15px;

  line-height: 1.6em;

  color: #666;

  margin-left: 10px;

}

.fc-header-right {

  padding-right: 10px;

}

.fc-header-left {

  padding-left: 10px;

}

.fc-widget-header {

  background: #fafafa;

}

.fc-grid {

  width: 100%;

  border: 0;

}

.fc-widget-header:first-of-type,

.fc-widget-content:first-of-type {

  border-left: 0;

  border-right: 0;

}

.fc-widget-header:last-of-type,

.fc-widget-content:last-of-type {

  border-right: 0;

}

.fc-toolbar {

  padding: 10px;

  margin: 0;

}

.fc-day-number {

  font-size: 20px;

  font-weight: 300;

  padding-right: 10px;

}

.fc-color-picker {

  list-style: none;

  margin: 0;

  padding: 0;

}

.fc-color-picker > li {

  float: left;

  font-size: 30px;

  margin-right: 5px;

  line-height: 30px;

}

.fc-color-picker > li .fa {

  -webkit-transition: -webkit-transform linear 0.3s;

  -moz-transition: -moz-transform linear 0.3s;

  -o-transition: -o-transform linear 0.3s;

  transition: transform linear 0.3s;

}

.fc-color-picker > li .fa:hover {

  -webkit-transform: rotate(30deg);

  -ms-transform: rotate(30deg);

  -o-transform: rotate(30deg);

  transform: rotate(30deg);

}

#add-new-event {

  -webkit-transition: all linear 0.3s;

  -o-transition: all linear 0.3s;

  transition: all linear 0.3s;

}

.external-event {

  padding: 5px 10px;

  font-weight: bold;

  margin-bottom: 4px;

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);

  border-radius: 0px;

  cursor: move;

}

.external-event:hover {

  box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);

}

/*

 * Plugin: Select2

 * ---------------

 */

.select2-container--default.select2-container--focus,

.select2-selection.select2-container--focus,

.select2-container--default:focus,

.select2-selection:focus,

.select2-container--default:active,

.select2-selection:active {

  outline: none;

}

.select2-container--default .select2-selection--single,

.select2-selection .select2-selection--single {

  border: 1px solid #efefef;

  border-radius: 0;

  padding: 6px 12px;

  height: 34px;

}

.select2-container--default.select2-container--open {

  border-color: #3c8dbc;

}

.select2-dropdown {

  border: 1px solid #efefef;

  border-radius: 0;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: #3c8dbc;

  color: white;

}

.select2-results__option {

  padding: 6px 12px;

  user-select: none;

  -webkit-user-select: none;

}

.select2-container .select2-selection--single .select2-selection__rendered {

  padding-left: 0;

  padding-right: 0;

  height: auto;

  margin-top: -4px;

}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {

  padding-right: 6px;

  padding-left: 20px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 28px;

  right: 3px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

  margin-top: 0;

}

.select2-dropdown .select2-search__field,

.select2-search--inline .select2-search__field {

  border: 1px solid #efefef;

}

.select2-dropdown .select2-search__field:focus,

.select2-search--inline .select2-search__field:focus {

  outline: none;

}

.select2-container--default.select2-container--focus .select2-selection--multiple,

.select2-container--default .select2-search--dropdown .select2-search__field {

  border-color: #3c8dbc !important;

}

.select2-container--default .select2-results__option[aria-disabled=true] {

  color: #999;

}

.select2-container--default .select2-results__option[aria-selected=true] {

  background-color: #ddd;

}

.select2-container--default .select2-results__option[aria-selected=true],

.select2-container--default .select2-results__option[aria-selected=true]:hover {

  color: #444;

}

.select2-container--default .select2-selection--multiple {

  border: 1px solid #efefef;

  border-radius: 0;

}

.select2-container--default .select2-selection--multiple:focus {

  border-color: #3c8dbc;

}

.select2-container--default.select2-container--focus .select2-selection--multiple {

  border-color: #efefef;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

  background-color: #3c8dbc;

  border-color: #367fa9;

  padding: 1px 10px;

  color: #fff;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

  margin-right: 5px;

  color: rgba(255, 255, 255, 0.7);

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {

  color: #fff;

}

.select2-container .select2-selection--single .select2-selection__rendered {

  padding-right: 10px;

}

.box .datepicker-inline,

.box .datepicker-inline .datepicker-days,

.box .datepicker-inline > table,

.box .datepicker-inline .datepicker-days > table {

  width: 100%;

}

.box .datepicker-inline td:hover,

.box .datepicker-inline .datepicker-days td:hover,

.box .datepicker-inline > table td:hover,

.box .datepicker-inline .datepicker-days > table td:hover {

  background-color: rgba(255, 255, 255, 0.3);

}

.box .datepicker-inline td.day.old,

.box .datepicker-inline .datepicker-days td.day.old,

.box .datepicker-inline > table td.day.old,

.box .datepicker-inline .datepicker-days > table td.day.old,

.box .datepicker-inline td.day.new,

.box .datepicker-inline .datepicker-days td.day.new,

.box .datepicker-inline > table td.day.new,

.box .datepicker-inline .datepicker-days > table td.day.new {

  color: #777;

}

.ui-datepicker {

  z-index: 9999999 !important;

}

/*

 * General: Miscellaneous

 * ----------------------

 */

.pad {

  padding: 10px;

}

.margin {

  margin: 10px;

}

.margin-bottom {

  margin-bottom: 20px;

}

.margin-bottom-none {

  margin-bottom: 0;

}

.margin-r-5 {

  margin-right: 5px;

}

.inline {

  display: inline;

}

.description-block {

  display: block;

  margin: 10px 0;

  text-align: center;

}

.description-block.margin-bottom {

  margin-bottom: 25px;

}

.description-block > .description-header {

  margin: 0;

  padding: 0;

  font-weight: 600;

  font-size: 16px;

}

.description-block > .description-text {

  text-transform: uppercase;

}





.link-muted {

  color: #a3a3a3;

}

.link-muted:hover,

.link-muted:focus {

  color: #898989;

}

.link-black {

  color: #666;

}

.link-black:hover,

.link-black:focus {

  color: #999;

}

.hide {

  display: none !important;

}

.no-border {

  border: 0 !important;

}

.no-padding {

  padding: 0 !important;

}

.no-margin {

  margin: 0 !important;

}

.no-shadow {

  box-shadow: none !important;

}

.list-unstyled,

.chart-legend,

.contacts-list,

.users-list,

.mailbox-attachments {

  list-style: none;

  margin: 0;

  padding: 0;

}

.list-group-unbordered > .list-group-item {

  border-left: 0;

  border-right: 0;

  border-radius: 0;

  padding-left: 0;

  padding-right: 0;

}

.flat {

  border-radius: 0 !important;

}

.text-bold,

.text-bold.table td,

.text-bold.table th {

  font-weight: 700;

}

.text-sm {

  font-size: 12px;

}

.jqstooltip {

  padding: 5px !important;

  width: auto !important;

  height: auto !important;

}



.description-block .description-icon {

  font-size: 16px;

}

.no-pad-top {

  padding-top: 0;

}

.position-static {

  position: static !important;

}

.list-header {

  font-size: 15px;

  padding: 10px 4px;

  font-weight: bold;

  color: #666;

}

.list-seperator {

  height: 1px;

  background: #ccc;

  margin: 15px 0 9px 0;

}

.list-link > a {

  padding: 4px;

  color: #777;

}

.list-link > a:hover {

  color: #222;

}

.font-light {

  font-weight: 300;

}

.user-block:before,

.user-block:after {

  content: " ";

  display: table;

}

.user-block:after {

  clear: both;

}

.user-block img {

  width: 40px;

  height: 40px;

  float: left;

}

.user-block .username,

.user-block .description,

.user-block .comment {

  display: block;

  margin-left: 50px;

}

.user-block .username {

  font-size: 16px;

  font-weight: 600;

}

.user-block .description {

  color: #999;

  font-size: 13px;

}

.user-block.user-block-sm .username,

.user-block.user-block-sm .description,

.user-block.user-block-sm .comment {

  margin-left: 40px;

}

.user-block.user-block-sm .username {

  font-size: 14px;

}

.img-sm,

.img-md,

.img-lg,

.box-comments .box-comment img,

.user-block.user-block-sm img {

  float: left;

}

.img-sm,

.box-comments .box-comment img,

.user-block.user-block-sm img {

  width: 30px !important;

  height: 30px !important;

}

.img-sm + .img-push {

  margin-left: 40px;

}

.img-md {

  width: 60px;

  height: 60px;

}

.img-md + .img-push {

  margin-left: 70px;

}

.img-lg {

  width: 100px;

  height: 100px;

}

.img-lg + .img-push {

  margin-left: 110px;

}

.img-bordered {

  border: 3px solid #efefef;

  padding: 3px;

}

.img-bordered-sm {

  border: 2px solid #efefef;

  padding: 2px;

}

.attachment-block {

  border: 1px solid #ccc;

  padding: 5px;

  margin-bottom: 10px;

  background: #f7f7f7;

}

.attachment-block .attachment-img {

  max-width: 100px;

  max-height: 100px;

  height: auto;

  float: left;

}

.attachment-block .attachment-pushed {

  margin-left: 110px;

}

.attachment-block .attachment-heading {

  margin: 0;

}

.attachment-block .attachment-text {

  color: #555;

}

.connectedSortable {

  min-height: 100px;

}

.ui-helper-hidden-accessible {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}

.sort-highlight {

  background: #f4f4f4;

  border: 1px dashed #ddd;

  margin-bottom: 10px;

}

.full-opacity-hover {

  opacity: 0.65;

  filter: alpha(opacity=65);

}

.full-opacity-hover:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.chart {

  position: relative;

  overflow: hidden;

  width: 100%;

}

.chart svg,

.chart canvas {

  width: 100% !important;

}

.content a[alt^="http:"],

.content a[alt^="http:"]:hover {

  background: url("../img/ext_link.gif") right center no-repeat;

  padding-right: 15px;

  text-decoration: none;

}

.content a[alt$='.dwg'],

.content a[alt$='.dwg']:hover {

  background: transparent url("../img/icon_dwg.gif") right center no-repeat;

  padding-right: 20px;

  text-decoration: none;

  padding-top: 2px;

  padding-bottom: 2px;

}

.content a[alt$='.pdf'],

.content a[alt$='.pdf']:hover {

  background: transparent url("../img/icon_pdf.gif") right center no-repeat;

  padding-right: 20px;

  text-decoration: none;

  padding-top: 2px;

  padding-bottom: 2px;

}

.content a[alt$='.p7m'],

.content a[alt$='.p7m']:hover {

  background: transparent url("../img/icon_p7m.gif") right center no-repeat;

  padding-right: 20px;

  text-decoration: none;

  padding-top: 2px;

  padding-bottom: 2px;

}

.content a[alt$='.doc'],

.content a[alt$='.doc']:hover {

  background: transparent url("../img/icon_word.gif") right center no-repeat;

  padding-right: 20px;

  text-decoration: none;

  padding-top: 2px;

  padding-bottom: 2px;

}

.content a[alt$='.odt'],

.content a[alt$='.odt']:hover {

  background: transparent url("../img/icon_odt.png") right center no-repeat;

  padding-right: 20px;

  text-decoration: none;

  font-weight: bold;

  padding-top: 2px;

  padding-bottom: 2px;

}

.content a[alt$='.jpg'],

.content a[alt$='.jpg']:hover,

.content a[alt$='.gif'],

.content a[alt$='.gif']:hover,

.content a[alt$='.png'],

.content a[alt$='.png']:hover {

  background: transparent url("../img/icon_img.jpg") right center no-repeat;

  padding-right: 20px;

  text-decoration: none;

  padding-top: 2px;

  padding-bottom: 2px;

}

.content a[alt$='.xls'],

.content a[alt$='.xls']:hover {

  background: transparent url("../img/icon_excel.png") right center no-repeat;

  padding-right: 20px;

  text-decoration: none;

  padding-top: 2px;

  padding-bottom: 2px;

}

.text-bold {

  font-weight: 700;

}

.sub_box_content {

  padding-left: 20px;

}

.sub_box_content strong {

  font-weight: normal;

}

.print {

  display: none !important;

}

/* 2022 */

.menubox{

  border-radius: 10px;

  background-color: #ddd;

  max-width: 800px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 20px;

  padding: 10px;

  text-align: center;

  -moz-box-shadow: 0 0px 1px #333;

	-webkit-box-shadow: 0 0px 1px #333;

	box-shadow: 0 0px 1px #333;

}

.menubox h3{

  font-size: 20px;

  padding: 5px 0px;

  margin: 0px;

  font-weight: bold;

  text-transform: uppercase;

}

.menubox ul {

 margin: 0;

 padding: 0px;

}



.menubox ul li{

  border-radius: 7px;

  background-color: #fff;  

  padding: 10px;

  margin-top: 10px;

  list-style: none;

  margin: 10px 0px 0px 0px; 

  opacity: 1;

  -moz-box-shadow: 0 0px 1px #333;

	-webkit-box-shadow: 0 0px 1px #333;

	box-shadow: 0 0px 1px #333;

}

.menubox ul li:hover {

  opacity: .7;

}

.ui-autocomplete {

    z-index: 99999;

}



.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }

.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }

.autocomplete-selected { background: #F0F0F0; }

.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

.autocomplete-group { padding: 2px 5px; }

.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/*

 * Misc: print

 * -----------

 */

@media print {

  .no-print,

  .main-sidebar,

  .left-side,

  .main-header,

  .content-header {

    display: none !important;

  }

  .print {

    display: block !important;

  }

  .content-wrapper,

  .right-side,

  .main-footer {

    margin-left: 0 !important;

    min-height: 0 !important;

    -webkit-transform: translate(0, 0) !important;

    -ms-transform: translate(0, 0) !important;

    -o-transform: translate(0, 0) !important;

    transform: translate(0, 0) !important;

  }

  .fixed .content-wrapper,

  .fixed .right-side {

    padding-top: 0 !important;

  }

  .table-responsive {

    overflow: auto;

  }

  .table-responsive > .table tr th,

  .table-responsive > .table tr td {

    white-space: normal !important;

  }

  .accordion-level1 .no-collapsable .collapse,

  .accordion-level1 .collapse {

    border: none !important;

    padding: 0px !important;

  }

  .content {

    padding-left: 0px;

    padding-right: 0px;

    font-size: 0.85em;

    line-height: 1.8em !important;

  }

  .content ul {

    margin-left: 0px;

    padding-left: 10px;

  }

  .content li {

    padding-left: 0px;

    margin-left: 0px;

    padding-bottom: 8px;

    font-size: 1em;

    line-height: 1.6em !important;

  }

  .accordion-level1 .no-collapsable h4 a {

    font-size: 0.9em;

    text-transform: uppercase;

    padding-top: 25px;

  }

  .accordion-level1 .no-collapsable h4 a .fa {

    display: none;

  }

  .table > thead > tr > th,

  .table > tbody > tr > th,

  .table > tfoot > tr > th,

  .table > thead > tr > td,

  .table > tbody > tr > td,

  .table > tfoot > tr > td {

    border-collapse: collapse;

    vertical-align: top;

  }

  #tab_identificazione.table tr th {

    text-align: right;

    border: 1px solid #fff !important;

    padding: 2px 8px;

  }

  #tab_identificazione.table tr td {

    border: 1px solid #fff !important;

    padding: 2px 8px;

  }

  .table {

    border-collapse: collapse;

  }

  body {

    margin: 0;

    padding: 1em;

  }

  .rowtitle {

    background-color: transparent;

    color: #000;

    border: 3px solid #000;

    text-align: center;

    min-height: 0px;

    text-transform: uppercase;

  }

  .rowtitle h1 {

    color: #000;

    width: auto;

    margin: 0px;

    padding-top: 10px;

    padding-bottom: 20px;

    font-size: 1em;

    font-weight: normal;

  }

  .rowtitle h2 {

    color: #000;

    width: auto;

    margin: 0px;

    padding: 10px 35px;

    font-size: 1.2em;

  }

  .firma {

    display: block;

  }

}



@media (min-width: 1199px) {

  .modal-xl {

    width: 1340px;

  }

}









/* FROM SKIN */



/*

 * Skin: Dati

 * ----------

 */

 .sk-smart {

  /* NAV TABS */

  /* DataTable */

  /* NAV PILLS */

}

.sk-smart .main-header .navbar {

  background-color: #ffffff;

  border-bottom: 1px solid #EED15C;

}

.sk-smart .main-header .navbar .nav > li > a:hover,

.sk-smart .main-header .navbar .nav > li > a:active,

.sk-smart .main-header .navbar .nav > li > a:focus,

.sk-smart .main-header .navbar .nav .open > a,

.sk-smart .main-header .navbar .nav .open > a:hover,

.sk-smart .main-header .navbar .nav .open > a:focus,

.sk-smart .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0);

  font-weight: normal;

}



@media (max-width: 767px) {

  .sk-smart .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .sk-smart .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .sk-smart .main-header .navbar .dropdown-menu li a:hover {

    background: #857a92;

  }

}



.sk-smart .main-header .toggle-right {

  background-color: #30283c;

  color: #fff;

  border-bottom: 0 solid transparent;

}

.sk-smart .main-header .toggle-right:hover {

  background-color: #26212e;

}

.sk-smart .main-header li.user-header {

  background-color: #EED15C;

}

.sk-smart .content-header {

  background: transparent;

}

.sk-smart .content-header h1 {

  color: #EED15C;

}

.sk-smart .wrapper,

.sk-smart .main-sidebar,

.sk-smart .left-side {

  background-color: #EED15C;

}

.sk-smart .user-panel > .info,

.sk-smart .user-panel > .info > a {

  color: #fff;

}

.sk-smart .sidebar-menu > li.header {

  color: #a5a5a5;

  background: #686868;

}

.sk-smart .sidebar-menu > li > a {

  border-left: 3px solid transparent;

}

.sk-smart .sidebar-menu > li:hover > a,

.sk-smart .sidebar-menu > li.active > a,

.sk-smart .sidebar-menu > li.menu-open > a {

  color: #fff;

  background: #6d6d6d;

}

.sk-smart .sidebar-menu > li.active > a {

  border-left-color: #efefef;

}

.sk-smart .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #7f7f7f;

}

.sk-smart .sidebar a {

  color: #ffffff;

}

.sk-smart .sidebar a:hover {

  text-decoration: none;

}

.sk-smart .sidebar-menu .treeview-menu > li > a {

  color: #e5e5e5;

}

.sk-smart .sidebar-menu .treeview-menu > li.active > a,

.sk-smart .sidebar-menu .treeview-menu > li > a:hover {

  color: #fff;

}

.sk-smart .sidebar-form {

  border-radius: 3px;

  border: 1px solid #8c8c8c;

  margin: 10px 10px;

}

.sk-smart .sidebar-form input[type="text"],

.sk-smart .sidebar-form .btn {

  box-shadow: none;

  background-color: #8c8c8c;

  border: 1px solid transparent;

  height: 35px;

}

.sk-smart .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.sk-smart .sidebar-form input[type="text"]:focus,

.sk-smart .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.sk-smart .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.sk-smart .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.sk-smart .nav-tabs-custom > .nav-tabs > li > a {

  border-bottom: 1px solid #EED15C;

  text-transform: uppercase;

}

.sk-smart .nav-tabs-custom > .nav-tabs > li.active {

  border-top-color: #EED15C;

}

.sk-smart .nav-tabs-custom > .nav-tabs > li.active > a {

  border: 1px solid #EED15C;

  border-bottom: 1px solid #ffffff;

  color: #EED15C;

}

.sk-smart .btn-primary {

  background-color: #EED15C;

  border-color: #857a92;

}

.sk-smart .btn-primary:hover,

.sk-smart .btn-primary:active,

.sk-smart .btn-primary.hover {

  background-color: #857a92;

}

.sk-smart .btn-dati {

  background-color: #EED15C;

  border-color: #857a92;

  color: #ffffff;

}

.sk-smart .btn-dati:hover,

.sk-smart .btn-dati:active,

.sk-smart .btn-dati.hover {

  background-color: #857a92;

}

.sk-smart .pagination > .active > a {

  background-color: #EED15C;

  border-color: #EED15C;

}

.sk-smart .pagination > .active > a:focus {

  background-color: #EED15C;

  border-color: #EED15C;

}

.sk-smart .pagination > .active > a:hover {

  background-color: #EED15C;

  border-color: #EED15C;

}

.sk-smart .pagination > .active > span:focus {

  background-color: #EED15C;

  border-color: #EED15C;

}

.sk-smart .pagination > .active > span:hover {

  background-color: #EED15C;

  border-color: #EED15C;

}

.sk-smart .label-gip {

  background-color: #ffffff !important;

  color: #EED15C !important;

  border-radius: 50%;

}

.sk-smart .nav-pills > li.active > a,

.sk-smart .nav-pills > li.active > a:hover,

.sk-smart .nav-pills > li.active > a:focus {

  color: #EED15C;

  border: 2px solid #EED15C;

}

.sk-smart.layout-top-nav .main-header > .logo {

  background-color: #EED15C;

  color: #fff;

  border-bottom: 0 solid transparent;

}

.sk-smart.layout-top-nav .main-header > .logo:hover {

  background-color: #857a92;

}

h5 {

  color: #EED15C;

  text-align: center;

  font-weight: 700;

}



/* Modal */

#accordion h4 {

  margin-bottom: 0px;

}

#accordion h4 a[aria-expanded="true"] {

  background-color: #EED15C;

}

#accordion h4 a[aria-expanded="true"] .fa {

  background-color: #EED15C;

}

#accordion .collapse[aria-expanded="true"] {

  border: 3px solid #EED15C;

  border-top: none;

}



#accordion .no-collapsable h4 {

  margin-bottom: 0px;

}

#accordion .no-collapsable h4 a {

  background-color: #EED15C;

}

#accordion .no-collapsable h4 a .fa {

  background-color: #EED15C;

}

#accordion .no-collapsable .collapse {

  border: 3px solid #EED15C;

  border-top: none;

  display: block;

}



.accordion-level1 h4 a[has_content="true"] {

  background-color: #EED15C;

}

.accordion-level1 h4 a[has_content="true"] .fa {

  background-color: #EED15C;

}



/* 2024 */



.sk-smart .btn-primary.btn-outline {

  background-color: #fff;

  border-color: #EED15C;

  color: #EED15C;

}

.sk-smart .btn-primary.btn-outline:hover,

.sk-smart .btn-primary.btn-outline:active,

.sk-smart .btn-primary.btn-outline.hover {

  background-color: #ddd9e0;

}



h2{

  color: #EED15C;

}



h3{

  color: #EED15C;

}





/* NEW FLEX 2024 */





.container-flex {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.container-flex .flex-item {

  width: 100%;

}



.container-flex .flex-item.col_4 {

  width: 33%;

  min-height: 100px;

}



.container-flex .flex-item.col_8 {

  width: 66%;

  min-height: 100px;

}



.container-flex .flex-item.col_6 {

  width: 49%;

  min-height: 100px;

}



.container-flex .flex-item .row{

  padding-bottom: 20px;

}



/* Login */

.login .login_sx {

  width: 50%;

  min-height: 100vh;

}



.login .login_dx {

  background-image: url(../img/bg_museum.png);

  background-size: cover;

  color: #fff;

  width: 50%;

  min-height: 100vh;

}



.login .login_sx .box{

  max-width: 300px;

  margin-left: auto;

  margin-right: auto;

  margin-top: -15%;

  padding-top: 50%;

}

.login .login_sx img{

  max-width: 100%;

  height: auto;

  margin-bottom: 2em;

}

.login label{

  color: #EED15C;

}



.login input{

  margin-bottom: 1em;

  background-color: rgba(238,209,92,.2);

  color: #967C3E;

  border: none;

  line-height: 3em;

}



.login button{

  margin-bottom: 1em;

  background-color: #EED15C;

  color: #967C3E;

  border-radius: 10px;

  padding: 15px;

}



.form-floating {

  position: relative;

}

.form-floating > .form-control,

.form-floating > .form-select {

  height: calc(5.5rem + 2px);

  padding: 1rem 1.75rem;

  border-radius: 10px;

}

.form-floating > label {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  padding: 1rem 1.75rem;

  pointer-events: none;

  border: 1px solid transparent;

  transform-origin: 0 0;

  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

  .form-floating > label {

    transition: none;

  }

}

.form-floating > .form-control::-moz-placeholder {

  color: transparent;

}

.form-floating > .form-control::placeholder {

  color: transparent;

}

.form-floating > .form-control:not(:-moz-placeholder-shown) {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-control:-webkit-autofill {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-select {

  padding-top: 1.625rem;

  padding-bottom: 0.625rem;

}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {

  opacity: 0.65;

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}

.form-floating > .form-control:focus ~ label,

.form-floating > .form-control:not(:placeholder-shown) ~ label,

.form-floating > .form-select ~ label {

  opacity: 0.65;

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}

.form-floating > .form-control:-webkit-autofill ~ label {

  opacity: 0.65;

  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);

}



.dashboard{

  text-align: center;

  margin-top: -35%;

  padding-top: 50%;

}



.dashboard img{

  max-width: 80%;

  width: 300px;

  margin-bottom: 45px;

}





.rowbox{

  width: auto;

  margin-bottom: 50px;

}



.rowbox li{

  position: relative;

  display: inline-block;

  width: 260px;

  height: 180px;

  border-radius: 20px;

  background-color: rgba(238,209,92,1);

  margin: 15px;

}



.rowbox.rowboxup li{

  height: 120px;

}



.rowbox li:hover{

  background-color: rgba(238,209,92,.7);

  cursor: pointer;

}



.rowbox li a{

  color: #493227;

  display: block;

  width: 100%;

  padding: 10px;

  position: absolute;

  top: 50%;

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 1.4em;

  font-weight: bold;

}



.rowbox li a i{

  clear: both;

  display: block;

  color: #EED15C;

  font-size: 2em;

  margin-bottom: 10px;

}



.ico{

  height: 20px;

  width: auto;

}



.piantina{

position: relative;

width: 100%;

max-width: 600px;

margin: 20px auto;

}



.piantina img{

  width: 100%;

  height: auto;

  border-radius: 10px;

}



.num{

  background-color: transparent;

  border-radius: 50%;

  width: 30px;

  height: 30px;

  display: block;

  text-align: center;

  line-height: 28px;

  font-style: normal;

  font-weight: bold;

  font-size: 1.2em;

  color: #fff;

  border: 1px solid #fff;

}



a.num:hover{

  color: #fff;

  opacity: .8;

}



.num.active1{

  background-color: #6079bd;

}



.num.ok{

  background-color: #47d255;

}



.num.warning{

  background-color: #ee8f15;

}



.num.ko{

  background-color: #bd2625;

}



.num.none{

  background-color: grey;

}



.num1{

  position: absolute;

  top: calc(80% - 15px);

  left: calc(12% - 15px);

  z-index: 100;

}



.num2{

  position: absolute;

  top: calc(80% - 15px);

  left: calc(30% - 15px);

  z-index: 100;

}



.num3{

  position: absolute;

  top: calc(80% - 15px);

  left: calc(50% - 15px);

  z-index: 100;

}



.num4{

  position: absolute;

  top: calc(80% - 15px);

  left: calc(70% - 15px);

  z-index: 100;

}



.num5{

  position: absolute;

  top: calc(55% - 15px);

  left: calc(68% - 15px);

  z-index: 100;

}



.num6{

  position: absolute;

  top: calc(30% - 15px);

  left: calc(65% - 15px);

  z-index: 100;

}



.num7{

  position: absolute;

  top: calc(12% - 15px);

  left: calc(60% - 15px);

  z-index: 100;

}



.num8{

  position: absolute;

  top: calc(80% - 15px);

  left: calc(88% - 15px);

  z-index: 100;

}



.mappa_ambiente{

  position: absolute;

  z-index: 90;

  left:0;

  top:0;

}



.mappa_ambiente.ko{

  filter: hue-rotate(45deg);

  -webkit-filter: hue-rotate(45deg);



}



.valori table td{

  text-align: center;

}



span.ko{

  color: #bd2625;

  font-weight: bold;

}



td.ko{

  color: #bd2625 !important;

  font-weight: bold;

}

td.warning{

  color: #ee8f15;

  font-weight: bold;

}

span.warning{

  color: #ee8f15;

  font-weight: bold;

}



.valori table i.fa{

  color: #D4B953;

  font-size: 1.6em;

}



.tablehead{

  margin-top: 10px;

  margin-bottom: 10px;

  line-height: 2.6em;

}



.tablebody{

  margin-top: 10px;

}



.tablebody td{

  text-align: center;

}



.piano0{

  background-color: #52af95;

  border-radius: 10px;

  width: 32px;

  height: 32px;

  display: inline-block;

  text-align: center;

  line-height: 30px;

  font-size: 1.1em;

  color: #fff;

  border: 1px solid #fff;

  margin-left: 5px;

}



.piano1{

  background-color: #6079bd;

  border-radius: 10px;

  width: 32px;

  height: 32px;

  display: inline-block;

  text-align: center;

  line-height: 30px;

  font-size: 1.1em;

  color: #fff;

  border: 1px solid #fff;

  margin-left: 5px;

}



.piano2{

  background-color: #52afd1;

  border-radius: 10px;

  width: 32px;

  height: 32px;

  display: inline-block;

  text-align: center;

  line-height: 30px;

  font-size: 1.1em;

  color: #fff;

  border: 1px solid #fff;

  margin-left: 5px;

}

.ambiente{

  padding-top: 20px;

}



.ambiente span.num{

  color: #fff;

  font-weight: bold;

  font-size: 2em;

  width: 60px;

  height: 60px;

  line-height: 60px;

  margin-bottom: 20px;

}



.valori .table > tbody > tr.ko > td{

  background-color: rgba(255,0,0,.1);

}



.ambiente .table > tbody > tr > th {

  background-color: #fff;

  width: 5%;

  border-top: 0px solid #ccc;

  border-bottom: 1px solid #ccc;

}



.ambiente .table tr td{

  _border-right: 20px solid #fff;

  border-top: 0px solid #ccc;

  border-bottom: 1px solid #ccc;

}



.ambiente .table tr td.attuale{

  color: #000000;

}



.ambiente .table tr td.simulazione{

  color: #6079bd;

  font-weight: bold;

}





img.opera_mini{

  height: 60px;

  width: auto;

  border-radius: 5px; 

  margin: 2px;

}

.valori label{

  display: block;

  color: #967C3E;

  font-weight: normal;

}



caption{

  color: #493227;

  font-size: 1.1em;

  font-weight: bold;

  text-align: center;

}



.content-wrapper{

  position: relative;

}



h1.headside{

  position: absolute;

  color: #fff;

  transform: rotate(90deg);

  text-transform: uppercase;

  top: 45px;

  left: -168px;

  z-index: 999;

}



h1.headside2{

  position: absolute;

  color: #fff;

  transform: rotate(90deg);

  text-transform: uppercase;

  top: 15px;

  left: -138px;

  z-index: 999;

}



#preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  background-color: rgba(0, 0, 0, 0.7);

}

#loader {

  display: block;

  position: relative;

  left: 50%;

  top: 50%;

  width: 150px;

  height: 150px;

  margin: -75px 0 0 -75px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #ffb3ad;

  -webkit-animation: spin 2s linear infinite;

  animation: spin 2s linear infinite;

}

#loader:before {

  content: "";

  position: absolute;

  top: 5px;

  left: 5px;

  right: 5px;

  bottom: 5px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #fe6c9f;

  -webkit-animation: spin 3s linear infinite;

  animation: spin 3s linear infinite;

}

#loader:after {

  content: "";

  position: absolute;

  top: 15px;

  left: 15px;

  right: 15px;

  bottom: 15px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #ff002a;

  -webkit-animation: spin 1.5s linear infinite;

  animation: spin 1.5s linear infinite;

}





/* Responsive */



@media (max-width: 767px) {



  .scroll{

    overflow: auto;

  }



  .scroll table th.opere {

    min-width: 180px;

  }



  img.opera_mini {

    height: 30px;

    margin: 1px;

  }



  .login .login_sx {

  width: 100%;

  min-height: 90vh;

}



.login .login_dx {

  width: 100%;

  min-height: 10vh;

}



}