body {
  overflow-y: scroll;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #000 !important;
}

aside[class*=sidebar-dark] {
  background-color: #000 !important;
  background-image: url(/assets/img/fibra-carbonio-3.jpg);
  background-size: 600px auto
}

aside[class*=sidebar-dark] .brand-link,
aside[class*=sidebar-dark] .user-panel,
aside .form-inline {
  border-bottom: 1px solid transparent
}

aside.ROLE_PROGRAMMATORE {
  background-color: #000 !important;
  background-image: url(/assets/img/fibra-carbonio-3.jpg);
  background-size: 600px auto
}

aside.ROLE_PROGRAMMATORE .sidebar a {
  color: #fff !important;
}

aside.ROLE_PROGRAMMATORE .btn-sidebar {
  background: #000 !important;
}

aside.ROLE_CONTABILE {
  background-color: #000 !important;
  background-image: url(/assets/img/fibra-carbonio-3.jpg);
  background-size: 600px auto
}

/*{background-color:#fff!important;}*/
aside.ROLE_CONTABILE .btn-sidebar {
  background: #fff !important;
  color: #000 !important;
}

.progress {
  background: #fff;
  border: 1px solid #c0c0c0;
  font-size: 10px;
}

.card-body.p-0 .table.table-sm tbody>tr>td:first-of-type,
.card-body.p-0 .table.table-sm tbody>tr>th:first-of-type,
.card-body.p-0 .table.table-sm thead>tr>td:first-of-type,
.card-body.p-0 .table.table-sm thead>tr>th:first-of-type {
  padding-left: 0.3rem !important;
}

.td-min-width {
  width: 1px;
}

.div-max-width-300 {
  max-width: 300px;
}

.div-max-width-300 a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.span-max-width-300 {
  max-width: 300px;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.span-max-width-150 {
  max-width: 150px;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.span-max-width-200 {
  max-width: 200px;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.span-max-width-250 {
  max-width: 250px;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.span-max-width-100 {
  max-width: 100px;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.span-max-width-50 {
  max-width: 50px;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background: #6c757d;
  color: #fff;
  border: 1px solid #ddd;
}

.nav-pills .nav-link:not(.active):hover {
  color: #000;
}

.nav-pills .nav-link {
  padding: 5px 10px;
}

span.username {
  margin: 0 !important;
}

div.comment-text {
  margin: 0 !important;
}

th.sort {
  cursor: pointer;
}

.card-header>.card-tools {
  margin-right: 40px;
  margin-top: 5px;
}

.text-center-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contain-choose-magazzino {
  display: flex;
}

.choose-magazzino {
  transition: all 0.5s;
  cursor: pointer;
  flex: 1;
  margin: 25px;
  background: #fff;
  padding: 15px;
  font-size: 20px;
  text-align: center;
  width: auto;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 0 #eee;
  border-radius: 5px;
}

.choose-magazzino i {
  display: block;
  font-size: 30px;
  color: #ddd;
  padding: 15px 0;
}

.choose-magazzino:hover {
  transform: scale(1.1);
  background: #007bff;
  color: #fff;
}

.mt-25 {
  margin-top: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mt-25-li li {
  margin-bottom: 25px;
  margin-left: 25px;
  border-bottom: 1px solid #c0c0c0;
}

.form-button-right button[type='submit'] {
  float: right;
}

tr.total-list {
  background-color: #c0c0c0 !important;
}

.form-inline {
  border-bottom: 1px solid #4f5962;
  padding-bottom: 1rem !important;
}

input.form-control-sidebar {
  background: #fff !important;
  color: #000 !important;
}

.card-cursor-hover {
  cursor: pointer;
}

.cp {
  cursor: pointer;
}

.dropdown-toggle::after {
  content: none !important;
}

form legend {
  font-weight: bold;
}

table.jexcel {
  font-size: 12px;
}

#modalBuonoOrdine .modal-dialog {
  max-width: 95%;
  width: 1600px;
}

.btn-circle {
  border-radius: 100%;
}

.btn-secondary.light {
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #000;
}

.boxcambio {
  display: none;
  background: #f5f5f5;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 0 #eee;
  padding: 15px;
  margin-bottom: 10px;
  margin-top: 15px;
}

.boxcambio input,
.boxcambio select {
  width: 100%;
  height: 35px;
  margin-bottom: 10px;
}

.boxcambio input[type="submit"] {
  float: right;
  width: auto;
}

.custom-file-input:lang(en)~.custom-file-label::after {
  content: "Scegli file";
}

.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #2196F3;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#quantitascanner {
  width: 50px;
  height: 34px;
  display: none;
}

#scannerarticolo {
  position: fixed;
  left: -200px;
}

#boxfiltri {
  background: #eee;
  padding: 15px;
  border: 1px solid #ddd;
}

#boxfiltri label {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-weight: 400;
}

#boxfiltri input,
#boxfiltri select {
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 25px;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  padding: 5px;
}

