html ,body {
  font-size: 14px!important;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

#refresh i{
  margin: 0px!important;
}
#refresh i:hover{
  animation: spin 1s ease-in-out 0s normal;
}
.border-custom-bottom-1{
  border-bottom: 1px solid gray;
}

details {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}

details[open] {
  padding: 0.5em;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}

.text-hover-underline:hover{
  text-decoration: underline;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


@media print {
  @page {
    margin-top: -60px;
  }

  body {
    visibility: hidden;
  }

  #kt_header {
    display: none;
  }

  #actionsPrintedArea {
    /* visibility: hidden; */
    margin: 0!important;
    padding: 0!important;
    display: none!important;

  }
  
  #payment_actions {
    /* visibility: hidden; */
    display: none!important;
  }

  #printedInvoice {
    visibility: visible;
    margin: 0px;
    padding: 0px;
    height: 0px;
  }
}