/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Base Layout.
 */

.container {
  width: 100%;
  max-width: 100%;
  padding-inline: var(--container-padding);

  /* This fixes an issue where if the toolbar is open in vertical mode, and
   * the mobile navigation is open, the "close" button gets pushed outside of
   * the viewport. */
}

body.is-fixed .container {
  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}

.page-wrapper {
  max-width: 100%;
  background: var(--color--white);
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative;
  z-index: 2; /* Ensure dropdown is not cut off by footer. */
}

/* Contains the social sidebar, and the primary content area. */

@media (min-width: 75rem) {
  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}



.main-content__container {
  padding-block-start: var(--sp3);
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp5);
  }
}

/*
 * Contextual link wrappers load without the ".contextual" CSS class, which
 * causes layout shifts. We fix this by setting this to position: absolute;
 */

[data-contextual-id]:not(.contextual) {
  position: absolute;
}

@media(max-width:768px){
    table{
        display: block;
        overflow-x: auto;
        
    }
     table::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 2px;
        height: 2px;
      }
       table::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
          height: 5px;
      }
    .region.region--highlighted.grid-full.layout--pass--content-medium{
            max-width:100%!important;
    width: 100%!important;
    margin:0!important;
    }

}
@media(min-width:768px){
    table{
        display: block;
        overflow-x: auto;
        
    }
     table::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 2px;
        height: 10px;
      }
       table::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
          height: 5px;
      }



}



  td.views-field.views-field-title {
    width: 400px !important;
}
td.priority-medium.views-field.views-field-created {
    width: 200px!important;
}
.page-wrapper,.main-content__container ,.main-content{
    max-width:100%!important;
    width: 100%!important;
    margin:0!important;
}
form#views-exposed-form-taskes-block-2 .fieldset__wrapper {
    display: flex;
        gap: 10px;
}
body{
    background:unset!important;
}
