/* Your app custom styles here */
:root {
--f7-table-body-font-size: 11px;
--f7-font-size: 12px;
--f7-table-size: 11px;
--f7-card-header-font-size: 1.5em;
--f7-table-input-height: 14px;
}


table,tr,td{
    border:0.5px solid gray
}
table th{
    background-color: var(--f7-bars-bg-color);
}

.disetujui{

  background: rgb(58, 17, 205);
  color:rgb(245, 240, 240)

}
.blockinput{
    background-color: var(--f7-bars-bg-color);
    padding:10px;
}

.inputdiv{
    border-bottom:0.3px solid gray;
}

.invalid{
    border: 0.5px solid red;
}
input[readonly] {

    background-color: rgb(183, 204, 44) !important;
    color : rgb(7, 7, 6) !important ;
}

table.cetak{
    border:0.5px solid black;
    border-collapse:collapse;
     
     } 
    
  
    table.cetak>tr>th{
  
      background:var(--f7-theme-color);
      color:white;
      text-align:center;
      line-height:10px;
      font: bold 11px/25px;
      border:1px solid white;
      
    }	
    
     
  
    table.cetak thead{
      background:var(--f7-theme-color);
      border:1px solid white;
      color:white;
    }	
  
  
    table.cetak>tr:hover{
    background:yellow;	
  
    }
    
    table.cetak td{
    border:0.5px solid black;
    }
  

   
  td:empty::after {
    content: " ";
  }