/* ------ Org Chart ----- */

.tab-navigation { margin-bottom:50px; }



.tab-content { /*width:200px; height:95px; color:white; font-size:30px; text-align:center; line-height:26px; padding-top:30px;*/}





#tab-1 { background-color: #C3CCD3;

    background-attachment: scroll;

    background-image: url(/media/ht2hpupx/la-state-seal-org-chart.png);

    background-repeat: no-repeat;

    background-position: left center;}

#tab-2 { background-color: #C3CCD3;

    background-attachment: scroll;

    background-image: url(/media/ht2hpupx/la-state-seal-org-chart.png);

    background-repeat: no-repeat;

    background-position: left center;}

#tab-3 { background-color: #C3CCD3;

    background-attachment: scroll;

    background-image: url(/media/ht2hpupx/la-state-seal-org-chart.png);

    background-repeat: no-repeat;

    background-position: left center;}

#tab-4 { background-color: #C3CCD3;

    background-attachment: scroll;

    background-image: url(/media/ht2hpupx/la-state-seal-org-chart.png);

    background-repeat: no-repeat;

    background-position: left center;}

#tab-5 { background-color: #C3CCD3;

    background-attachment: scroll;

    background-image: url(/media/ht2hpupx/la-state-seal-org-chart.png);

    background-repeat: no-repeat;

    background-position: left center;}



.org-fx{

    min-height: 80px;

    text-align: center;

}



.hierachy_chart--section .card-header {

    padding: 0.25rem .25rem;

    margin-bottom: 0;

    background-color: rgba(0, 0, 0, 0.03);

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

    min-height: 120px;

    text-align: center;

}



.hierachy_chart--main {

  padding: 0;

  /* bootstrap approach */

  margin: 0 -1em;

  word-break: break-word;

}



.hierachy_chart--mainentry,

.hierachy_chart--department,

.hierachy_chart--section {

  list-style: none;

}



.hierachy_chart--departments {

  display: flex;

  flex-flow: row wrap;

  padding: 0;

}



.hierachy_chart--departments li {

  flex: 1 0 33.333%;

}

@media (max-width: 768px) {

  .hierachy_chart--departments li {

    flex: 1 0 100%;

  }

}



.hierachy_chart--main--title {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 2em auto;

  justify-content: center;

  text-align: center;

  position: relative;

  font-weight: bold;

  max-width: calc(30% - 2.25em);

}

@media (max-width: 768px) {

  .hierachy_chart--main--title {

    max-width: calc(100% - 4em);

  }

}

.hierachy_chart--main--title:before {

  content: "";

  width: 1px;

  height: calc(2.5em + 1px);

  position: absolute;

  background: #899297;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--title:before {

    display: none;

  }

}

.hierachy_chart--main--title:after {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  background: #899297;

  top: calc(100% + 2.5em + 1px);

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--title:after {

    display: none;

  }

}

.has-three .hierachy_chart--main--title:after {

  width: calc(30%);

  left: -16.666%;

}





.hierachy_chart--departments--title {
    display: flex;

    border: 1px solid;

    padding: 1em;
    margin: 2em auto;
    justify-content: center;
    text-align: center;
    position: relative;
    font-weight: bold;
    max-width: calc(60% - 2.25em);
    background-color: #024879;
    padding: 1em;
    box-shadow: 1px 1px 3px #011827;
}





.hierachy_chart--departments--title:before {



  content: "";



  width: 1px;



  height: 2em;



  position: absolute;



  background: #899297;



  top: calc(-2em - 1px);



  left: 0;



  right: 0;



  margin: 0px auto;



}



@media (max-width: 768px) {



  .hierachy_chart--departments--title:before {



    display: none;



  }



}











.hierachy_chart--departments--title:last-child:after{



 background: transparent; 



}











.hierachy_chart--departments--title:after {



  content: "";



  width: 1px;



  height: 2em;



  position: absolute;



  background: #899297;



  top: 100%;



  left: 0;



  right: 0;



  margin: 0 auto;



}



