.panel{
        box-shadow: 2px 2px 10px #DADADA;
        background-color: #fff;
        border-radius: 15px;
        transition: .3s linear all;
    }

   .c-title{
      /*      font-weight: bold;*/
      font-size: 17px;
      color: black;
      /*text-align: center;*/
      margin: 0;
      font-family: calibri;
   }
   
   .c-title-big{
      /*      font-weight: bold;*/
      /*font-size: 17px;*/
      color: black;
      text-align: left;
      margin: 0;
      font-family: calibri;
   }

   .c-jml {
      font-size: 28px;
      margin: 0;
      font-family: arial;
      font-weight: bold;
      color: #323d9f;
   }

   .c-produk {
      font-size: 14px;
      margin: 0;
      font-family: arial;
      /*font-weight: bold;*/
      /*color: #323d9f;*/
   }

   .c-nte {
      font-size: 35px;
      margin: 0;
      font-family: arial;
      /*font-weight: bold;*/
      color: #323d9f;
   }

   .img-responsive{
      max-height: 90px;
   }
   .display-4{ 
      color: black;
      font-weight: bold;
   }
   .h-panel{
      height: 185px;
   }
   .h-panel-total{
      height: 125px;
   }
   .mtb-20{
      margin:20px 0;
   }
   .mtb-10{
      margin:10px 0;
   }
    .dashboard-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  }