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

.alert-fixed-top{
    position:fixed; 
    top: 10%; 
    left:25%; 
    width: 50%;
    height: 400px;
    z-index:9999; 
    border-radius:1px;
    text-align: center;
    line-height: 300px;
    font-size: 20px;
    background-color: #fff;
    color:#000;
   
}

.img-class{
   position:fixed;
    top: 150px; 
    left:48%; 
}
.close-alert{
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    border: none;
    color:#0d57fd;
    font-size: 40px;
}
.navbar-login {
    background-color: #000000;
    border-bottom: 1px solid #f10505;
    padding-left: 10px;
    height: 60px;
    margin-top: 5px;
    color: #ffffff;
}

     

.card-body {
    background-color: #000000;
    border: 1px solid #000000;
    height:768px !important;
    width: auto;
}

     
.btn-menu {
    background-color: #000000;
    width:100%;
    height:80px;
    color:rgba(255, 192, 128);
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 1px solid rgba(255, 192, 128);
    font-size: 25px;
    user-select: none;
   
}

.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-tastiera {
    background-color: #000000;
    width:100%;
    height:80px;
    color:rgba(255, 192, 128);
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 1px solid rgba(255, 192, 128);
    font-size: 25px;
    user-select: none;
    margin-top: -10px !important;
   
}

.btn-tastiera: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-close {
    background-color: #000000;
    width:80px;
    height:80px;
    color:rgba(255, 192, 128);
    cursor: pointer;
    font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 1px solid rgba(255, 192, 128);
    font-size: 18px;
    user-select: none;
   
}

.btn-close: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-chiama {
    background-color: #000000;
    width:100%;
    height:80px;
    color:green;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    padding: 7px 20px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 1px solid green;
    font-size: 14px;
    user-select: none;

   
}

.btn-chiama: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-riaggancia {
    background-color: #000000;
    width:100%;
    height:80px;
    color:red;
    cursor: pointer;
    display: inline-block;
    font-family:Roboto, sans-serif;
    padding: 7px 7px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 1px solid red;
    font-size: 14px;
    user-select: none; 
}

.btn-riaggancia: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-sms {
    background-color: #000000;
    width:100%;
    height:80px;
    color:rgba(255, 192, 128);
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    padding: 7px 7px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 1px solid rgba(255, 192, 128);
    font-size: 14px;
    user-select: none;
  
}

.btn-sms: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-chiama-griglia {
    background-color: #000000;
    width:100%;
    height:60px;
    color:#ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    padding: 7px 10px;
    
    text-align: left;
    text-decoration: none;
    transition: all 250ms;
    border:none;
    font-style: normal;
    font-size: 1.5rem;
    user-select: none;
  
}

.btn-chiama-griglia: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);*/
}
  /* ======================================= RIMUOVE LO SPAZIO FRA LE COLONNE DELLA GRIGLIA ===============================*/
        
  .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;
}
.altezza-lista {  
    height: 330px !important;   
    overflow:auto;
    border:none !important;
}

.table td{
border:none;

}


.text-as-label {
    width:100%;
    background-color: #000000;
    border: 0px solid #000000;
    height: 30px;
    padding-top: 3px;
    font-family: Arial;
    font-size: 1rem;
    color: #ffffff !important;
    text-align: center;
    
}

.text-as-label:read-only{
    width:100%;
    background-color: #000000;
    border: 0px solid #000000;
    height: 30px;
    padding-top: 3px;
    font-family: Arial;
    font-size: 1rem;
    color: #ffffff !important;
    text-align: center;
}

.label-numero{
    padding-top: 20px;
   color:#ffffff !important;
    font-family: Arial;
    font-size: 2rem; 
}


.label-chiama{
   color:#ffffff !important;
    font-family: Arial;
    font-size: 1.5rem; 
    
}

.text-as-label-chiamata {
    width:100%;
    background-color: #000000;
    border: 0px solid #000000;
    height: 30px;
    padding-top: 3px;
    font-family: Arial;
    font-size: 1rem;
    color: #ffffff !important;
    text-align: center;
}
.text-as-label-chiamata:read-only {
    width:100%;
    background-color: #000000;
    border: 0px solid #000000;
    height: 30px;
    padding-top: 3px;
    font-family: Arial;
    font-size: 1rem;
    color: #ffffff !important;
    text-align: center;
}

    /*FORMATTAZIONE BARRA DI SCORRIMENTO TABELLA CONTATTI*/
    .contenitore {
        width: 500px;
        height: 300px;
        overflow: auto;
        background-color: #000000;
    }

    .contenitore::-webkit-scrollbar {
        width: 50px;
    }

    .contenitore::-webkit-scrollbar-track {
        background-color: #ffffff;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
        border-radius: 10px;
    }
    
    .contenitore::-webkit-scrollbar-thumb {
        background-color: #d18811;
        border-radius: 10px;
        height: 60px;
    }