#link-department { color: #FFFFFF}



.hierachy_chart--departments--subtitle {

    display: flex;

    border-left: 1px solid;

    border-right: 1px solid;

    border-bottom: 10px solid #024879;

    border-top: 1px solid;

    padding: 1em;

    margin: 2em auto;

    justify-content: center;

    text-align: center;

    position: relative;

    font-weight: bold;

    max-width: calc(60% - 2.25em);

    background-color: #FFFFFF;

	box-shadow: 1px 1px 3px #011827;

}



.hierachy_chart--departments--subtitle:before {



  content: "";



  width: 1px;



  height: 2em;



  position: absolute;



  background: #899297;



  top: calc(-2em - 1px);



  left: 0;



  right: 0;



  margin: 0px auto;



}



@media (max-width: 768px) {



  .hierachy_chart--departments--subtitle:before {



    display: none;



  }



}











.hierachy_chart--departments--subtitle:last-child:after{



 background: transparent; 



}











.hierachy_chart--departments--subtitle:after {



  content: "";



  width: 1px;



  height: 2em;



  position: absolute;



  background: #899297;



  top: 100%;



  left: 0;



  right: 0;



  margin: 0 auto;



}





.hierachy_chart--sections {

  padding: 0;

}



.hierachy_chart--section {

  margin: 0 1em;

  border: 1px solid;

  border-bottom: none;

}

.hierachy_chart--section:last-child {

  border-bottom: 1px solid;

}



.hierachy_chart--sections .section .richtext ul {

  counter-reset: item 0;

}



.hierachy_chart--sections .section .richtext ul li {

  list-style-type: circle;

}



.hierachy_chart--hiddeninput {

  visibility: hidden;

  height: 0;

  position: absolute;

}



.hierachy_chart--section--link {

  position: relative;

  padding: 1em;

}



.hierachy_chart--section--toggler {

  display: block;

  position: absolute;

  top: 50%;

  right: 1em;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  text-transform: none;

}

.hierachy_chart--section--link .hierachy_chart--section--toggler:after {

  display: inline-block;

  vertical-align: middle;

  content: "";

  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=") no-repeat;

  background-size: contain;

  width: 18px;

  height: 12px;

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}



.hierachy_chart--accordion {

  height: 0;

  overflow: hidden;

  background: white;

  transition: padding 0.5s ease-in-out;

  padding: 0;

}



/* :checked */

.hierachy_chart--hiddeninput:checked ~ .hierachy_chart--accordion {

  height: auto;

  padding: 1em 0;

}



/* :checked */

.hierachy_chart--hiddeninput:checked ~ label .hierachy_chart--section--toggler:after {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}

.hierachy_chart--hiddeninput:checked ~ label .hierachy_chart--section--toggler .hierachy_chart--accordion {

  height: auto;

  padding: 1em 0;

}



.hierachy_chart--accordion--content {

  margin: 1em;

}





/*------ Type 1x ------*/



.hierachy_chart--mainx {

  padding: 0;

  /* bootstrap approach */

  margin: 0 -1em;

  word-break: break-word;

}



.hierachy_chart--mainentryx,

.hierachy_chart--departmentx,

.hierachy_chart--sectionx {

  list-style: none;

}



.hierachy_chart--departmentsx {

    display: flex;
    flex-flow: row wrap;
    padding: 0;
    align-content: center;

}



.hierachy_chart--departmentsx li {

  flex: 0 0 33%;
  align-content: center;

}

@media (max-width: 768px) {

  .hierachy_chart--departmentsx li {

    flex: 1 0 100%;

  }

}



.hierachy_chart--main--titlex {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 2em auto;

  justify-content: center;

  text-align: center;

  position: relative;

  font-weight: bold;

  max-width: calc(50% - 2em);

}

@media (max-width: 768px) {

  .hierachy_chart--main--titlex {

    max-width: calc(100% - 4em);

  }

}

