/* CSS crunched with Crunch - http://crunchapp.net/ */
/* Copyright 2008 Google Inc. All Rights Reserved. */



.chart-animation {
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}
.orgchart_div {
  margin: 0 auto;
  text-align: Center;
  direction: rtl;
  width: 684px;
  min-height: 650px;
}
.orgchart_div ul.orgchart {
  margin-top: 20px;
}
.orgchart_div ul.orgchart > li:after {
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
}
.orgchart_div ul.orgchart > li + li:after {
  display: none;
}
.orgchart_div ul.orgchart li {
  vertical-align: top;
  position: relative;
  text-align: center;
  padding: 0 2px;
  margin: 0;
  list-style-image: none;
}
.orgchart_div ul.orgchart li .title {
  display: block;
  text-align: center;
  vertical-align: middle;
  font-family: sidf;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 4px;
  background-color: #c1a240;
  padding: 8px 5px;
  color: #fff;
  line-height: normal;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  max-width: 90px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}
.orgchart_div ul.orgchart li .title strong {
  font-size: 15px;
  font-weight: bold;
}
.orgchart_div ul.orgchart li .title:hover {
  background-color: #0b7b67;
}
.orgchart_div .vline {
  display: inline-block;
  width: 1px;
  height: 25px;
  border-left: 1px #0b7b67 solid;
  margin: 0;
}
.orgchart_div .hline {
  display: block;
  height: 1px;
  border-bottom: 1px #0b7b67 solid;
  width: 102%;
  min-width: 20px;
}
.orgchart_div .toline {
  position: relative;
  z-index: -1;
  margin: -2px 0;
}
.orgchart_div .toline2 {
  position: relative;
  top: -2px;
}
.orgchart_div ul.hnode {
  position: relative;
  top: 5px;
  display: table;
  margin: 0;
}
.orgchart_div ul.hnode > li {
  display: table-cell;
}
.orgchart_div ul.hnode > li:before {
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
}
.orgchart_div ul.hnode > li:after {
  display: inline-block;
  width: 200px;
  height: 1px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
  position: absolute;
  top: 0;
  right: 0;
}
.orgchart_div ul.hnode > li ul.hnode {
  margin: 0;
}
.orgchart_div ul.hnode > li ul.hnode > li:before {
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
}
.orgchart_div ul.hnode > li ul.hnode > li:after {
  display: inline-block;
  width: 85px;
  height: 1px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
  position: absolute;
  top: 0;
  right: 42px;
}
.orgchart_div ul.hnode li {
  /*--show sublevel--*/
}
.orgchart_div ul.hnode li .title strong {
  font-size: 12px;
  font-weight: normal;
}
.orgchart_div ul.hnode li .title.wide {
  width: 150px!important;
  max-width: 150px;
}
.orgchart_div ul.hnode li.first:after {
  right: 42px;
}
.orgchart_div ul.hnode li.last:after {
  right: -156px;
}
.orgchart_div ul.hnode li ul.level2 {
  display: table;
  margin: 0;
}
.orgchart_div ul.hnode li ul.level2 li {
  display: table-cell;
  min-width: 90px;
}
.orgchart_div ul.hnode li ul.level2 li:before {
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
}
.orgchart_div ul.hnode li ul.level2 li ul.level2 > li:after {
  display: inline-block;
  width: 85px;
  height: 1px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
  position: absolute;
  top: 0;
  right: 42px;
}
.orgchart_div ul.hnode li ol li {
  display: list-item !important;
  text-align: right!important;
  list-style-position: inside;
  list-style-image: url('../images/orgnodebolt.png');
  margin-bottom: 6px;
  color: #fff;
}
.orgchart_div ul.hnode li ol li:before {
  display: none!important;
}
.orgchart_div ul.hnode li .sublevel {
  position: relative;
  width: 100%;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner {
  opacity: 0;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
  position: absolute;
  z-index: 2;
  width: 100%;
  display: table;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner .title {
  cursor: default;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner .level2 > li:after {
  display: inline-block;
  width: 150px;
  height: 1px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
  position: absolute;
  top: 0;
  right: 42px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner .level2.nohline > li:after {
  display: none;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos1 {
  right: 92px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos2 {
  right: 46px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos3 {
  right: 46px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos4 {
  right: 40px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos5 {
  right: 34px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos6 {
  right: -150px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos7 {
  right: 40px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos8 {
  right: 220px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos9 {
  right: -60px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos10 {
  right: 120px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner.pos11 {
  right: 50px;
}
.orgchart_div ul.hnode li .title:hover + .sublevel .sublevelinner {
  opacity: 1!important;
  z-index: 222;
}
.orgchart_div .vline {
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
}
.orgchart_div .vline.long {
  height: 80px;
}
.orgchart_div .vline.exlong {
  height: 180px;
}
.orgchart_div .pos6 .vline,
.orgchart_div .pos8 .vline {
  height: 80px;
  width: 0 !important;
}
.orgchart_div .pos6 .level2 .vline,
.orgchart_div .pos7 .level2 .vline,
.orgchart_div .pos8 .level2 .vline {
  height: 30px;
}
.orgchart_div .pos1 ul > li:after {
  width: 90px!important;
  right: 45px !important;
}
.orgchart_div .pos1 ul > li.last:after {
  width: 0px!important;
  right: 0px !important;
}
.orgchart_div .pos2 ul > li:after {
  width: 90px!important;
  right: 45px !important;
}
.orgchart_div .pos2 ul > li + li:after {
  width: 0px!important;
  right: 0px !important;
}
.orgchart_div .pos2 ul.nohline > li .vline {
  top: -5px;
  position: relative;
}
.orgchart_div .pos3 ul > li:after {
  width: 90px!important;
  right: 45px !important;
}
.orgchart_div .pos3 ul > li + li:after {
  width: 0px!important;
  right: 0px !important;
}
.orgchart_div .pos3 ul.nohline > li .vline {
  top: -5px;
  position: relative;
}
.orgchart_div .pre-last li:after {
  width: 86px!important;
  right: 42px !important;
}
.orgchart_div .pre-last li + li:after {
  width: 0px!important;
  right: 0px !important;
}
.orgchart_div .pre-last.nohline > li .vline {
  top: -5px;
  position: relative;
}
.orgchart_div .pre-last .sublevelinner li:after {
  width: 200px!important;
  right: 77px !important;
}
.orgchart_div .pre-last .sublevelinner li + li:after {
  width: 0px!important;
  right: 0px !important;
}
.orgchart_div .pre-last .sublevelinner .vline {
  top: -5px;
  position: relative;
  z-index: 0;
  margin-top: 0;
}
.orgchart_div .pre-last .pos7 li:after {
  width: 258px!important;
  right: 0px !important;
}
.orgchart_div .pre-last .pos8 li:after {
  width: 0px!important;
  right: 0px !important;
}
.orgchart_div .pre-last .pos9 ul > li:after {
  width: 180px!important;
  right: 77px !important;
}
.orgchart_div .pre-last .pos10 ul li:after {
  width: 0px!important;
  right: 0px !important;
}
.orgchart_div .last .pos11 ul > li:after {
  width: 90px!important;
  right: 45px !important;
}
.orgchart_div .last .pos11 ul > li + li:after {
  width: 0px!important;
  right: 0px !important;
}
.orgchart_div .last .pos11 .vline {
  top: -5px;
  position: relative;
}

.internalRevision.title{margin-top:-60px !important;margin-left: 150px !important;}
.internalRevision.title:after{display: inline-block;width: 100px;height: 1px;background: #0b7b67;content: '';margin-bottom: -10px;position: absolute;right: -100px;}
ul.orgchart > li:after {height: 65px;}

.generaldirectoroffice.title{margin-right: 150px !important;}
.generaldirectoroffice.title:after{display: inline-block;width: 100px;height: 1px;background: #0b7b67;content: '';margin-bottom: -10px;position: absolute;left: -100px;}
.generaldirectoroffice.title:before{display: inline-block;width: 1px;height: 60px;background: #0b7b67;content: '';position: absolute;left: -101px;top: 0px;}

ul.hnode li ul.level3 {
  display: table;
  position:relative;
  margin-top:25px;
}
ul.hnode li ul.level3 li {
  display: table-cell;
  min-width: 90px;
}
ul.hnode li ul.level2 li ul.level3:before {
  display: inline-block;
  width: 1px;
  height: 100px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
  position: absolute;
  top: -100px;
  right: 50%;
}
ul.hnode li ul.level2 li ul.level3 > li:after {
  display: inline-block;
  width: 85px;
  height: 1px;
  background: #0b7b67;
  content: '';
  margin-bottom: -10px;
  position: absolute;
  top: 0;
  right: 42px;
}

.level2Withlevel3 li{padding: 0 5px!important;}

ul.hnode li .sublevel .sublevelinner.pos3 {right: 5px;}

.pos4 ul > li:after {
  width: 90px!important;
  right: 45px !important;
}
.pos4 ul > li + li:after {
  width: 0px!important;
  right: 0px !important;
}
.pos4 ul.nohline > li .vline {
  top: -5px;
  position: relative;
}

.pos4 ul.nohline li:before{margin-bottom: -5px!important;}
ul.hnode li.first:after {right: 46px;}
ul.hnode > li:after{width: 141px;}

/**************************/
ul.hnode li ul.level2 li ul.level3:before{height: 120px;top: -120px;}
ul.hnode li .sublevel .sublevelinner.pos3 {right: 0px!important;}
ul.orgchart > li:after {height: 65px!important;margin-bottom: -15px!important;}
.generaldirectoroffice.title:before{height: 80px;}
ul.hnode li.first:after {right: 46px!important;}
ul.hnode > li:after {width: 141px!important;}
.orgchart_div ul.hnode{margin: 0 auto!important;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
ul.hnode li .sublevel .sublevelinner.pos1{right:-92px!important;}
ul.hnode li .sublevel .sublevelinner.pos2{right:-46px!important;}
ul.hnode li .sublevel .sublevelinner.pos3 {right: 0px!important;}
ul.hnode li .sublevel .sublevelinner.pos4 {right: -47px!important;}
ul.hnode li.first:after {right: 48px!important;}
ul.hnode > li:after{width: 134px!important;}
.orgchart_div ul.orgchart > li::after{margin-bottom:-20px!important;}
.orgchart_div .vline{margin-bottom:-15px!important;}

.orgchart_div ul.hnode li ul.level2 li:before{margin-bottom:-10px!important;}
ul.hnode li ul.level2 li ul.level3 > li::after{right:46px!important}
.orgchart_div ul.hnode li.last:after {
  right: -87px;
}
.orgchart_div ul.hnode li .sublevel .sublevelinner .level2 > li:after{right:45px !important;}

}


@media (max-width: 992px) { 
.orgchart_div{display:none;}
}


@media (min-width: 993px) { 
.img_chart_div{display:none;}
}

/******************fixfirefox*********************/

.gecko ul.hnode li .sublevel .sublevelinner.pos1{right:-92px!important;}
.gecko ul.hnode li .sublevel .sublevelinner.pos2{right:-50px!important;}
.gecko ul.hnode li .sublevel .sublevelinner.pos3 {right: 0px!important;}
.gecko ul.hnode li .sublevel .sublevelinner.pos4 {right: -47px!important;}
.gecko ul.orgchart > li::after{margin-bottom: -20px !important;} 
.gecko .orgchart_div .pos1 ul > li.first::after { width: 96px !important;right: 46px !important;}
.gecko .pos4 ul > li.first::after, .gecko .orgchart_div .pos2 ul > li.first::after {width: 90px !important;right: 46px !important;}
.gecko .orgchart_div ul.hnode li ul.level2 li::before{height: 40px; }
.gecko ul.hnode li ul.level2 li ul.level3::before {height: 130px;top: -130px;}
.gecko .pos4 ul.nohline li::before {margin-bottom: -7px !important;}
.gecko .orgchart_div .vline{margin-bottom: -12px;}