:root{
}

.intervention-block{
  height:inherit;
}

.container{
  width:100%;
  max-width:var(--max-width);
  padding-right:18px;
  padding-left:18px;
}

@media (min-width: 1200px){

.container{
    padding-right:36px;
    padding-left:36px
}
  }

.page-wrapper{
  width:100%;
}

.page-wrapper .grid-named-areas{
    -ms-grid-rows:4.5rem 1fr;
    grid-template-rows:4.5rem 1fr;
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
    grid-template-areas:'header' 'main';
  }

@media (min-width: 1000px){
      .page-wrapper .grid-named-areas.sidebar{
        -ms-grid-columns:1fr 300px;
        grid-template-columns:1fr 300px;
        grid-template-areas:'header header' 'main sidebar';
      }
    }

@media (min-width: 1440px){
      .page-wrapper .grid-named-areas:not(.sidebar) .content-nav .content-container{
        padding-right:10%;
      }
    }

@media (min-width: 1600px){
      .page-wrapper .grid-named-areas:not(.sidebar) .content-nav .content-container{
        padding-right:20%;
      }
    }

.page-wrapper .content-wrapper{
    -ms-grid-row:2;
    -ms-grid-column:1;
    grid-area:main;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0;
    overflow:hidden;
  }

.page-wrapper .content-wrapper .content-container{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-flex:1;
      -ms-flex:1;
      flex:1;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      padding-bottom:1.5rem;
      overflow-y:auto;
      height:100%;
      padding:0 20px;
    }

@media (min-width: 700px){

.page-wrapper .content-wrapper .content-container{
    padding:0 30px;
    }
  }

@media (min-width: 1000px){

.page-wrapper .content-wrapper .content-container{
    padding:0 40px;
    }
  }

@media (min-width: 1200px),(min-width: 1440px){

.page-wrapper .content-wrapper .content-container{
    padding:0 65px;
    }
  }

@media (min-width: 1000px),(min-width: 1200px){

.page-wrapper .content-wrapper .content-container{
        padding-left:25%
    }
      }

.page-wrapper .content-wrapper.wide .content-container, .page-wrapper .content-wrapper.content-nav .content-container{
        padding:0 20px;
      }

@media (min-width: 700px){

.page-wrapper .content-wrapper.wide .content-container, .page-wrapper .content-wrapper.content-nav .content-container{
    padding:0 30px;
      }
  }

@media (min-width: 1000px){

.page-wrapper .content-wrapper.wide .content-container, .page-wrapper .content-wrapper.content-nav .content-container{
    padding:0 40px;
      }
  }

@media (min-width: 1200px),(min-width: 1440px){

.page-wrapper .content-wrapper.wide .content-container, .page-wrapper .content-wrapper.content-nav .content-container{
    padding:0 65px;
      }
  }

.page-wrapper .content-wrapper.grid_messages{
      margin-bottom:0;
    }

.page-wrapper .content-wrapper.grid_messages .content-container{
        padding-bottom:0;
        padding-right:0;
      }

.page-wrapper .content-wrapper.grid_messages .content-container .page-middle{
          margin:0;
          height:100%;
        }

@media (min-width: 1440px){

.page-wrapper .content-wrapper.grid_messages .content-container{
          padding-left:25%
      }
        }

@media (min-width: 1200px){

.layout-main{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
  }

@media (min-width: 1200px){

.main-content{
    width:calc(100% - 90px);
    margin-right:auto
}
  }

.main-content__container{
  padding-top:54px;
}

@media (min-width: 700px){

.main-content__container{
    padding-top:90px
}
  }

.page-right{
  grid-area:sidebar;
  display:none;
  overflow-y:auto;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  background-color:#f0f0f0;
  padding:1rem;
}

@media (min-width: 1000px){
      .page-wrapper .grid-named-areas.sidebar > .content-wrapper{
    -ms-grid-row:2;
    -ms-grid-column:1;
      }
      .page-right{
    -ms-grid-row:2;
    -ms-grid-column:2;
      }
}

@media (min-width: 1000px){

.page-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
  }

.display-none{
  display:none;
}

.layout.layout--onecol{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }

.layout.layout--onecol > .layout__region{
      -webkit-box-flex:1;
      -ms-flex:1 0 100%;
      flex:1 0 100%;
      -webkit-margin-after:32.5px;
      margin-block-end:32.5px;
    }

@media (min-width: 700px){

.layout.layout--onecol > .layout__region{
        -webkit-box-flex:0;
        -ms-flex-positive:0;
        flex-grow:0;
        -ms-flex-negative:0;
        flex-shrink:0;
        -webkit-margin-after:0;
        margin-block-end:0;
        margin-bottom:32.5px
    }
      }

.layout.disabled{
    background-color:#e5e9f0;
    padding:1rem;
  }