@font-face {
    font-family: Acme-Regular;
    src: url(../font/Acme-Regular.ttf);
}

.card {
    background-color: #e9dee1;
    margin-top: 95px;
  }

  .card-body {
    background-color: #e9dee1;
    background-color: #e9dee1;
    margin-top: 0px;
    border: none;
  }
.header-form {
  padding-left: 5px;
  padding-top: 0px;
  padding-right: 10px;
  height: 40px;
  background-color: rgb(203, 169, 55) !important;
  text-align: center;
 
}
body {
    background-color: #eee;
  }
  
  .body-color {
    background-color: #eee;
  }
.close-color{
    color:#ffffff;
    padding-top:3px;
}
.close-color:hover {
    color:#9b4a4a;
}
.navbar-login {
    background-color: #6d4e54;
    padding-left: 10px;
    height: 40px;
    padding-top: 0px;
    color: #ffffff;
}

.wrapper {
    width: 100%;
    position: absolute;
    height: 100%;
    background-color: rgb(203, 169, 55);
    clip-path: polygon(81% 0, 100% 0, 100% 50%, 100% 100%, 71% 100%);
    transition: 1s all;
  }
  
  .navbar {
    background-color: #a6a0d7;
  }
  
  body {
    background-color: #eee;
  }
  
  .body-color {
    background-color: #eee;
  }
  .text-bar {
    color: #000000 !important;
  }
.navbar-brand {
    color: #fff;
    font-family: "Allerta Stencil", sans-serif;
    margin-bottom: 4px;
    font-size: 24px;
  }
.text-header {
    position: relative;
    margin-bottom: 2px;
    font-family: "Roboto", sans-serif;
    font-size: 0.9rem;
    color: #000000;
    text-align: center;
    line-height: 40px;
  }
.text-header-login {
    /*per centrare il testo nell'header cambiamo right poichè nel container abbiamo azzerato i padding*/
    float: left;
    padding-top: 3px;
    margin-left: 5px;
    color:#000000;
}
.container {
    margin-top: 20px;
}
.img-header {
    float: left;
    padding-top: 3px;
    margin-left: 5px;
  }
.title-img {
    text-align: center;
    padding-top: 5px;
    
}

.text-img {
    font-family: Acme-Regular;
    padding-bottom: 30px;
    color:#c98d1c;
}
.img-width{
    width:100px;
}
.text-login {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    height: 30px;
    border: none;
    border-bottom: 1px solid #8f5e69;
    outline: none;
    box-shadow: none !important;
    padding-left: 20px;
    padding-right: 10px;
    color: black;
    background-color: #e9dee1;
}

.grassetto{
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 600;
}

.link {
   
    color: #ffffff;
}

.link:hover {
   
    color: #000000;
}
/*=======================================================*/
.btn-form{
    background-color: #04a80a;
    border: 1px solid #0b9b9b;
    border-radius: 0px;
    color: #000000;
    width:80px;
    height: 30px;
}

.btn-video {
    display: inline-block;
    background-color: #9abba7;
    position: relative;
    width: 135px;
    height: 35px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #9abba7;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-align: center;
}