.hierachy_chart--main--titlex:before {

  content: "";

  width: 1px;

  height: calc(2em + 1px);

  position: absolute;

  background: black;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--titlex:before {

    display: none;

  }

}

.hierachy_chart--main--titlex:after {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  background: black;

  top: calc(100% + 2em + 1px);

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--titlex:after {

    display: none;

  }

}

.has-three .hierachy_chart--main--titlex:after {

  width: calc(133.333%);

  left: -16.666%;

}



.hierachy_chart--departments--titlex {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 2.6em 1em;

  justify-content: center;

  position: relative;

}

.hierachy_chart--departments--titlex:before {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  /* background: black; */

  top: calc(-2em - 1px);

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--departments--titlex:before {

    display: none;

  }

}

.hierachy_chart--departments--titlex:after {

  content: "";

  width: 1px;

  /* height: 2em; */

  position: absolute;

  background: black;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}



.hierachy_chart--sectionsx {

  padding: 0;

}



.hierachy_chart--sectionx {

  margin: 0 1em;

  border: 1px solid;

  border-bottom: none;

}

.hierachy_chart--sectionx:last-child {

  border-bottom: 1px solid;

}



.hierachy_chart--sectionsx .section .richtext ul {

  counter-reset: item 0;

}



.hierachy_chart--sectionsx .section .richtext ul li {

  list-style-type: circle;

}



.hierachy_chart--hiddeninputx {

  visibility: hidden;

  height: 0;

  position: absolute;

}



.hierachy_chart--section--linkx {

  position: relative;

  padding: 1em;

}



.hierachy_chart--section--togglerx {

  display: block;

  position: absolute;

  top: 50%;

  right: 1em;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  text-transform: none;

}

.hierachy_chart--section--linkx .hierachy_chart--section--togglerx:after {

  display: inline-block;

  vertical-align: middle;

  content: "";

  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=") no-repeat;

  background-size: contain;

  width: 18px;

  height: 12px;

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}



.hierachy_chart--accordionx {

  height: 0;

  overflow: hidden;

  background: white;

  transition: padding 0.5s ease-in-out;

  padding: 0;

}



/* :checked */

.hierachy_chart--hiddeninput:checkedx ~ .hierachy_chart--accordionx {

  height: auto;

  padding: 1em 0;

}



/* :checked */

.hierachy_chart--hiddeninput:checkedx ~ label .hierachy_chart--section--togglerx:after {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}

.hierachy_chart--hiddeninput:checkedx ~ label .hierachy_chart--section--togglerx .hierachy_chart--accordionx {

  height: auto;

  padding: 1em 0;

}



.hierachy_chart--accordion--contentx {

  margin: 1em;

}









/*------ type2 ------*/



.hierachy_chart--main2 {

  padding: 0;

  /* bootstrap approach */

  margin: 0 -1em;

  word-break: break-word;

}



.hierachy_chart--mainentry2,

.hierachy_chart--department2,

.hierachy_chart--section2 {

  list-style: none;

}



.hierachy_chart--departments2 {

  display: flex;

  flex-flow: row wrap;

  padding: 0;

}



.hierachy_chart--departments2 li {

  flex: 1 0 33.333%;

}

@media (max-width: 768px) {

  .hierachy_chart--departments2 li {

    flex: 1 0 100%;

  }

}



.hierachy_chart--main--title2 {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 2em auto;

  justify-content: center;

  text-align: center;

  position: relative;

  font-weight: bold;

  max-width: calc(50% - 2em);

}

@media (max-width: 768px) {

  .hierachy_chart--main--title2 {

    max-width: calc(100% - 4em);

  }

}

.hierachy_chart--main--title2:before {

  content: "";

  width: 1px;

  height: calc(10.35em + 1px);

  position: absolute;

  background: black;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--title2:before {

    display: none;

  }

}

.hierachy_chart--main--title2:after {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  background: black;

  top: calc(100% + 2em + 1px);

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--title2:after {

    display: none;

  }

}

