html {
    scroll-behavior: smooth;
    scroll-padding-top: 75px;

  }

body {
    background-color: #fbfbfb;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    }
    @media (max-width: 900px) {
        .table-desc {
            display:none;
        }
    }
    @media (max-width: 1024px) {
      .btn-print{
        display: none;
      }
  }
    @media (min-width: 991.98px) {
    main {
    padding-left: 340px;
    }
    .nopc {
        display:none;
    }
    .list-group-item {
        padding: 10px 5px;
    }
    }
    .header-button {
        font-size:14px;
        background-color: #098BA3;
        border-radius: 50px;
    }
    .header-button:focus {
        background-color: #098BA3;
    }
    .header-button:hover {
        background-color: #098BA3;
    }
     /* Стили для прелоадера */
  #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(255,255,255,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .btn {
    --mdb-btn-padding-x: 0.9rem;
  }
  /* Стили для анимированной иконки (в данном случае, простой круговой индикатор) */
  .spinner {
    border: 8px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top: 8px solid #000;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
  }
  /* Анимация вращения */
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
    /* Sidebar */
    .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    /*padding: 58px 0 0; /* Height of navbar */
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    width: 340px;
    z-index: 600;
    overflow-y: scroll;
    margin-top: 74px;
    }
    .list-sidebar {
        border:none;
        font-size:12px;
        list-style: none;
        line-height: 15px;
    }
   
    .list-sidebar::before {
        content: ">";
    }
    @media (max-width: 991.98px) {
   
    .navbar-brand {
      display: none!important;
    }
    .sidebar {
    width: 100%;
    }
    .navbar-brand {
        margin-left:auto;
        width:auto;
        margin-right: 0;
    }

    }
    .sidebar .active {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    }
    
    .sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    }
    .navigation li.current a {
        color: green!important;
    }
    .table>thead {
        vertical-align: middle;
    }
    .row > * {
        padding: 10px;
      }
    .row {
    padding: 10px;
    --mdb-gutter-x : 0;
    border-bottom: 1px solid black;
    align-items: center;
    }
    .table-price {
        font-size: 12px;
    }
    .table-desc {
        width: 100%;
    }
    .table-nazv {
        width:13%;
        padding:0!important;
    }
    .table>:not(caption)>*>* {
        padding: 4px 10px;
        page-break-inside: avoid;
    }
    @media print {
          .noprint {
             display: none;
             }
          .table>:not(caption)>*>* {
            font-size:6px;
        }
        .table-desc {
            display: table-cell;
        }
    }
  .btn-secondary {
    background: #2e5da1;
    color: white;
  }      
  .btn-secondary:hover {
    background: #2e5da1;
    color: white;
  } 
  .btn-pdf {
    background: #e3485d;
    color: white;
  }      
  .btn-pdf:hover {
    background: #e3485d;
    color: white;
  }  
  .btn-print {
    background: #929292;
    color: white;
  }      
  .btn-print:hover {
    background: #929292;
    color: white;
  }   
  .btn-full {
    background: #098BA3;
    color: white;
    border-radius: 5px;
  }      
  .btn-full:hover {
    background: #098BA3;
    color: white;
  }  
  .btn-pdf {
  display: none;
}
  .header-span {
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    padding-right:15px;
  }