body, .card .card-body {
         }
    .tooltip-container {
      position: relative;
      display: inline-block;
    }

    .tooltip {
      visibility: hidden;
      background-color: #333;
      color: #fff;
      text-align: center;
      padding: 6px 10px;
      border-radius: 6px;
      position: absolute;
      top: -40px;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.3s;
      font-size: 14px;
    }

    .tooltip::after {
      content: '';
      position: absolute;
      bottom: -6px;
      left: 50%;
      margin-left: -5px;
      border-width: 6px;
      border-style: solid;
      border-color: #333 transparent transparent transparent;
    }

    .tooltip-container:hover .tooltip {
      visibility: visible;
      opacity: 1;
    }
    
       </style>

     
               <!-- Google tag (gtag.js) -->
<style>
.container {
max-width: 1420px;}

.navbar-nav .nav-link {
 font-weight: bold;
 font-size: 100%;}
 

.my-5 {
     margin-top: 0rem !important;
 margin-bottom: 0rem !important;}

.item-box {
 box-shadow: 0px 0px 4px rgba(23, 43, 76, 0.3);
 transition: box-shadow 0.3s ease;}

.item-box:hover {
box-shadow: 0px 0px 8px 4px rgba(23, 43, 76, 0.3);}

.card {
border: 1px solid #e6e6e6;}
.card .card-body {
 padding: 1.0rem; }

.theme-dark .mb-3 {
background: inherit !important;}

a:hover {
text-decoration: underline;}

.bg-gradient-info {
background: #172b4c;}

.bg-gradient-info:hover {
background: #172b4c !important;}
avatar {
 height: 36px;}
</style>

     
     <!-- Livewire Styles -->
<style >
 [wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {
     display: none;
 }

 [wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {
     display:none;
 }

 [wire\:offline] {
     display: none;
 }

 [wire\:dirty]:not(textarea):not(input):not(select) {
     display: none;
 }

 input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
     animation-duration: 50000s;
     animation-name: livewireautofill;
 }

   
 @keyframes livewireautofill { from {} }