.has-three .hierachy_chart--main--title2:after {

  width: calc(104%);

  left: calc(-2%);

  right: 0%;

}



.hierachy_chart--departments--title2 {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 1.65em 1em;

  justify-content: center;

  position: relative;

}

.hierachy_chart--departments--title2:before {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  background: black;

  top: calc(-2em - 1px);

  left: 0px;

  right: 0;

  margin: 0px auto;

}

@media (max-width: 768px) {

  .hierachy_chart--departments--title2:before {

    display: none;

  }

}

.hierachy_chart--departments--title2:after {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  background: transparent;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}



.hierachy_chart--sections2 {

  padding: 0;

}



.hierachy_chart--section2 {

  margin: 0 1em;

  border: 1px solid;

  border-bottom: none;

}

.hierachy_chart--section2:last-child {

  border-bottom: 1px solid;

}



.hierachy_chart--sections2 .section .richtext ul {

  counter-reset: item 0;

}



.hierachy_chart--sections2 .section .richtext ul li {

  list-style-type: circle;

}



.hierachy_chart--hiddeninput2 {

  visibility: hidden;

  height: 0;

  position: absolute;

}



.hierachy_chart--section--link2 {

  position: relative;

  padding: 1em;

}



.hierachy_chart--section--toggler2 {

  display: block;

  position: absolute;

  top: 50%;

  right: 1em;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  text-transform: none;

}

.hierachy_chart--section--link2 .hierachy_chart--section--toggler2:after {

  display: inline-block;

  vertical-align: middle;

  content: "";

  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=") no-repeat;

  background-size: contain;

  width: 18px;

  height: 12px;

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}



.hierachy_chart--accordion2 {

  height: 0;

  overflow: hidden;

  background: white;

  transition: padding 0.5s ease-in-out;

  padding: 0;

}



/* :checked */

.hierachy_chart--hiddeninpu2t:checked ~ .hierachy_chart--accordion2 {

  height: auto;

  padding: 1em 0;

}



/* :checked */

.hierachy_chart--hiddeninput2:checked ~ label .hierachy_chart--section--toggler2:after {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}

.hierachy_chart--hiddeninput2:checked ~ label .hierachy_chart--section--toggler2 .hierachy_chart--accordion2 {

  height: auto;

  padding: 1em 0;

}



.hierachy_chart--accordion--content2 {

  margin: 1em;

}







/*------ type3 ------*/



.hierachy_chart--main3 {

  padding: 0;

  /* bootstrap approach */

  margin: 0 -1em;

  word-break: break-word;

}



.hierachy_chart--mainentry3,

.hierachy_chart--department3,

.hierachy_chart--section3 {

  list-style: none;

}



.hierachy_chart--departments3 {

  display: flex;

  flex-flow: row wrap;

  padding: 0;

}



.hierachy_chart--departments3 li {

  flex: 1 0 15.55%;

}

@media (max-width: 768px) {

  .hierachy_chart--departments3 li {

    flex: 1 0 100%;

  }

}



.hierachy_chart--main--title3 {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 2em auto;

  justify-content: center;

  text-align: center;

  position: relative;

  font-weight: bold;

  max-width: calc(50% - 2em);

}

@media (max-width: 768px) {

  .hierachy_chart--main--title3 {

    max-width: calc(100% - 4em);

  }

}

.hierachy_chart--main--title3:before {

  content: "";

  width: 1px;

  height: calc(1em + 1px);

  position: absolute;

  background: transparent;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--title3:before {

    display: none;

  }

}

.hierachy_chart--main--title3:after {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  background: black;

  top: calc(100% + -3.30em + -3px);

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--title3:after {

    display: none;

  }

}

.has-three .hierachy_chart--main--title3:after {

  width: calc(155%);

  left: -27.5%;

}



.hierachy_chart--departments--title3 {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: -4em 1em;

  justify-content: center;

  position: relative;

}

