/* Varaibles - config */
/* SCSS*/
body {
  /*background: #F5EEC9;*/
}

.content {
  font-family: Verdana;
  font-size: 14px;
  position: relative;
}


.org-chart {
  display: block;
  clear: both;
  margin-bottom: 30px;
  position: relative;
  /**
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
  /* Box colors */
  /* 1 column */
  /* 2 column */
  /* 3 column */
  /* DEPARTMENTS COLUMNs */
}
.org-chart.cf:before, .org-chart.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.org-chart.cf:after {
  clear: both;
}
.org-chart.cf {
  *zoom: 1;
}
.org-chart ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.org-chart ul li {
  position: relative;
}
/*garis vertikal*/
/*.org-chart ul.columnTwo li.biro:after {
  color: yellow;
  content: "";
  display: block;
  position: relative;
  width: 0px;
  height: 100px;
  border-left: 2px solid #FFD700;
  margin: 0 auto;
  top: -05px;
}*/


.org-chart ul li span {
  display: block;
  border: 3px solid #095f0f;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  color: black;
  font-size: 12px;
  box-shadow: 4px 4px 9px -4px rgba(0, 0, 0, 0.4);
  -webkit-transition: all linear .1s;
  -moz-transition: all linear .1s;
  transition: all linear .1s;
  background: #92D4A8;
  padding: 4px;
}
.org-chart .lvl-b {
  background: green;
  color: #92D4A8;
}
.org-chart .board {
  /*width: 70%;*/
  margin: 0 auto;
  display: block;
  position: relative;
}
/*panjang garis tengah*/
.org-chart .board:before {
  content: "";
  display: block;
  position: absolute;
  /*height: 38em;*/
  height: 115%;
  width: 0px;
  border-left: 2px solid #FFD700;
  margin-left: 50%;
  top: 15px;
}
.org-chart ul.columnOne {
  height: 90px;
  position: relative;
  width: 62.5%;
  float: right;
  display: block;
  clear: both;
}
.org-chart ul.columnOne li {
  width: 40%;
  margin: 0 auto;
  float: right;
  top: 15px;
}
.org-chart ul.columnOne:before {
  content: "";
  display: block;
  position: relative;
  width: 80%;
  height: 10px;
  border-top: 2px solid #FFD700;
  margin: 0 auto;
  float: right;
  top: 40px;
}
.org-chart ul.fakultas {
  height: 90px;
  position: relative;
  width: 83%;
  /*float: right;*/
  display: block;
  clear: both;
}
.org-chart ul.fakultas li {
  width: 80%;
  margin: 0 auto;
  float: right;
  top: 5px;
}
.org-chart ul.fakultas:before {
  content: "";
  display: block;
  position: relative;
  width: 80%;
  height: 10px;
  border-top: 2px solid #FFD700;
  margin: 0 auto;
  float: right;
  top: 40px;
}
.org-chart ul.columnTwo {
  position: relative;
  width: 100%;
  display: block;
  height: 90px;
  clear: both;
}
.org-chart ul.columnTwo li:first-child {
  width: 48%;
  float: left;
  top: 10px;

}
.org-chart ul.columnTwo li {
  width: 48%;
  float: right;
  top: 10px;

}
.org-chart ul.columnTwo:before {
  content: "";
  display: block;
  position: relative;
  width: 80%;
  height: 10px;
  border-top: 2px solid #FFD700;
  margin: 0 auto;
  top: 40px;
}

/*garis vertikal*/
.org-chart ul.columnTwo li div:after {
  color: yellow;
  content: "";
  display: block;
  position: relative;
  width: 0px;
  height: 15px;
  border-left: 2px solid #FFD700;
  margin: 0 auto;
  top: 0px;
}

