:root {
  
    --body-bg-color: #504DA8;
  
  
  
  
  
    --icon-color: #48D44B;
   
}








  .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: #504DA8;
  }

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

  .widget .widget-button {
    background-color: rgba(80, 77, 168, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(242, 37%, 33%);
  }



  @media (min-width: 768px) {
    .background-image {
      height: 105.5rem;
    }

    .background-image::before {
      display: block;
      
      background-image:
        linear-gradient(
          to bottom,
          rgba(80, 77, 168, 0.0),
          #504DA8
        );
      
    }
  }



  .background-image {
    display: block;
  }





  @media (min-width: 768px) {
    .background-image {
      background-image: url("/uploaded_files/120/6b5b3b2cf38442f2b8453bfab3c446a8/Lekspaden_Street_Final.jpg");
    }
  }











  .icon-color,
  .custom-icon-wrapper,
  .custom-icon-wrapper--color-only {
    color: #48D44B;
  }

  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: #27A82A;
  }

  @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: #48D44B;
    }
  }