.hierachy_chart--departments--title3:before {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  background: black;

  top: calc(-2em - 1px);

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--departments--title3:before {

    display: none;

  }

}

.hierachy_chart--departments--title3:after {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  background: transparent;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}



.hierachy_chart--sections3 {

  padding: 0;

}



.hierachy_chart--section3 {

  margin: 0 1em;

  border: 1px solid;

  border-bottom: none;

}

.hierachy_chart--section3:last-child {

  border-bottom: 1px solid;

}



.hierachy_chart--sections3 .section .richtext ul {

  counter-reset: item 0;

}



.hierachy_chart--sections3 .section .richtext ul li {

  list-style-type: circle;

}



.hierachy_chart--hiddeninput3 {

  visibility: hidden;

  height: 0;

  position: absolute;

}



.hierachy_chart--section--link3 {

  position: relative;

  padding: 1em;

}



.hierachy_chart--section--toggler3 {

  display: block;

  position: absolute;

  top: 50%;

  right: 1em;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  text-transform: none;

}

.hierachy_chart--section--link3 .hierachy_chart--section--toggler3:after {

  display: inline-block;

  vertical-align: middle;

  content: "";

  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=") no-repeat;

  background-size: contain;

  width: 18px;

  height: 12px;

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}



.hierachy_chart--accordion3 {

  height: 0;

  overflow: hidden;

  background: white;

  transition: padding 0.5s ease-in-out;

  padding: 0;

}



/* :checked */

.hierachy_chart--hiddeninput3:checked ~ .hierachy_chart--accordion3 {

  height: auto;

  padding: 1em 0;

}



/* :checked */

.hierachy_chart--hiddeninput3:checked ~ label .hierachy_chart--section--toggler3:after {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}

.hierachy_chart--hiddeninput3:checked ~ label .hierachy_chart--section--toggler3 .hierachy_chart--accordion3 {

  height: auto;

  padding: 1em 0;

}



.hierachy_chart--accordion--content3 {

  margin: 1em;

}



/*------ type4 ------*/



.hierachy_chart--main4 {

  padding: 0;

  /* bootstrap approach */

  margin: 0 -1em;

  word-break: break-word;

}



.hierachy_chart--mainentry4,

.hierachy_chart--department4,

.hierachy_chart--section4 {

  list-style: none;

}



.hierachy_chart--departments4 {

  display: flex;

  flex-flow: row wrap;

  padding: 0;

}



.hierachy_chart--departments4 li {

  flex: 1 0 10%;

}

.hierachy_chart--main4x {

  padding: 0;

  /* bootstrap approach */

  margin: 0 -1em;

  word-break: break-word;

}



.hierachy_chart--mainentry4x,

.hierachy_chart--department4x,

.hierachy_chart--section4x {

  list-style: none;

}



.hierachy_chart--departments4x {

  display: flex;

  flex-flow: row wrap;

  padding: 0;

}



.hierachy_chart--departments4x li {

  flex: 1 0 25%;

}

@media (max-width: 768px) {

  .hierachy_chart--departments4 li {

    flex: 1 0 100%;

  }

  .hierachy_chart--departments4x li {

    flex: 1 0 100%;

  }

}



.hierachy_chart--main--title4 {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 5em auto;

  justify-content: center;

  text-align: center;

  position: relative;

  font-weight: bold;

  max-width: calc(50% - 2em);

}

.main--title4x {

 display: flex;

 border: 1px solid #33333300;

 /* padding: 0em; */

 margin: 0em auto;

 /* justify-content: center; */

 text-align: center;

 position: relative;

 /* font-weight: bold; */

 max-width: calc(81.65% - 2em);

}

@media (max-width: 768px) {

  .hierachy_chart--main--title4 {

    max-width: calc(100% - 4em);

  }

   .hierachy_chart--main--title4x {

    max-width: calc(100% - 4em);

  }

}

.hierachy_chart--main--title4:before {

  content: "";

  width: 1px;

  height: calc(1em + 1px);

  position: absolute;

  background: black;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}

