/* 
    Created on : 05-nov-2020, 14:29:13
    Author     : Sebastian Gonzalez (Prisma Soluciones SpA 2020)
*/

   
   /*
        INI: CSS autocomplete
   */
  
   .prisma_comunaAutocomplete {
      position: relative;
      display: inline-block;
      width:100%;
   }
 
   .prisma_comunaAutocomplete input{
      width:100%;
   }
   
   .prisma_comunaAutocomplete-items {
      position: absolute;
      border-bottom: none;
      border-top: none;
      z-index: 99;
      top: 100%;
      left: 0;
      right: 0;
      background-color: #FFF;
   }
   .prisma_comunaAutocomplete-items div {
      padding: 10px;
      cursor: pointer;
      border: 1px solid #333;
      border-bottom: 1px solid #333;
   }
   .prisma_comunaAutocomplete-items div:hover {
      background-color: #ddd;
   }
   .prisma_comunaAutocomplete-active {
      /* background-color: rgb(30, 255, 169) !important; 
      color: #fff; */
      background-color: #ddd !important;
      
   }
   
   /*
        FIN: CSS autocomplete
   */
   

   /*
        INI: CSS table scrolleable
   */
   .tableFixHead {
        overflow-y: auto;
        padding: 0px;
        margin: 0px;
      }
      .tableFixHead thead th {
        position: sticky;
        top: 0;
      }
      .tableFixHead tfoot td {
        position: sticky;
        bottom: 10;
        margin-bottom: 0px;
        padding-bottom: 0px;
      }
      table {
        width: 100%;
        height: 100%;
      }
      th,
      td {
         padding: 8px 16px; 
      }
      th {
        background: #eee;
      }
      
      tfoot tr td {
        background: #FFF;
      }
      
      .tableFixHead, .tableFixHead td {
        box-shadow: inset 1px -1px #000;
      }
      
      
      .tableFixHead th {
        box-shadow: inset 1px 1px #000, 0 1px #000;
      }
      
      .tableFixHead tfoot td {
         box-shadow: inset 1px 1px #000, 0 1px #000;
      }

   /*
        FIN: CSS table scrolleable
   */

.btn-wsp{
    position:fixed;
    width:60px;
    height:60px;
    line-height: 63px;
    bottom:25px;
    right:25px;
    background:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:35px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
}
.btn-wsp:hover{
    background: #20ba5a;
}
@media only screen and (min-width:320px) and (max-width:768px){
    .btn-wsp{
        width:63px;
        height:63px;
        line-height: 66px;
	}
}