.presenza {
  background-color: #4267b6;
  color: white;
  display: inline-block;
  width: 28px;
  height:28px;
}

.body-color {
  background-color: #edeff1;
  margin: 0px;
}

.area-bianca {
  background-color: white;
}

.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}

.link-color {
  color: white;
}

.link-color:hover {
  color: white;
}

.messaggio-benvenuto-nome {
  color: #4267b6;
  font-size: h4;
}

.navbar-poggibonsi {
  background-color: #36557f;
  color: white;
}

.navbar-brand-sosia {
  align-self: flex-end;
}

.thead-table {
  background-color: #dee2e6;
}

.table td, .table th {
    padding: .25rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-left:none;
    border-right :none;
}

.table-hover tbody tr:hover {
  background-color: #f0f3f6;
}

.tabella-servizi {
  border-bottom:1px solid #dee2e6;
  border-left:none;
  border-right:none;
}

.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 0px;
}

.input-group>.form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* not required */
*, :active {
  outline: none;
}

* {
  padding: 0px;
  margin: 0px;
}

body {
  margin: 20px;
  background-color: #EEEDE9;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 96.5%;
  font-family: Helvetica, Arial, sans-serif;
}

input {
  font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, p {
  margin-bottom: 10px;
}

p {
  line-height: 20px;
}

a {
  text-decoration: none;
  color: #0056b3;
}

.navbar-brand-banner {
  color: white !important;
}

.lead-label {
  color: black !important;
}

.linea-divisoria {
    margin-top: 15px !important;
}

/* MEDIA QUERY / BREAKPOINTS */

/* Schermi grandi o ad alta risoluzione */
@media all and (max-width: 1690px) { ... }

/* Schermi Desktop o Portatili */
@media all and (min-width: 1280px) and (max-width: 1689px) { ... }

/* Tablet in modalità orizzontale */
@media all and (min-width: 737px) and (max-width: 1279px) {

 }

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 736px) {

  .logo-softech {
      display: none;
  }

  .messaggio-benvenuto-nome {
    text-align: center;
  }

  .messaggio-benvenuto {
    text-align: center;
  }

  .navbar-brand-sosia {

  }
  
 }

/* Smartphone o piccoli Tablet */
@media all and (max-width: 576px) {

    .logo-softech {
        display: none;
    }

    .messaggio-benvenuto-nome {
      text-align: center;
    }

    .messaggio-benvenuto {
      text-align: center;
    }
    
    .btn-credenziali-dimenticate {
        margin-top: 15px;
        margin-bottom: 6px;
    }
    
    .btn-ok {
        margin-top: 15px;
        margin-bottom: 6px;
    }    

    .btn-secondary-logout {
      margin-top:15px;
    }

 }