

:root {
  
    --body-bg-color: #FFFFFF;
  
  
    --bg-page-header: #008BCB;
  
  
  
  
    --icon-color: #008BCB;
   
}








  .search-form__input-group,
  .category-list-item-wrapper--startpage,
  .forum-dialog-container,
  .content__plate
   {
    border: 1px solid #B2B5BD;
  }

  @media (min-width: 768px) {

    .toplist {
      border-bottom: 1px solid #B2B5BD;
    }

   .content__plate {
      margin-right: -1px;
      margin-left: -1px;
    }
  }




  body {
    background-color: #FFFFFF;
  }

  @media print {
    .header {
      background-color: #FFFFFF !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(255, 255, 255, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(0, 0%, 85%);
  }





  .background-image {
    display: block;
  }













  .background-image,
  .widget .background-image {
    background-color: #008BCB;
  }

  @media print {
    .header {
      background-color: #008BCB !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(0, 139, 203, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(199, 100%, 25%);
  }



  .icon-color,
  .custom-icon-wrapper,
  .custom-icon-wrapper--color-only {
    color: #008BCB;
  }

  a:focus .icon-color,
  a:hover .icon-color,
  button:focus .icon-color,
  button:hover .icon-color,
  a:focus .custom-icon-wrapper,
  a:hover .custom-icon-wrapper,
  .main__aside button:focus .custom-icon-wrapper,
  .main__aside button:hover .custom-icon-wrapper,
  .category-list a:focus .custom-icon-wrapper,
  .category-list a:hover .custom-icon-wrapper {
    color: #00577E;
  }

  @media print {
    .main__aside .category-list-item__icon,
    .main__aside .category-list-item .link-color[aria-expanded="true"] .custom-icon-wrapper,
    a:focus .custom-icon-wrapper,
    a:hover .custom-icon-wrapper,
    .main__aside button:focus .custom-icon-wrapper,
    .main__aside button:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper,
    .category-list a:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper--color-only,
    .category-list a:hover .custom-icon-wrapper--color-only {
      color: #008BCB;
    }
  }