.main--title4x:before {

  content: "";

  /* width: 1px; */

  /* height: calc(1em + 1px); */

  /* position: absolute; */

  /* background: black; */

  /* top: 100%; */

  /* left: 0; */

  /* right: 0; */

  /* margin: 0px auto; */

}

@media (max-width: 768px) {

  .hierachy_chart--main--title4:before {

    display: none;

  }

  .hierachy_chart--main--title4x:before {

    display: none;

  }

}

.hierachy_chart--main--title4:after {

  content: "" !important;

  width: 100%;

  height: 1px;

  position: absolute;

  background: black;

  top: calc(100% + 1.0em + -3px)!important;

  left: 0;

  right: 0;

  margin: 0 auto;

}

.main--title4x:after {

  content: "";

  /* width: 100%; */

  height: 1px;

  position: absolute;

  background: black;

  top: calc(333% + 3.25em + -2px) !important;

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--title4:after {

    display: none;

  }

    .hierachy_chart--main--title4x:after {

    display: none;

  }

}

.has-three .hierachy_chart--main--title4:after {

  width: calc(166%);

  left: calc(-35.5% + 1.25em + -1px)!important;

}

.has-three .hierachy_chart--main--title4x:after {

  width: calc(160%);

  left: -30%;

}



.hierachy_chart--departments--title4 {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: -2.8em 1em;

  justify-content: center;

  position: relative;

}

.hierachy_chart--departments--title4:before {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  background: black;

  top: calc(-2em - 1px);

  left: 0;

  right: 0;

  margin: 0 auto;

}

.hierachy_chart--departments--title4x {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 3.68em 10em;

  justify-content: center;

  position: relative;

}

.hierachy_chart--departments--title4x:before {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  background: black;

  top: calc(-2em - 1px);

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--departments--title4:before {

    display: none;

  }

    .hierachy_chart--departments--title4x:before {

    display: none;

  }

}

.hierachy_chart--departments--title4:after {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  background: black;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}

.hierachy_chart--departments--title4x:after {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  background: transparent;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}



.hierachy_chart--sections4 {

  padding: 0;

}



.hierachy_chart--section4 {

  margin: 0 1em;

  border: 1px solid;

  border-bottom: none;

}

.hierachy_chart--section4:last-child {

  border-bottom: 1px solid;

}



.hierachy_chart--sections4 .section .richtext ul {

  counter-reset: item 0;

}



.hierachy_chart--sections4 .section .richtext ul li {

  list-style-type: circle;

}



.hierachy_chart--hiddeninput4 {

  visibility: hidden;

  height: 0;

  position: absolute;

}



.hierachy_chart--section--link4 {

  position: relative;

  padding: 1em;

}



.hierachy_chart--section--toggler4 {

  display: block;

  position: absolute;

  top: 50%;

  right: 1em;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  text-transform: none;

}

.hierachy_chart--section--link3 .hierachy_chart--section--toggler4:after {

  display: inline-block;

  vertical-align: middle;

  content: "";

  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=") no-repeat;

  background-size: contain;

  width: 18px;

  height: 12px;

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}



.hierachy_chart--accordion4 {

  height: 0;

  overflow: hidden;

  background: white;

  transition: padding 0.5s ease-in-out;

  padding: 0;

}



/* :checked */

.hierachy_chart--hiddeninput4:checked ~ .hierachy_chart--accordion4 {

  height: auto;

  padding: 1em 0;

}



/* :checked */

.hierachy_chart--hiddeninput4:checked ~ label .hierachy_chart--section--toggler4:after {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}

.hierachy_chart--hiddeninput4:checked ~ label .hierachy_chart--section--toggler4 .hierachy_chart--accordion4 {

  height: auto;

  padding: 1em 0;

}



.hierachy_chart--accordion--content4 {

  margin: 1em;

}



/*------ type5 ------*/