.btn-video:hover {
    display: inline-block;
    background-color: #ffffff;
    position: relative;
    width: 135px;
    height: 35px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #005d54;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-align: center;
}
.icona{
    cursor: pointer; 
    color:green;
    font-size:40px;
    
}
.btn-grid {
    margin-right: 1px !important;
    text-align: left;
    vertical-align: middle;
    text-align:center;
    height: 38px;
    width: auto;
    padding: 0px 8px;
    border-radius: 0px;
    background-color: #2c8a8a;
    border: 1px solid #2c8a8a;
    font: normal normal 0.8rem arial;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-grid:hover {
    background-color: #cf5e18;
    border: 1px solid #cf5e18;
    color: #ffffff;
}

.btn-grid-esami {
    display: inline-block;
    background-color: #0e0d0d;
    position: relative;
    height: 28px;
    margin-right: 1px;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #0e0d0d;
    color: #b1e4be;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    text-align: center;
}

.btn-grid-esami:hover {
    display: inline-block;
    background-color: #505251;
    position: relative;
    height: 28px;
    margin-right: 1px;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #505251;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    text-align: center;
}

.btn-gare{
    margin-right: 1px !important;
    vertical-align: middle;
    text-align:center;
    height: 28px;
    width: 65px;
    padding: 0px 1px;
    border-radius: 0px;
    background-color: #2c8a8a;
    border: 1px solid #2c8a8a;
    font: normal normal 0.8rem arial;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;  
}


.btn-gare-pagato{
    margin-right: 1px !important;
    vertical-align: middle;
    text-align:center;
    height: 30px;
    width:45px;
    padding: 0px 1px;
    border-radius: 0px;
    background-color: #2c8a8a;
    border: 1px solid #2c8a8a;
    font: normal normal 0.8rem arial;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;  
}
.link-login {
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    color: #5a4ee1;
    float: right;
    padding-right: 20px;
    margin-left: 20px;
    cursor: pointer;
}
.content-title{
margin-top:-25px;
}
.btn-link-login {
    margin-top: 15px;
    margin-bottom: 50px;
    border: 0px solid #f7a204;
    background-color: #222222;
    color: #f7a204;
    border-radius: 10px;
    text-align: center;
    height: 20px;
    width: 150px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.6rem;
    cursor: pointer;
}

.btn-link-login:hover {
    margin-top: 15px;
    border: 1px solid #f7a204;
    border-radius: 10px;
    text-align: center;
    height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.7rem;
    background-color: #504f4f;
    color: #ffffff;
    cursor: pointer;
}
.check_box {
    border-radius: 2px;
    cursor: pointer;
    margin-left: -5px;
    color:#ffffff;
  
}

.check-text {
    font-family: 'Roboto', sans-serif;
    font-size: 0.75rem !important;
    color: #292b2a;
    text-align: justify;
}
.remember{
    height:20px;
    background-color:#9A616D;
    padding-top:0px;
    padding-left:20px;
    padding-right:25px;
    border-radius: 0.25rem;
}
.btn-login {
    display: inline-block;
    background-color: #0e0d0d;
    position: relative;
    height: 35px;
    margin-right: 1px;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #0e0d0d;
    color: #b1e4be;
    font-family: 'Roboto', sans-serif;
    font-size: 0.95rem;
    text-align: center;
}

.btn-login:hover {
    display: inline-block;
    background-color: #505251;
    position: relative;
    height: 35px;
    margin-right: 1px;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #505251;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 0.95rem;
    text-align: center;
}

.btn-login-delete {
    display: inline-block;
    background-color: #a23535;
    position: relative;
    height: 35px;
    margin-right: px;
    margin-left: 1px;
    margin-top: 0px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #a23535;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 0.95rem;
    text-align: center;
}

.btn-login-delete:hover {
    display: inline-block;
    background-color: #d10606;
    position: relative;
    height: 35px;
    margin-right: 0px;
    margin-left: 1px;
    margin-top: 0px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #d10606;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 0.95rem;
    text-align: center;
}

.btn-barcode {
    display: inline-block;
    background-color: #edb704;
    position: relative;
    height: 35px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #edb704;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 0.95rem;
    text-align: center;
}

.btn-barcode:hover {
    display: inline-block;
    background-color: #505251;
    position: relative;
    height: 35px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #505251;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 0.95rem;
    text-align: center;
}

.btn-menu-allenamenti {
    background-color: rgba(154, 97, 109, .2) 0 -25px 18px -14px;
    width: 100%;
    border-radius: 0px;
    box-shadow: rgba(154, 97, 109, .2) 0 -25px 18px -14px inset, rgba(154, 97, 109, .15) 0 1px 2px, rgba(154, 97, 109, .15) 0 2px 4px, rgba(154, 97, 109, .15) 0 4px 8px, rgba(154, 97, 109, .15) 0 8px 16px, rgba(154, 97, 109, .15) 0 16px 32px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 0;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btn-menu-allenamenti:hover {
    box-shadow: rgba(154, 97, 109, .35) 0 -25px 18px -14px inset, rgba(154, 97, 109, .25) 0 1px 2px, rgba(154, 97, 109, .25) 0 2px 4px, rgba(154, 97, 109, .25) 0 4px 8px, rgba(154, 97, 109, .25) 0 8px 16px, rgba(154, 97, 109, .25) 0 16px 32px;
    /*transform: scale(1.05) rotate(-1deg);*/
}

.btn-menu-gare {
    background-color: rgba(245, 134, 8, 0.3);
    width: 100%;
    border-radius: 0px;
    box-shadow: rgba(154, 97, 109, .2) 0 -25px 18px -14px inset, rgba(154, 97, 109, .15) 0 1px 2px, rgba(154, 97, 109, .15) 0 2px 4px, rgba(154, 97, 109, .15) 0 4px 8px, rgba(154, 97, 109, .15) 0 8px 16px, rgba(154, 97, 109, .15) 0 16px 32px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 0;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btn-menu-gare:hover {
    box-shadow: rgba(245, 134, 8, .35) 0 -25px 18px -14px inset, rgba(245, 134, 8, .25) 0 1px 2px, rgba(245, 134, 8, .25) 0 2px 4px, rgba(245, 134, 8, .25) 0 4px 8px, rgba(245, 134, 8, .25) 0 8px 16px, rgba(245, 134, 8, .25) 0 16px 32px;
    /*transform: scale(1.05) rotate(-1deg);*/
}

.label-vers{
    font-family: 'Roboto', sans-serif;
    font-size: 0.6rem;
    text-align: center; 
}
.label-login{
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    text-align: center; 
    margin-bottom: 1px;
    margin-top: 15px;
    padding-left: 20px;
}
.modal-header {
    background-color: #2c8a8a;
    padding-left: 10px;
    height: 44px;
    padding-top: 5px;
    color: #ffffff;
    border-radius: 0px;
    margin-top:-30px;
   
}


.modal-card {
    border-radius: 0px;
    background-color: #ffffff;
}
.modal-title {
    color: #ffffff;
    padding-top: 8px;
    padding-left: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.85rem;
    text-align: center;
}
.custom-file {
    background-color: #8f5e69;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    height: 30px;
    border: 1px solid #8f5e69;
    border-radius: 0.25rem;
    /*border-bottom: 1px solid #9a9a9a;*/
    outline: none;
    box-shadow: none !important;
    padding-top: 0px;
    padding-left: 1px;
    padding-bottom: 2px;
    color: #ffffff;
}
.margin-top-modale{
margin-top:60px;
}
.titoloform{
    margin-top:-25px;
    font-weight: 600;
}

.text-as-label-modal {
    background-color: #ffffff;
    border: 0px solid #ffffff;
    width: 90%;
    height: 30px;
    padding-top: 3px;
    font-family: Arial;
    font-size: 14px;
    color: #000000 !important;
    text-align:center;
} 
.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}
.select-box {
    display: block;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.3;
    padding: .3em 1.4em .5em .8em;
    width: 100%;
  
    height: 30px;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    border-radius: .3em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #e9dee1;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    cursor: pointer;
}

.select-box::-ms-expand {
    display: none;
}

.select-box:hover {
    border-color: #888;
}

.select-box:focus {
    border-color: #aaa;
    /*box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);*/
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

.select-box option {
    font-weight: normal;
    background-color: #ffffff;
    color: #000000;
}


.combobox {
    background-color: #ffffff;
    border: 1px solid #b1aeaf;
    height: 30px;
    padding-top: 3px;
    font-family: Arial;
    font-size: 14px;
    color: #000000 !important;
}

.combobox:focus {
    border: 1px solid #b1aeaf;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.combobox:read-only {
    background-color: #ffffff;
}


.input-read-only:read-only{
    background-color: #ffffff;
    border: 1px solid #b1aeaf;
    height: 30px;
    padding-top: 3px;
    font-family: Arial;
    font-size: 14px;
    color: #000000 !important;
}
.btn-menu {
    background-color: #c2fbd7;
    width: 100%;
    border-radius: 0px;
    box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset, rgba(44, 187, 99, .15) 0 1px 2px, rgba(44, 187, 99, .15) 0 2px 4px, rgba(44, 187, 99, .15) 0 4px 8px, rgba(44, 187, 99, .15) 0 8px 16px, rgba(44, 187, 99, .15) 0 16px 32px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 0;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btn-menu:hover {
    box-shadow: rgba(44, 187, 99, .35) 0 -25px 18px -14px inset, rgba(44, 187, 99, .25) 0 1px 2px, rgba(44, 187, 99, .25) 0 2px 4px, rgba(44, 187, 99, .25) 0 4px 8px, rgba(44, 187, 99, .25) 0 8px 16px, rgba(44, 187, 99, .25) 0 16px 32px;
    /*transform: scale(1.05) rotate(-1deg);*/
}

.btn-menu-riservata {
    background-color: rgba(149, 5, 36, 0.3);
    width: 100%;
    border-radius: 0px;
    box-shadow: rgba(154, 97, 109, .2) 0 -25px 18px -14px inset, rgba(154, 97, 109, .15) 0 1px 2px, rgba(154, 97, 109, .15) 0 2px 4px, rgba(154, 97, 109, .15) 0 4px 8px, rgba(154, 97, 109, .15) 0 8px 16px, rgba(154, 97, 109, .15) 0 16px 32px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 0;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btn-menu-riservata:hover {
    box-shadow: rgba(154, 97, 109, .35) 0 -25px 18px -14px inset, rgba(154, 97, 109, .25) 0 1px 2px, rgba(154, 97, 109, .25) 0 2px 4px, rgba(154, 97, 109, .25) 0 4px 8px, rgba(154, 97, 109, .25) 0 8px 16px, rgba(154, 97, 109, .25) 0 16px 32px;
    /*transform: scale(1.05) rotate(-1deg);*/
}


.btn-punti-verde {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    border: 1px solid #009588;
    border-radius: 1px;
    background-color: #009588;
    font-family: 'Roboto', sans-serif;
    font-size: 0.5rem;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.btn-punti-verde:hover {
    background-color: #006244;
    border: 1px solid #006244;
    color: #ffffff;
}

.btn-punti-rosso {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    border: 1px solid #960e0e;
    border-radius: 1px;
    background-color: #960e0e;
    font-family: 'Roboto', sans-serif;
    font-size: 0.5rem;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-punti-rosso:hover {
    background-color: #f50808;
    border: 1px solid #f50808;
    color: #000000;
}

.btn-punti-delete {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    width: 60px;
    vertical-align: middle;
    border: 1px solid #f56d6d;
    border-radius: 1px;
    background-color: #f56d6d;
    font-family: 'Roboto', sans-serif;
    font-size: 0.5rem;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.btn-punti-delete:hover {
    background-color: #f56d6d;
    border: 1px solid #f56d6d;
    color: #ffffff;
}

.btn-note {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    width: 100%;
    vertical-align: middle;
    border: 1px solid #009588;
    border-radius: 1px;
    background-color: #009588;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.btn-note:hover {
    background-color: #006244;
    border: 1px solid #006244;
    color: #ffffff;
}


.btn-note-verde {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    width: 40%;
    vertical-align: middle;
    border: 1px solid #009588;
    border-radius: 1px;
    background-color: #009588;
    font-family: 'Roboto', sans-serif;
    font-size: 0.5rem;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.btn-note-verde:hover {
    background-color: #006244;
    border: 1px solid #006244;
    color: #ffffff;
}

.btn-note-rosso {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    width: 40%;
    vertical-align: middle;
    border: 1px solid red;
    border-radius: 1px;
    background-color: red;
    font-family: 'Roboto', sans-serif;
    font-size: 0.5rem;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.btn-note-rosso:hover {
    background-color: red;
    border: 1px solid red;
    color: #ffffff;
}

.btn-note-delete {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    width: 60px;
    vertical-align: middle;
    border: 1px solid #f56d6d;
    border-radius: 1px;
    background-color: #f56d6d;
    font-family: 'Roboto', sans-serif;
    font-size: 0.5rem;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.btn-note-delete:hover {
    background-color: #f56d6d;
    border: 1px solid #f56d6d;
    color: #ffffff;
}

.btn-xxsmall-verde {
    background-color: #009588;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    text-align: center;
    text-decoration: none;
    border: 0;
    font-size: 16px;
}

.btn-xsmall-verde {
    width: 40px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    border-radius: 0px;
    border: 1px solid #9abba7;
    background: #9abba7;
}

.btn-xsmall-verde:hover {
    background-color: #009588;
    border: 1px solid #c5caca;
    border-radius: 0px;
    color: #ffffff;
}

.btn-xsmall-giallo {
    width: 40px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    color: #101010;
    font-family: Arial;
    font-size: 12px;
    border-radius: 0px;
    border: 1px solid #ea850a;
    background: #ea850a;
}

.btn-xsmall-giallo:hover {
    background-color: #ea850a;
    border: 1px solid #ea850a;
    color: #ffffff;
}

.btn-small-erase {
    width: 100%;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    color: #101010;
    font-family: Arial;
    font-size: 12px;
    border-radius: 0px;
    border: 1px solid #ea850a;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
}

.btn-small-erase:hover {
    background-color: #b07500;
    border: 1px solid #b07500;
    color: #464444;
    border-radius: 0px !important;
}

.btn-small-verde {
    background-color: #009588;
    width: 58px;
    height: 30px;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    text-align: center;
    text-decoration: none;
    border: 0;
    font-size: 16px;
}
.btn-adesione-si {
    display: inline-block;
    background-color: #099c41;
    position: relative;
    width: 100px;
    height: 35px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #099c41;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    text-align: center;
}

.btn-adesione-si:hover {
    display: inline-block;
    background-color: #8f5e69;
    position: relative;
    width: 100px;
    height: 35px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #8f5e69;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 1.01rem;
    text-align: center;
}

.btn-adesione-no {
    display: inline-block;
    background-color: #a31b1b;
    position: relative;
    width: 100px;
    height: 35px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #a31b1b;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    text-align: center;
}

.btn-adesione-no:hover {
    display: inline-block;
    background-color: #8f5e69;
    position: relative;
    width: 100px;
    height: 35px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1px;
    padding-top: 4px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid #8f5e69;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 1.01rem;
    text-align: center;
}

.btn-small-verde:hover {
    background-color: #09d1c0;
    border: 1px solid #c5caca;
    border-radius: 0px;
    color: #000000;
}

.btn-small-giallo {
    width: 58px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    text-align: center;
    text-decoration: none;
    border: 0;
    font-size: 16px;
    border: 1px solid #cf5e18;
    background: #cf5e18;
}

.btn-small-giallo:hover {
    background-color: #cf5e18;
    border: 1px solid #cf5e18;
    color: #ffffff;
}

.btn-xxsmall-verde {
    background-color: #009588;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    text-align: center;
    text-decoration: none;
    border: 0;
    font-size: 16px;
}

.btn-xxsmall-verde:hover {
    background-color: #09d1c0;
    border: 1px solid #c5caca;
    border-radius: 0px;
    color: #000000;
}

.btn-xxsmall-giallo {
    background: #cf5e18;
    width: 35px;
    height: 30px;
    display: inline-block;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    text-align: center;
    text-decoration: none;
    border: 0;
    font-size: 16px;
}

.btn-xxsmall-giallo:hover {
    background-color: #cf5e18;
    border: 1px solid #cf5e18;
    color: #ffffff;
}
.xxcombobox {
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    height: 30px;
    width: auto;
    background-color: #e9dee1;
    border: 1px solid #a39296;
    outline: none;
    box-shadow: none !important;
    color: black;
    text-align: left;
    margin-left: 1px;
}

.xxcombobox:focus {
    /*background-color: #c7c7c7;*/
    border: 1px solid #000000;
    color: #000000;
    border-bottom: 2px solid #ffaa00;
}

.xxcombobox:read-only {
    background-color: #e9dee1;
}








/*TABELLA RUBRICA RESPONSIVE OK*/
  /*/////////////////////////////////////////////////////////////////////////////*/
        
  @media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
      .body-color {
          background-color: #ffffff;
      }
      .container {
          margin-top: 0px;
          padding-left: 0px;
          padding-right: 0px;
      }


      .text-header-login {
          /*per centrare il testo nell'header cambiamo right poichè nel container abbiamo azzerato i padding*/
          position: absolute;
          right: 47%;
          padding-top: 2px;
      }
      .text-header-form {
          /*per centrare il testo nell'header cambiamo right poichè nel container abbiamo azzerato i padding*/
          position: absolute;
          padding-left: 50px;
          padding-top: 5px;
      }
      .text-header-modal {
          /*per centrare il testo nell'header cambiamo right poichè nel container abbiamo azzerato i padding*/
          position: absolute;
          right: 30%;
          padding-top: 2px;
      }
  }
  /*TABELLA anagrafica RESPONSIVE OK*/

.customers {
    font-family: Tahoma, Geneva, sans-serif;
    border-collapse: collapse;
    width: 100%;
    overflow: auto;
    font-style: normal;
    font-size: 0.8rem;
    background-color: #e9dee1;
  }
  
  .customers td {
    border: 0px solid #ffffff;
    padding: 6px;
    font-family: Tahoma, Geneva, sans-serif;
    font-style: normal;
    font-size: 0.9rem;
  }
  
  .customers tr:nth-child(even) {
    background-color: #f2e5e5;
  }
  /*.customers tr:hover {
        background-color: #b3aeae;
    }*/
  .customers th {
    /* barra intestazione tabella*/
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: rgb(203, 169, 55) !important;
    color: #000000;
    font-weight: lighter;
    font-size: 0.9rem;
  }
  /*CSS HEADER FIXED*/
  
  .customers header-fixed {
    position: fixed;
    top: 50px;
    z-index: 1020;
    background-color: #90767b;
    /* 10 less than .navbar-fixed to prevent any overlap */
  }
  /* fine tabella anagrafica*/
  /*
  Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
  */
  
  @media only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
      display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    tr:nth-child(odd) {
      /*background color griglia collassata*/
      background: #f2e5e5;
      border: 0px solid #ffffff;
    }
    td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 100%;
    }
    td:before {
      /* Now like a table header */
      content: attr(data-label);
  
      width: 100%;
      white-space: nowrap;
      display: inline-block;
    }
  
    /*
    Label the data
  You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
    */
    /*INTESTAZIONE COLONNE QUANDO LA TABELLA COLLASSA*/
    td:nth-of-type(1):before {
      content: attr(data-label);
    }
    td:nth-of-type(2):before {
      content: attr(data-label);
    }
    td:nth-of-type(3):before {
      content: attr(data-label);
      display: block;
      float: none;
    }
    td:nth-of-type(4):before {
      content: attr(data-label);
      display: block;
      float: none;
    }
    td:nth-of-type(5):before {
      content: attr(data-label);
    }
    td:nth-of-type(6):before {
      content: attr(data-label);
    }
    td:nth-of-type(7):before {
      content: attr(data-label);
      display: block;
      float: none;
    }
    td:nth-of-type(8):before {
      content: attr(data-label);
    }
    td:nth-of-type(9):before {
      content: attr(data-label);
    }
    td:nth-of-type(10):before {
      content: attr(data-label);
    }
    td:nth-of-type(11):before {
      content: attr(data-label);
    }
    td:nth-of-type(12):before {
      content: attr(data-label);
    }
    td:nth-of-type(13):before {
      content: attr(data-label);
    }
    td:nth-of-type(14):before {
      content: attr(data-label);
    }
  }
  
  td.azioni {
    white-space: nowrap;
  }