@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@media (min-width: 768px) {

  .horizontal .hor-header .container,
  .horizontal .horizontal-main .container,
  .horizontal .main-content.horizontal-content .container {
    max-width: 95% !important;
    padding: 0;
  }
}


:root{

  --font-family-sans-serif:'Roboto', sans-serif;
}
body{

  font-family: 'Roboto', sans-serif;
}
.popupButton {
  cursor: pointer;
}

.table th,
.table td {
  padding: 0.5rem;
}

.table .number {
  text-align: right !important;
}

.table th,
.table td {
  /* padding: 9px 8px; */
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 7px;
  padding-left: 8px;
}

.btn,
.sp-container button {
  padding: 0.25rem 0.3rem;
}

.pagination-rounded {
  margin-top: 0.75rem;
}

.fix-sticky table thead {
  background: var(--transparent-body);
}

table a {
  color: var(--primary-bg-color) !important;
}

@media (min-width: 768px) {
  .horizontal .breadcrumb-header {
    margin-top: 10px;
  }
}
.horizontalMenucontainer .main-header.hor-header{

  border-bottom: 2px solid #BA0C2F !important;
}
.main-footer{

  border-top: 2px solid #BA0C2F !important;
}