.content-tabs{
  margin-bottom: 60px;
  /*position: relative;*/
}
.tab-folder {
  position: relative;
}
.tab-folder .tab-folder-tab {
  display: inline-flex;
  margin-left: 15px;
  vertical-align: bottom;
  /*added:*/
  position: absolute;
  top: -48px;
  right: 20px;
}
.tab-folder .tab-label {
  background: #28466D;
  padding: 0 20px 0 150px;
  display: table;
  position: relative;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.6;
  width: 100%;
  transition: all 950ms;
}
.tab-folder  .tab-cross, 
.tab-cross-x{
  position: absolute;
  border-radius: 50px;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: 50%;
  transform: rotate(0deg);
  padding: 4px;
  transition: all 950ms;
}
.tab-cross-x/*unique traits*/{
  right: 146px;
  height: 38px;
  width: 38px;
  background-color: #F7931E;
  background-image: url('../site_images/plus_sign_white.svg');
}
.tab-folder  .tab-cross /*unique traits*/ {
  position: absolute;
  z-index: 1;
  top: 9px;
  right: 150px;
  border: 2px solid #fff;
  height: 30px;
  width: 30px;
  background-image: url('../site_images/plus_sign_blue.svg');
}
/*
.tab-folder:first-child .tab-label {
  cursor: default;
}
.tab-folder:first-child  .tab-cross {
  display: none;
}*/
.tab-folder.open .tab-cross,
.tab-folder.open .tab-cross-x,
.tab-opencloseall.open .tab-cross-x {
  background-image: url('../site_images/plus_sign_white.svg');
  transform: rotate(-45deg);
}
.tab-folder .tab-container {
  position: relative;
  /*margin-bottom: -60px;*/
  padding-bottom: 51px;
  padding-top: 0;
}
.tab-folder  .tab-content-container-withleft {
  display: flex;
}
.flex-end{
  width: 20%;
}
.tab-folder  .tab-content-container-withleft .tab-content-main{
  margin-left: 30px;
}
.tab-folder .tab-content-container {
  height:0;
  overflow: hidden; /*this restricts sticky headers, but is fixed in js*/
  display: none;
}
.tab-folder.basics .tab-content-container
 {
  height: auto;
  overflow: visible;
  display: initial;
}
.tab-folder.open .tab-content-container,
.tab-folder.startopen .tab-content-container,
.tab-folder.fixed .tab-content-container {
  display: block;
  height: auto;
}
.tab-folder .tab-content-container.ani{
  transition: height 950ms, opacity 350ms;
}
.tab-folder .tab-content-container.ani{
  display: block;
}
.tab-folder .tab-content {
  padding: 78px 0 0 0;
  /*overflow: hidden;*/
}
/*REDACTED
.tab-folder.basics.open .tab-content{
  padding: 0;
}*/
.tab-folder.basics.open .tab-label-main{
  display: none;
}
.tab-folder .tab-curve {
  fill: #28466D;
  transition: all 950ms;
}
.tab-folder .tab-top {
  position: absolute;
  height: 48px;
  left: 0;
  right: 0;
  background: #28466D;
  /*top: -10px;*/
  /*border-radius: 15px 15px 0 0;*/
  transition: all 950ms;
}
.tab-folder .tab-left, 
.tab-folder .tab-right {
  position: absolute;
  width: 4px;
  top: 48px;
  bottom: 0;
  /*min-height: 70px;
  background: #28466D;
  background: linear-gradient(180deg, rgba(40,70,109,1) 0%, rgba(40,70,109,0) 100%);*/
  transition: all 950ms;
}
.tab-folder .tab-right {
  right: 0;
}
.tab-folder .tab-bottom {
  position: absolute;
  /*height: 15px;*/
  height: 0;
  left:0;
  right:0;
  bottom:-15px;
  background: #28466D;
  display: none;
  transition: all 950ms;
}

.tab-folder:last-child .tab-container {
  margin-bottom: 0;
}
.tab-folder:last-child.open .tab-bottom {
  display: block;
}
.tab-folder .tab-content-main {
  width: 800px;
  margin-left: 350px;
  
  /*margin-left: 30px;/*correction after adding tab-content-container-withleft. Only affects top tabs*/
}
.tab-folder .tab-content-main-wide {/*wide version, for tabs containing tables, news list etc*/
  width: 1200px;  
  margin-left: 150px;
}
.tab-folder .tab-content-left {
  width: 280px;
  margin: 0 0 0 40px;
  color: #28466D;
  font-size: 18px;
  line-height: 1.5;
}
.tab-folder .tab-content-left.page{
  position: absolute;
}
.tab-folder .tab-content-left.mb{
  display: none;
}
.tab-content-left h1{
  margin-top: 0;
}
.tab-content-righttopbar {
  position: absolute;
  top: 0;
  right: 0;
}

