.link2top {
  background-color: #333;
  color: #fefefe;
  cursor: pointer;
  font-size: 50px;
  padding: 4px;
  margin: 0;
  opacity: 0.2;
  border: 1px solid #333;
  position: fixed;
  bottom: 38px;
  right: 4px;
  display: none;
  width: 70px;
  height: 70px;
  z-index: 1032;
  text-align: center;
}
.link2top:hover {
  opacity: 1;
  background-color: darkorange;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .link2top {
    width: 40px;
    height: 40px;
    font-size: 30px;
  }
}
.versione {
  color: #666666;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 38px;
}
#page {
  margin-bottom: 58px;
}
#page-content {
  /*padding: 20px 60px;*/
}
#page-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 38px;
  z-index: 1031;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #page #page-content {
    padding: 10px 10px;
  }
}
#page-header .navbar {
  margin-bottom: 0px;
  color: #fefefe;
  border-bottom: 4px solid darkorange;
  border-radius: 0px;
  background-color: #333;
}
#page-header .navbar a {
  color: inherit;
  background-color: transparent;
}
#page-header .navbar a:hover {
  background-color: transparent;
  color: darkorange;
}
#page-header .navbar .navbar-header {
  margin-left: 0px;
  padding-left: 0px;
}
#page-header .navbar .navbar-header .glyphicon-home {
  font-size: 80%;
  margin-right: 10px;
}
#page-header .navbar .navbar-brand {
  padding-left: 0px;
  font-size: x-large;
}
#page-header .navbar .dropdown-menu {
  background-color: #333;
}
#page-header .anonymous-navbar {
  width: 100%;
  background-color: darkorange;
  border-bottom: 4px solid #333;
  padding: 10px 60px;
}
#page-header .anonymous-navbar img {
  width: 220px;
}
#page-footer {
  background-color: #333;
  padding: 4px 10px;
  border-top: 4px solid darkorange;
}
#page-footer ul li {
  color: #fefefe;
}
#page-footer ul li a {
  color: inherit;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #page-footer {
    font-size: 80%;
  }
}
#waitBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  background-color: transparent;
  background-color: #fefefe;
  opacity: 0.2;
}
#waitContent {
  z-index: 10002;
  position: fixed;
  top: 45%;
  left: 40%;
  border: 2px solid darkorange;
  border-radius: 4px;
  background-color: white;
  padding: 10px 10px;
}
#waitContent img {
  width: 160px;
  display: block;
}
#waitContent .text {
  display: block;
  font-weight: bold;
}
.cookie-warning {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  border-bottom: 4px solid darkorange;
  background-color: #ccc;
}
.cookie-warning a.info {
  text-decoration: none;
  color: inherit;
  font-weight: bold;
}
.cookie-warning .btn-ok {
  border: 1px solid #333;
  background-color: darkorange;
  display: inline-block;
  padding: 1px 6px;
  margin: 2px 4px;
  cursor: pointer;
  border-radius: 4px;
}
.page-header {
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}
.page-header h1 {
  margin: 0;
  display: inline-block;
}
.page-summary {
  font-style: italic;
  margin-bottom: 16px;
  max-width: 800px;
}
.data-container {
  max-width: 800px;
}
.data-container .nopadding {
  padding-left: 0;
  padding-right: 0;
}
.data-container h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: bold;
}
.data-container .subtitle {
  font-style: italic;
  font-weight: normal;
  font-size: 90%;
}
.data-container label.subtitle {
  display: block;
}
.data-container .toolbar {
  margin: 10px 0;
}
.data-container .toolbar .btn {
  min-width: 100px;
  background-color: #333;
  color: #fefefe;
  margin-bottom: 4px;
}
.data-container .toolbar .btn img {
  height: 20px;
}
.data-container .toolbar .btn:hover,
.data-container .toolbar .btn:focus {
  color: darkorange;
}
.data-container .data-filter {
  padding: 10px 0px;
}
.data-container .data-filter .btn {
  min-width: 80px;
}
.data-container img.edit {
  width: 16px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .data-container .toolbar .btn {
    min-width: 80px;
  }
  .data-container .optional {
    display: none;
  }
}
.section {
  border-top: 4px solid #ccc;
  padding-top: 6px;
  margin-bottom: 40px;
}
.section h2,
.section h3,
.section h4 {
  margin-top: 0px;
  margin-bottom: 12px;
  font-weight: bold;
}
.section .subtitle {
  font-style: italic;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .section {
    margin-bottom: 20px;
  }
}
.btn-toggle {
  width: 60px;
}
.btn-notselected {
  border: 1px solid #333;
  background-color: #ccc;
}
.btn-data {
  min-width: 100px;
  background-color: #333;
  color: #fefefe;
  margin-bottom: 4px;
}
.btn-data img {
  height: 20px;
}
.btn-data:hover,
.btn-data:focus {
  color: darkorange;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .btn-data {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
.btn-hidden {
  display: none;
}
.btn .glyphicon {
  margin-right: 6px;
}
#messages {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10002;
}
#messages .alert {
  font-weight: bold;
  font-size: 120%;
  border-radius: 0px;
}
.modal .modal-content .modal-body .icon {
  background-repeat: no-repeat;
  background-size: 40px;
  width: 40px;
  height: 40px;
}
.modal .modal-content .modal-body .icon.error {
  background-image: url(../Images/Messages/error.png);
}
.modal .modal-content .modal-body .icon.info {
  background-image: url(../Images/Messages/info.png);
}
.modal .modal-content .modal-body .text {
  margin-top: 6px;
}
.table-responsive {
  overflow-x: hidden;
}
table.gridview {
  width: auto;
}
table.gridview thead tr th {
  text-align: center;
}
table.gridview.gridview-noheader thead {
  display: none;
}
table.gridview tbody > tr.totale {
  font-weight: bold;
}
table.gridview tbody > tr > td a .glyphicon {
  color: #333;
}
table.gridview tbody > tr > td a .glyphicon:hover {
  color: #ff4848;
}
table.gridview tbody > tr > td img {
  width: 16px;
}
table.gridview tbody > tr > td img.select {
  width: 20px;
}
table.gridview tbody > tr > td.Notes {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 200px;
}
table.gridview tbody > tr > td.bold {
  font-weight: bold;
}
table.gridview tbody > tr > td .numero {
  text-align: right;
}
table.gridview tbody > tr > td.numero {
  text-align: right;
}
table.gridview tbody > tr > td.importo {
  text-align: right;
}
table.gridview .grid-pager {
  text-align: left;
}
table.gridview .grid-pager td > table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  table-layout: fixed;
}
table.gridview .grid-pager td > table > tbody > tr > td {
  border: 1px solid #ccc;
}
table.gridview .grid-pager td > table > tbody > tr > td .pager-item {
  padding: 5px 10px;
  display: inline-block;
}
table.gridview .grid-pager td > table > tbody > tr > td > span {
  background-color: darkorange;
  color: #fefefe;
  padding: 5px 10px;
  display: inline-block;
}
table.gridview .grid-pager td > table > tbody > tr > td > a {
  color: darkorange;
  background-color: #fefefe;
  padding: 5px 10px;
  display: inline-block;
  text-decoration: none;
}
table.gridview .grid-pager td > table > tbody > tr > td > a:hover {
  background-color: #ccc;
}
table.gridview[row-selection=true] > tbody > tr > td {
  cursor: pointer;
}
table.gridview[row-selection=true] > tbody > tr:hover > td {
  color: #ff4848;
}
.onoffswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0px solid #999999;
  border-radius: 0px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner > span {
  display: block;
  float: left;
  position: relative;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner .onoffswitch-active {
  padding-left: 15px;
  background-color: #C2C2C2;
  color: #FFFFFF;
}
.onoffswitch-inner .onoffswitch-inactive {
  padding-right: 15px;
  background-color: #C2C2C2;
  color: #FFFFFF;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 40px;
  margin: 0px;
  text-align: center;
  border: 0px solid #999999;
  border-radius: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.onoffswitch-active .onoffswitch-switch {
  background: #27A1CA;
  left: 0;
}
.onoffswitch-inactive .onoffswitch-switch {
  background: #A1A1A1;
  right: 0;
}
.onoffswitch-active .onoffswitch-switch:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 40px;
  border-style: solid;
  border-color: #27A1CA transparent transparent #27A1CA;
  border-width: 15px 10px;
}
.onoffswitch-inactive .onoffswitch-switch:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 40px;
  border-style: solid;
  border-color: transparent #A1A1A1 #A1A1A1 transparent;
  border-width: 15px 10px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}