*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.cf:before,.cf:after{content:" ";display:table}
.cf:after{clear:both}
.cf{*zoom:1}
#chartComp{background:#fff;font-family:"Poppins"}
.content{width:85%;height:2860px}
#chartComp a:focus{outline:2px dashed #f7f7f7}
@media screen and (max-width:767px){#chartComp .content{padding:0 20px}
}
#chartComp ul{padding:0;margin:0;list-style:none}
#chartComp ul a{display:block;background:#ccc;text-align:center;overflow:hidden;font-size:.7em;text-decoration:none;font-weight:bold;color:#333;height:90px;margin-bottom:-26px;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;transition:all linear .1s;border-radius:12px}
@media screen and (max-width:767px){#chartComp ul a{font-size:1em}
}
#chartComp ul a span{top:35%;margin-top:-0.7em;display:block}
#chartComp ul.departments a.alevel4 span{top:14%}
#chartComp .administration>li>a{margin-bottom:25px}
#chartComp .director>li>a{width:30%;margin:0 auto 0 auto;top:0}
#chartComp .subdirector:after{content:"";display:block;width:0;height:34px;background:red;border-left:4px solid #ffb9b9;left:49.45%;position:relative;top:25px}
#chartComp .subdirector,#chartComp .departments{position:absolute;width:100%}
@media screen and (max-width:767px){#chartComp .subdirector:after{left:49.8%}
}
#chartComp .departments li:nth-child(1){margin-left:0;clear:left}
#chartComp .departments:after{content:"";display:block;position:absolute;width:82.1%;height:22px;border-top:4px solid #ffb9b9;border-right:4px solid #ffb9b9;border-left:4px solid #ffb9b9;margin:0 auto;top:-23px;left:5.1%}
#chartComp ul.departments{left:-9%;width:125%;top:157px}
#chartComp .department.dep-a:before{border:0}
#chartComp ul.departments a span{top:20%}
#chartComp ul.departments a{height:180px}
#chartComp ul.sections a span{top:30%;padding-left:3px;padding-right:3px}
#chartComp ul.level2 .level2border{border-left:4px solid #ffb9b9;height:30px;top:0;display:block;margin-left:49.45%}
#chartComp ul.level1 .level1border{border-left:4px solid #ffb9b9;height:30px;top:0;display:block;margin-left:49.45%}
#chartComp .level5border{border-left:4px solid #ffb9b9;height:50px;top:26px;left:49.45%;display:block}
#chartComp .level3border{border-left:4px solid #ffb9b9;height:45px;top:0;display:block;margin-left:49.45%}
#chartComp ul.level2{top:0}
#chartComp ul.level1{top:0}
#chartComp .alevel1,.alevel2{width:30%}
#chartComp li.sectionouterli>ul.sections{padding-top:56px}
#chartComp li.sectionouterli>ul.sections li.section{border-left:4px solid #ffb9b9}
#chartComp .designation-font{font-size:18px;padding-top:14px}
#chartComp a.alevel1{font-size:20px;font-weight:600;background:#244b81;color:white;margin:0 auto 0 auto}
#chartComp a.alevel2{font-size:20px;font-weight:600;background:#a4bade;margin:0 auto 0 auto}
#chartComp a.alevel3{font-size:20px;font-weight:600;background:#c4e0b4}
#chartComp a.alevel4{font-size:12px;font-weight:500;background:#b3faff}
#chartComp li.section a{font-size:12px;font-weight:500;background:#d9d9d9}
#chartComp a.alevel5{font-size:12px;font-weight:500;background:#fbd5d6;width:102% !important;left:-2%}
#chartComp a.alevel5 span{top:30% !important;padding-right:4px;padding-left:4px}
#chartComp .department li.sectionouterli{border-bottom:0;padding-left:1px}
#chartComp ul.sections li.section{border-left:4px solid #ffb9b9}
@media screen and (max-width:767px){#chartComp .departments:after{border-right:0;left:0;width:49.8%}
.content{width:85%;height:9700px}
ul.departments>li:nth-child(3n){margin-bottom:21%}
#chartComp .alevel1{width:100%}
#chartComp .director>li>a{width:100%}
#chartComp ul a.alevel1 span{top:16%}
#chartComp .department.dep-b{margin-top:840%}
}
@media screen and (min-width:768px){#chartComp .department:first-child:before,#chartComp .department:last-child:before{border:0}
}
#chartComp .department:before{content:"";display:block;position:absolute;width:0;height:22px;border-left:4px solid #ffb9b9;z-index:1;top:-22px;left:50%;margin-left:-4px}
#chartComp .department{width:10%;float:left;margin-left:1.751313485113835%;margin-bottom:60px}
#chartComp .lt-ie8 .department{width:18.25%}
@media screen and (max-width:767px){#chartComp .department{float:none;width:100%;margin-left:0}
#chartComp .department:before{content:"";display:block;position:absolute;width:0;height:60px;border-left:4px solid #ffb9b9;z-index:1;top:-60px;left:0;margin-left:0}
#chartComp .department:nth-child(2):before{display:none}
ul.departments>li:nth-child(3n){margin-bottom:21%}
#chartComp .alevel1{width:100%}
#chartComp .director>li>a{width:100%}
#chartComp ul a.alevel1 span{top:16%}
#chartComp .alevel2{width:100%}
}
#chartComp .department>a{margin:0 0 -26px -4px;z-index:1}
#chartComp .department>a:hover{box-shadow:8px 8px 9px -4px rgb(0 0 0 / 10%);height:180px;width:175%;z-index:3;font-size:14px;background:#a9f3f8;text-decoration:none;color:#333}
#chartComp .department li a.alevel5:hover{box-shadow:8px 8px 9px -4px rgb(0 0 0 / 10%);height:100px;width:125% !important;z-index:3;font-size:14px;background:#f8e0d0;text-decoration:none;color:#333}
#chartComp .department>ul{margin-top:0;margin-bottom:0}
#chartComp .department li{padding-left:25px;border-bottom:4px solid #ffb9b9;height:93px}
#chartComp .department li a{top:60px;position:absolute;z-index:1;width:90%;height:75px;vertical-align:middle;right:-1px}
#chartComp .department li a:hover{box-shadow:8px 8px 9px -4px rgb(0 0 0 / 10%);height:110px;width:125%;top:43px;z-index:2;font-size:16px;padding-left:4px;padding-right:4px;background:#cfcfcf;text-decoration:none;color:#333}
.bottomInfo{margin-bottom:0;padding:4px;border:1px solid black}
#bottomInfoText{margin-top:20px;padding:0 6%}
#chartComp a:hover{text-decoration:none}