#boxfiltri button {
  float: right;
}

.btn-fixed-w-h {
  width: 30px;
  height: 30px;
  position: relative;
}

.btn-fixed-w-h i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.space-btn .btn-fixed-w-h {
  width: 40px;
  height: 40px;
  position: relative;
}

.space-btn .btn-fixed-w-h i {
  font-size: 20px;
}

.space-btn .altre-azioni button {
  margin-left: 10px;
}

.space-btn .altre-azioni label {
  margin-left: 10px;
  margin-bottom: 0;
  font-weight: normal;
}

.loading-div-img {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 999999;
}

.loading-div-img img {
  position: absolute;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

tr.disabled {
  background: #eee;
  color: #969696;
}

.alert-fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  width: auto;
  transform: translate(-50%, -50%);
  z-index: 999999;
  font-size: 40px;
  padding: 50px;
  text-align: center;
  display: none;
  border-radius: 5px;
}

.alert-fixed i {
  font-size: 100px;
  display: block;
}

.alert-fixed span.dettaglio {
  font-size: 20px;
}

body.arval [class*=sidebar-dark] .brand-link .font-weight-light {
  color: #00925b !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
}

body.arval .btn-primary {
  background-color: #00925b !important;
  border-color: #00925b !important;
}


body.targatelematics [class*=sidebar-dark] .brand-link .font-weight-light {
  color: #7FBA00 !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
}

body.targatelematics .btn-primary {
  background-color: #7FBA00 !important;
  border-color: #7FBA00 !important;
}

.commessa-edit {
  padding-bottom: 100px !important;
}

.gestioneallegati .scelte {
  display: inline-block;
  width: 44%;
  margin: 10px 2.5%;
  border-bottom: 2px solid #eee;
  text-align: center;
  cursor: pointer;
}

.gestioneallegati .scelte.active {
  border-color: #007bff;
}

.container-altre-azioni {
  position: relative;
  display: inline-block;
}

.altre-azioni {
  display: none;
  position: absolute;
  right: 0;
  background: #fff;
  z-index: 99;
  width: 175px;
  text-align: right;
  box-shadow: 0 0 10px 0 #eee;
  border: 1px solid #c0c0c0;
  padding: 10px;
}

.altre-azioni button {
  margin-bottom: 10px;
}

.altre-azioni a {
  border: 0;
  display: block;
  padding: 2px 0;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #ddd;
}

.altre-azioni a:hover {
  background: #eee;
}

#gestionemagazzino .modal-dialog {
  max-width: 1000px;
}

