:root {
  --primary-color: #003882;
  --secondary-color: #decc12;
}

.login-container {
  height: 500px !important;
}

.login-form {
  width: 300px
}

.btn-tdn {
  background-color: var(--primary-color);
  color: #fff;
}



.dim-05 {
  width: 6.25%
}

.dim-1 {
  width: 12.5%
}

.dim-2 {
  width: 25%
}

.dim-3 {
  width: 33.3%
}

.dim-4 {
  width: 50%
}

input[type="text"] {
     width: 100%;
}

input[type="date"] {
     width: 100%;
}

select {
     height: 30px;
}

.padding-as-table {
  padding: 1px;
}

.competenza {
  border: 2px solid var(--primary-color);
}

.label {
  font-size: 10px;
  display: block;
  margin: 0;
  font-weight: bold;
}

.scrollable {
  height: 200px;
  overflow-y: scroll;
}

.text-align-right {
  text-align: right;
}

.padding-03-rem {
  padding: 0.3rem;
}

.secondary-color {
  border: 2px solid var(--secondary-color);;
}

.table-100 {
  width: 100%;
}

 .btn-margin-bottom {
   margin-bottom: 4px;
 }

 .with-border-right {
   border-right: 2px solid var(--primary-color);
 }

 .mobile-campo {
   font-weight: bold;
 }

 .key {
   width: 50px;
 }

 .mobile-esistenza {
   width: 50px !important;
 }

 .mobile-ubicazione {
   width: 50px !important;
 }

 .mobile-dot {
   width: 50px !important;
 }

 .mobile-codice {
   width: 100px !important;
 }

 .font-mobile {
   font-size: 18px !important;
 }

 .mobile-yellow {
   background-color: yellow;
 }

 .mobile-orange {
   background-color: orange;
 }

tr.mobile-dot:nth-child(even) {
   background-color: #CCC;
 }
tr.mobile-dot:nth-child(odd) {
   background-color: #FFF;
 }

 .mobile-section {
   border: 3px solid #000 !important;
 }

 .mobile-section:nth-child(even) {
   border: 3px solid #000 !important;
   background-color: #bef8be;
 }

 .background-danger {
   background-color: #dc3545;
   color: #fff
 }