/*custom tab, when there is no cover image=================================*/
.tab-content-main.pre-text{
  width: 800px;
  margin-left: 350px;
  margin-top: -51px;/*compensate padding of item above*/
}
@media only screen and (max-width: 1580px){
  .tab-content-main.pre-text{
    max-width: 720px;
    width: 60%;
    margin: -51px auto 0;
  }
}
@media only screen and (max-width: 1024px){
  .tab-content-main.pre-text{
    width: 100%;
  }
}
/*=============================================================*/



/* Tab open close all */
.tab-folder .tab-opencloseall{
  right: 0;
}
.tab-opencloseall {
  float: right;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 50px;
}
.tab-opencloseall {
  position: relative;
  right: 0;
}
.tab-opencloseall .tab-label{
  width: 270px;
  padding: 0;
  font-size: 21px;
  line-height: 48px;
  opacity: 0;
  transition: opacity 300ms 300ms;
}
.tab-opencloseall .tab-label.visible{
  opacity: 1;
}
.tab-opencloseall .toclose,
.tab-opencloseall.open .toopen {
  display: none;
}
.tab-opencloseall.open .toclose {
  display: inline;
}

/* DarkBlue */
.content-tabs .tab-folder.open .tab-label {
  background: #28466D;
  color: #FFFFFF;
}
.content-tabs .tab-folder.open .tab-cross {
  border-color: #FFFFFF;
}
.content-tabs .tab-folder.open .tab-curve {
  fill: #28466D;
}
.content-tabs .tab-folder.open .tab-top {
  background: #28466D;
}
.content-tabs .tab-folder.open .tab-left, 
.content-tabs .tab-folder.open .tab-right {
  background: #28466D;
  background: linear-gradient(180deg, #28466D 0%, #86AECD 100%);
  opacity: 1;
}
.content-tabs .tab-folder:nth-child(2n).open .tab-left, 
.content-tabs .tab-folder:nth-child(2n).open .tab-right {
  background: #28466D;
  background: linear-gradient(180deg, #28466D 0%, #E6EFF5 100%);
  opacity: 1;
}
.content-tabs .tab-folder.open .tab-bottom {
  background: #86AECD;
}
.content-tabs .tab-folder:nth-child(2n).open .tab-bottom {
  background: #E6EFF5;
}

/* Yellow */
.content-tabs .tab-folder.yellow.open .tab-label{
  background: #F7931E;
  color: #FFF;
  padding-left: 350px;
}
.content-tabs .tab-folder .tab-opencloseall .tab-label{
  background: none;
  color: #F7931E;
}
.content-tabs .tab-folder.yellow.open .tab-cross,
.content-tabs .tab-folder .tab-opencloseall .tab-cross {
  border-color: #F7931E;
  background: #F7931E;
  color: #FFF;  
}
.content-tabs .tab-folder.yellow.open .tab-curve,
.content-tabs .tab-folder .tab-opencloseall .tab-curve {
  fill: #F7931E;
}
.content-tabs .tab-folder.yellow.open .tab-top,
.content-tabs .tab-folder .tab-opencloseall .tab-top {
  background: #F7931E;
}
.content-tabs .tab-folder.yellow.open .tab-left, 
.content-tabs .tab-folder.yellow.open .tab-right,
.content-tabs .tab-folder .tab-opencloseall .tab-left, 
.content-tabs .tab-folder .tab-opencloseall .tab-right {
  background: #F7931E;
  background: linear-gradient(180deg, #F7931E 0%, #86AECD 100%);
}
.content-tabs .tab-folder.yellow.open .tab-bottom,
.content-tabs .tab-folder .tab-opencloseall .tab-bottom {
  background: #F7931E;
}
.content-tabs .tab-folder.yellow.open .header.col2{
  border-color: #F7931E;
}

/* Light Blue */
.content-tabs .tab-folder.lightblue .tab-label,
.tab-folder:nth-child(2n) .tab-label {
  /*background: #86AECD;*/
  background: #86AECD;
  color: #28466D;
}
.content-tabs .tab-folder.lightblue .tab-cross,
.tab-folder:nth-child(2n) .tab-cross {
  border-color: #28466D;
} wel geloo
.content-tabs .tab-folder.lightblue .tab-curve,
.tab-folder:nth-child(2n) .tab-curve {
  fill: #86AECD;
}
.content-tabs .tab-folder.lightblue .tab-top,
.tab-folder:nth-child(2n) .tab-top {
  background: #86AECD;
}
/*This controls lines when tab not opened*/
.content-tabs .tab-folder.lightblue .tab-left, 
.content-tabs .tab-folder.lightblue .tab-right,
.tab-folder:nth-child(2n) .tab-left, 
.tab-folder:nth-child(2n) .tab-right {
  background: #86AECD;
  background: linear-gradient(180deg, rgba(134,174,205,1) 0%, rgba(134,174,205,0) 100%);
  opacity: 0;
  transition: opacity 950ms linear;
}
.content-tabs .tab-folder.lightblue .tab-bottom,
.tab-folder:nth-child(2n) .tab-bottom {
  background: #86AECD;
}

/* Lighter Blue */
.content-tabs .tab-folder.lighterblue .tab-label,
.tab-folder:nth-child(2n+1) .tab-label {
  background: #e6eff5;
  color: #28466D;
}
.content-tabs .tab-folder.lighterblue .tab-cross,
.tab-folder:nth-child(2n+1) .tab-cross {
  border-color: #28466D;
}
.content-tabs .tab-folder.lighterblue .tab-curve,
.tab-folder:nth-child(2n+1) .tab-curve {
  fill: #e6eff5;
}
.content-tabs .tab-folder.lighterblue .tab-top,
.tab-folder:nth-child(2n+1) .tab-top {
  background: #e6eff5;
}

/*Red*/
.content-tabs .tab-folder.red.open .tab-top
/*.content-tabs .tab-folder.red-b.open .tab-top .tab-label,
.content-tabs .tab-folder.red-b .tab-top .tab-label*/{
  background: #9E2E30;
}
/*.content-tabs .tab-folder.red-b .tab-top .tab-label,
.content-tabs .tab-folder.red-b .tab-top .tab-label .tab-cross{
  color: #FFF;
  border-color: #FFF;
}*/
.content-tabs .tab-folder.red.open .header.col2{
  border-color: #9E2E30;
}


/*This controls lines when tab not opened*/
.content-tabs .tab-folder.lighterblue .tab-left, 
.content-tabs .tab-folder.lighterblue .tab-right,
.tab-folder:nth-child(2n+1) .tab-left, 
.tab-folder:nth-child(2n+1) .tab-right {
  background: #e6eff5;
  background: linear-gradient(180deg, rgba(230,239,245,1) 0%, rgba(230,239,245,0) 100%);
  opacity: 0;
  transition: opacity 950ms linear;
}
.content-tabs .tab-folder.lighterblue .tab-bottom,
.tab-folder:nth-child(2n+1) .tab-bottom {
  background: #e6eff5;
}

/* fixed tab outside tab-containers */
.tab-folder.fixed .tab-label {
  cursor: auto;
}
.tab-folder.fixed  .tab-content-container{
  height: auto;
}
.tab-folder.fixed  .tab-cross{
  display: none;
}




/*---START RESPONSIVE---*/

@media only screen and (max-width: 1580px){/*Desktop to tablet*/
  .tab-folder .tab-content-main {/*tab-content.css*/
    width: 60%;
    max-width: 720px;
    margin: 0 auto;
  }
  .tab-folder .tab-content-main-wide{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .tab-folder  .tab-content-container-withleft .tab-content-main{
    margin-left: 0;
  }
  .tab-folder .tab-content-left {
    width: 18%;
    margin: 0 2% 0 0;
    font-size: 16px;
  }
  .tab-folder .tab-label{/*Maybe add another step for close to 1580*/
    padding-left: 2%;
  }
  .tab-folder .tab-cross{
    right: 20px;
  }
  .tab-cross-x{
    right: 16px;
  }
  .tab-content-container-withleft .tab-content-left,
  .tab-content-container-withleft .tab-content-main,
  .tab-content-container-withleft .flex-end {
    flex: 1 1 auto;
  }
  
}
@media only screen and (max-width: 1276px){/*Fit wide items to max 1200px*/
  .tab-folder .tab-content-main-wide{
    margin: 0;
  }


}

@media only screen and (max-width: 1024px){
  .tab-folder .tab-content-left.page,
  .tab-folder .tab-content-left {
    display: none;
  }
  .tab-folder .tab-content-left.mb{
    display: block;
    width: 100%;
    margin: 30px 0 0;
    padding: 10px 0 0;
    border-top: 4px solid #E6EFF5;
  }
  .tab-folder .tab-content-main{
    width: 100%;
  }
  .tab-folder .tab-content-container-withleft .tab-content-main {
    margin: 0 auto;
    width: 100%;
    max-width: 720px;
  }
  .flex-end{
    display: none;
  }


}