.ombraiframe {
  position: absolute;
  z-index: 999999999999;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.ombraiframe img {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  max-width: 50px;
  transform: translate(-50%, -50%);
}

.bread-sotto {
  color: #000;
  font-size: 14px;
}

.bread-sotto.active {
  border-bottom: 2px solid #007bff;
}

.lista-email {
  height: calc(100vh - 200px);
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 0 #ddd;
  overflow: auto;
}

.lista-email .item {
  padding: 15px;
  border-bottom: 1px solid #969696;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}

.lista-email .item span {
  display: block;
  width: 75%;
  word-break: break-all;
}

.lista-email .item span.mittente {
  font-size: 14px;
  color: #969696;
}

.lista-email .item span.title {
  font-weight: 500;
}

.lista-email .item i {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-size: 20px;
  color: #c0c0c0;
}

.lista-email .item:hover i {
  color: #4b4b4b;
}

.lista-email .item.active {
  background: #eee;
}

.lista-email .item.active i {
  color: #4b4b4b;
}

.box-email {
  height: calc(100vh - 200px);
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 0 #ddd;
  padding: 0;
}

.box-email iframe {
  height: calc(100vh - 200px);
  width: 100%;
  overflow: hidden;
}

.modalemail .modal-dialog {
  max-width: 1000px !important;
}

.modalemail .modal-dialog .modal-content {
  height: 80vh;
}

.modalemail .modal-dialog .modal-content iframe {
  width: 100%;
  height: 100%;
  overflow: none;
}

.iframe-content .info {
  background: #eee !important;
  padding: 15px !important;
  border-bottom: 1px solid #ddd !important;
  font-size: 16px !important;
}

.iframe-content .info span {
  display: block !important;
  margin-bottom: 5px !important;
}

.iframe-content .info .button-absolute {
  position: absolute !important;
  right: 15px !important;
  top: 15px !important;
  font-size: 14px !important;
}

.iframe-content .info .button-absolute a {
  font-size: 14px !important;
}

.check-allegati {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: 15px;
}

.list-change {
  display: inline-block;
  border-radius: 5px;
  position: absolute;
  z-index: 9999;
  box-shadow: 0 0 10px 0 #c0c0c0;
}

.list-change a {
  font-size: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #c0c0c0;
}

.list-change a:nth-last-child(1) {
  border: 0;
}

.bg-warning-custom {
  background: #de7b00;
  color: #fff;
}

.checkbox-table {
  max-width: 40px;
  text-align: center;
}

.checkbox-table input {
  width: 18px;
  height: 18px;
}

.file_tt {
  display: block;
  padding: 150px 0;
  font-weight: 500 !important;
  background: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
}

.main-sidebar .os-viewport {
  margin-bottom: 10px;
}

.text-decoration-underline {
  text-decoration: underline;
}

@media (max-width:1800px) {
  .hide1800 {
    display: none;
  }
}

@media (max-width:1500px) {
  .hide1500 {
    display: none;
  }
}

@media (max-width:900px) {
  .table-responsive-md {
    overflow: auto;
  }
}

.btn-action-fixed {
  width: 75px;
  height: 75px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
}

.btn-action-fixed i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 35px;
}

.content-wrapper {
  padding-bottom: 100px;
}

.login-page {
  background-image: url(/assets/img/fibra-carbonio-3-big.jpg);
  background-size: cover;
  background-position: center
}

.login-page.isapp {
  background-image: url(/assets/img/fibra-acciaio.jpg);
}

.login-page.isnord {
  background-image: url();
}

.filtronascosto {
  display: none !important;
}

@media (min-width:1200px) {
  .col-xl-pers-5 {
    max-width: 20%;
  }
}

.sidebar {
  height: calc(100vh - 100px)
}

.nav-sidebar {
  padding-bottom: 50px;
}

ul.pagination {
  overflow: auto;
  max-width: 100%;
}

.content-header .breadcrumb {
  white-space: nowrap;
}

@media (max-width:767px) {
  .table-responsive-md {
    overflow: auto;
  }

  .metamobile {
    width: 48%;
    padding: 15px !important;
  }

}


.animate-red-white {
  animation-name: animationredwhite;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes animationredwhite {
  0% {
    color: red;
  }

  50% {
    color: white;
  }

  100% {
    color: red;
  }
}

@keyframes animationredwhitebg {
  0% {
    background-color: red;
    color: #fff;
  }

  50% {
    background-color: rgb(255, 100, 100);
    color: #000;
  }

  100% {
    background-color: red;
    color: #fff;
  }
}

@keyframes animationbluewhitebg {
  0% {
    background-color: blue;
    color: #fff;
  }

  50% {
    background-color: rgb(200, 200, 255);
    color: #000;
  }

  100% {
    background-color: blue;
    color: #fff;
  }
}


.loader-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

.center-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.notdisplayhover {
  display: none;
}

.notdisplayhoveraction:hover .notdisplayhover {
  display: inline-block;
}

.notdisplayhoveraction {
  height: 41px;
}

.height-card-body-fix {
  height: 222px;
  overflow: auto;
}

.hoverdisplayaction-delete:hover .action-delete {
  display: block;
}

.bg-dark2 {
  background: rgb(65, 0, 85) !important;
  color: white !Important;
}

.mw-50 {
  max-width: 50%;
}

.brand-item:hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.badgeLampeggioNotifica {
  position: absolute;
  right: 5px;
  height: 25px;
  width: 25px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 22px;
  border-radius: 100%;
}

.badgeLampeggioNotifica.red {
  animation-name: animationredwhitebg;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  background: red;
}

.badgeLampeggioNotifica.blue {
  animation-name: animationbluewhitebg;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  background: blue;
}

a[href="#"] .badgeLampeggioNotifica {
  right: 40px;
}

[class*="sidebar-light"] .brand-link {
  border-bottom: 0px;
}