body
{
  overflow: hidden;
  background: #f0f4f8!important;

}



.top_panel
{
  border: var(--bs-card-border);
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  background: var(--bs-card-background-color);
  height: 45px;
  box-shadow: var(--bs-card-box-shadow);
  position: fixed;
  left: 51px;
  top: 0px;

   z-index: 5;
     width: calc(100% - 53px);

}

.top_sub_panel
{

  width: 100%;
  border-bottom: var(--bs-card-border);
  height: 55px;
}


.left_panel
{
  border: var(--bs-card-border);
  border-left: 0px;
  border-bottom: 0px;
  border-top: 0px;
  background: var(--bs-card-background-color);
  box-shadow: var(--bs-card-box-shadow);
  position: fixed;
  left: 0px;
  top:0px;
  height: 100%;
  z-index: 999;


  
}

.button_panel 
{
  padding: 10px;
  border: var(--bs-card-border);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
      background: var(--bs-card-background-color);
      z-index: 1;

}


.content_wrap
{
  padding-left: 50px;
  padding-top: 45px;
}

.top_sub_panel
{
  height: 45px;
  overflow: hidden;
  display: flex;                 /* d-flex */
  justify-content: space-between;/* justify-content-between */
  align-items: center;           /* align-items-center */
  padding: 0rem 1rem;
}



.type_com_admin
{
  height: calc(100vh - 100px);
}

.content_wrap .type_com_admin
{
  height: calc(100vh - 140px);
}

.type_hlp_list_article, form, .fld_table_system_front, .type_hlp_edit_article
{
  height: 100%;
}






.breadcrumb
{
  margin-bottom: 0px!important;
}

/* Сам "полоска" скролла */
::-webkit-scrollbar {
  width: 8px;             /* толщина вертикального скролла */
  height: 8px;            /* толщина горизонтального */
}

/* Дорожка (фон) */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);

}

/* Ползунок */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  
}

/* При наведении */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}