.hierachy_chart--main5 {

  padding: 0;

  /* bootstrap approach */

  margin: 0 -1em;

  word-break: break-word;

}



.hierachy_chart--mainentry5,

.hierachy_chart--department5,

.hierachy_chart--section5 {

  list-style: none;

}



.hierachy_chart--departments5 {

  display: flex;

  flex-flow: row wrap;

  padding: 0;

}



.hierachy_chart--departments5 li {

  flex: 1 0 12%;

}

@media (max-width: 768px) {

  .hierachy_chart--departments5 li {

    flex: 1 0 100%;

  }

}



.hierachy_chart--main--title5 {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 2em auto;

  justify-content: center;

  text-align: center;

  position: relative;

  font-weight: bold;

  max-width: calc(50% - 2em);

}

@media (max-width: 768px) {

  .hierachy_chart--main--title5 {

    max-width: calc(100% - 4em);

  }

}

.hierachy_chart--main--title5:before {

  content: "";

  width: 1px;

  height: calc(3em + 1px);

  position: absolute;

  background: black;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0px auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--title5:before {

    display: none;

  }

}

.hierachy_chart--main--title5:after {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  background: black;

  top: calc(100% + 1.5em + 5px);

  left: 0;

  right: 0;

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--main--title5:after {

    display: none;

  }

}

.has-three .hierachy_chart--main--title5:after {

  width: calc(177.85% + -2px);

  left: -38.75%;

}



.hierachy_chart--departments--title5 {

  display: flex;

  border: 1px solid;

  padding: 1em;

  margin: 2em 1em;

  justify-content: center;

  position: relative;

}

.hierachy_chart--departments--title5:before {

  content: "";

  width: 1px;

  height: 2.69em;

  position: absolute;

  background: black;

  top: calc(-2.67em - 1px);

  left: 0

  right: 0

  margin: 0 auto;

}

@media (max-width: 768px) {

  .hierachy_chart--departments--title5:before {

    display: none;

  }

}

.hierachy_chart--departments--title5:after {

  content: "";

  width: 1px;

  height: 2em;

  position: absolute;

  background: transparent;

  top: 100%;

  left: 0;

  right: 0;

  margin: 0 auto;

}



.hierachy_chart--sections5 {

  padding: 0;

}



.hierachy_chart--section5 {

  margin: 0 1em;

  border: 1px solid;

  border-bottom: none;

}

.hierachy_chart--section5:last-child {

  border-bottom: 1px solid;

}



.hierachy_chart--sections5 .section .richtext ul {

  counter-reset: item 0;

}



.hierachy_chart--sections5 .section .richtext ul li {

  list-style-type: circle;

}



.hierachy_chart--hiddeninput5 {

  visibility: hidden;

  height: 0;

  position: absolute;

}



.hierachy_chart--section--link5 {

  position: relative;

  padding: 1em;

}



.hierachy_chart--section--toggler5 {

  display: block;

  position: absolute;

  top: 50%;

  right: 1em;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  text-transform: none;

}

.hierachy_chart--section--link5 .hierachy_chart--section--toggler5:after {

  display: inline-block;

  vertical-align: middle;

  content: "";

  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=") no-repeat;

  background-size: contain;

  width: 18px;

  height: 12px;

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}



.hierachy_chart--accordion5 {

  height: 0;

  overflow: hidden;

  background: white;

  transition: padding 0.5s ease-in-out;

  padding: 0;

}



/* :checked */

.hierachy_chart--hiddeninput5:checked ~ .hierachy_chart--accordion5 {

  height: auto;

  padding: 1em 0;

}



/* :checked */

.hierachy_chart--hiddeninput5:checked ~ label .hierachy_chart--section--toggler5:after {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);

}

.hierachy_chart--hiddeninput5:checked ~ label .hierachy_chart--section--toggler5 .hierachy_chart--accordion5 {

  height: auto;

  padding: 1em 0;

}



.hierachy_chart--accordion--content5 {

  margin: 1em;

}