.org-chart ul.columnThree {
  position: relative;
  width: 100%;
  display: block;
  clear: both;
}
/*kiri*/
.org-chart ul.columnThree li:first-child {
  width: 20%;
  float: left;
  margin-left: 0;
  top: 17px; 
}
/*tengah*/
.org-chart ul.columnThree li {
  width: 50%;
  margin-left: 5%;
  float: left;
}
/*kanan*/
.org-chart ul.columnThree li:last-child {
  width: 20%;
  float: right;
  margin-left: 0;
}
/*garis*/
.org-chart ul.columnThree:before {
  content: "";
  display: block;
  position: relative;
  width: 80%;
  height: 10px;
  border-top: 2px solid #FFD700;
  margin: 0 auto;
  top: 40px;
}
.org-chart ul.four {
  color: red;
  position: relative;
  width: 100%;
  display: block;
  clear: both;
}
.org-chart ul.four li:first-child {
  color: green;
  width: 21%;
  float: left;
  margin-left: 0;
  top: 5px;
}
.org-chart ul.four li {
  color: blue;
  width: 20%;
  margin-left: 5%;
  float: left;
  top: 5px;
}
.org-chart ul.four li {
  width: 21%;
  margin-right: : 5%;
  float: right;
  top: 5px;
}
.org-chart ul.four li:last-child {
  width: 21%;
  float: right;
  margin-left: 0;
  top: 5px;
}
.org-chart ul.four:before {
  color: yellow;
  content: "";
  display: block;
  position: relative;
  width: 80%;
  height: 0px;
  border-top: 2px solid #FFD700;
  margin: 0 auto;
  top: 30px;
}

.org-chart ul.lima {
  color: red;
  position: relative;
  width: 100%;
  display: block;
  clear: both;
}
.org-chart ul.lima li:first-child {
  color: green;
  width: 16%;
  float: left;
  margin-left: 0;
  top: -5px;
}
.org-chart ul.lima li {
  color: blue;
  width: 16%;
  margin-left: 5%;
  float: left;
  top: -5px;
}
.org-chart ul.lima li {
  width: 16%;
  margin-right: : 5%;
  float: right;
  top: -5px;
}
.org-chart ul.lima li {
  width: 16%;
  margin-right: : 5%;
  float: right;
  top: -5px;
}
.org-chart ul.lima li:last-child {
  width: 16%;
  float: right;
  margin-left: 0;
  top: -5px;
}
/*garis horizontal*/
.org-chart ul.lima:before {
  color: yellow;
  content: "";
  display: block;
  position: relative;
  width: 84%;
  height: 5px;
  border-top: 2px solid #FFD700;
  margin: 0 auto;
  top: 0px;
}


/*garis vertikal*/
.org-chart ul.lima li:before {
  color: yellow;
  content: "";
  display: block;
  position: relative;
  width: 0px;
  height: 30px;
  border-left: 2px solid #FFD700;
  margin: 0 auto;
  top: 0px;
}
.org-chart .departments {
  width: 100%;
  display: block;
  clear: both;
}
.org-chart .departments:before {
  content: "";
  display: block;
  width: 85%;
  height: 22px;
  /*border-top: 2px solid #FFD700;*/
 /* border-left: 2px solid #FFD700;
  border-right: 2px solid #FFD700;*/
  margin: 0 auto;
  top: 0px;
  position: center;
}
.org-chart .department {
  display: inline-block;
  text-align: center;
  align-content: center;
  border-left: 2px solid #FFD700;
  width: 50%;
  float: right;
  align-content: center;
  margin: 0px 4px;
  position: center;
}
.org-chart .department:after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 22px;
  border-left: 2px solid #FFD700;
  left: 50%;
  top: -22px;
}
.org-chart .department:first-child:after {
  display: none;
}
.org-chart .department:last-child:after {
  display: none;
}
.org-chart .department.central {
  background: #F5EEC9;
}
.org-chart .department.central:after {
  display: none;
}
.org-chart .department span {
  border-left: 1px solid #FFD700;
}
.org-chart .department li {
  padding-left: 25px;
  border-bottom: 2px solid #FFD700;
  height: 80px;
}
.org-chart .department li span {
  background: #92D4A8;
  top: 38px;
  position: absolute;
  z-index: 1;
  width: 95%;
  height: auto;
  vertical-align: middle;
  right: 0px;
  line-height: 14px;
  border: 3px solid #FFD700;
}
.org-chart .department .sections {
  margin-top: -20px;
}
table {
        width: 100%;
        border-collapse: collapse;
    }

    table, th, td {

        border: 1px solid black;
    }
    td.rektor{
      font-size: 17px;
       padding-top:3%;
      padding-bottom:3%;
      padding-right:3%;   
      padding-left: 3%;   
    }
    td.warek{
      line-height: 95%; 
      font-family: arial;
      font-size: 80%;
      padding-top: 3%;
      padding-right: 1%;
      padding-left:  1%;
      padding-bottom :3%;
    }