/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 18, 2019, 1:02:41 PM
    Author     : leila sepahkar
*/
.defaultProp{
    overflow: hidden !important; 
    max-height: 22px !important;

}

.leftProp{
    text-align: left;
    max-height: 20px !important;
}

.rightProp{
    text-align: right;
}

.defaultTopProp{
    /*    text-align: left !important;
        padding-left: 2px;*/
    border-top: 1px solid gray;
    overflow: hidden !important; 
    max-height: 20px;

}

.centerBottomProp{
    text-align: center !important;
    overflow: hidden !important; 
    border-bottom: 1px solid gray;

}

.orgchart .node {
    padding: 0px 3px !important;
    border: none;
}

.orgchart .node:hover {
    cursor: pointer;
    padding: 3px !important;
}

.orgchart{
    background-image:none !important;
    direction: ltr !important;
}

.orgchart .lines .topLine {
    border-top: 2px solid gray !important;
}

.orgchart .lines .rightLine {
    border-right: 1px solid gray !important;
}

.orgchart .lines .leftLine {
    border-left: 1px solid gray !important;
}

.orgchart .lines .downLine {
    background-color: gray !important;
}

.imgCaption{
    background-color: #05fa11 ;
    border-top: solid 1px gray;
    margin-top: 3px;
    color: black !important;
}

.highlightNode{
    border: solid 2px black !important;
    box-shadow:  0.3em 0.3em 1em rgba(0,0,0,0.3);

}

.highlightNode .imgCaption{
    border-top: solid 2px black !important;
    margin-top: 0px !important;
}

.highlightNode .defaultTopProp{
    border-top: 2px solid black !important;
}

.highlightNode .imgContainer{
    border-left: 2px solid black !important;
}

.highlightNode .centerBottomProp{
    border-bottom: 2px solid black !important;
}

@keyframes show-hide{
    0% {opacity:0;}
    80% {opacity:1;} 
    100% {opacity:0;}
}
@-webkit-keyframes show-hide{
    0% {opacity:0;}
    80% {opacity:1;} 
    100% {opacity:0;}
}
@-moz-keyframes show-hide{
    0% {opacity:0;}
    80% {opacity:1;} 
    100% {opacity:0;}
}
@-ms-keyframes show-hide{
    0% {opacity:0;}
    80% {opacity:1;} 
    100% {opacity:0;}
}

.highlightNode .imgContainer img{
    animation: show-hide 3s ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation: show-hide 3s ease-in-out;
    -moz-animation: show-hide 3s ease-in-out;
    -moz-animation-iteration-count: infinite;
    -ms-animation: show-hide 3s ease-in-out;
}

.orgChartMain{
    direction: rtl !important;
    width:300px !important;
    height : 110px !important; 
    font-size: 9px !important;
    border: solid 1.2px gray;  
}

.orgChartDiv{
    display : inline-block !important;
}

.orgchart .node .edge{
    font-size: 23px !important;
}

.orgChartDiv.imgContainer{
    width : 60px !important;
    text-align: center;
    vertical-align: top;
    padding-top:2px;
    height:108px;
    border-left: 1px solid gray;
}

.orgChartDiv.imgContainer img{
    width : 50px !important;
    vertical-align: middle !important;
}

.orgChartDiv.dataContainer{
    width : 230px !important;
}

.defaultNode{
    background-color: #77d0fc;
}

.first-level{
    background-color: #ffa114;
}

.middle-level1{
    background-color: #77d0fc; 
}

.middle-level2{
    background-color:#fa646f;
}

.middle-level3{
    background-color:  #fcf738;
}

.middle-level4{
    background-color: #fabd55;
}


.middle-level5{
    background-color: #fc6d77;
}

.middle-level6{
    background-color: #bb7dfa;
}

.middle-level7{
    background-color: #92d9fc; 
}

.middle-level8{
    background-color:#fcf851;
}

.middle-level9{
    background-color:  #be86f7;
}
.middle-level10{
    background-color:  #F3B200;
}
.middle-level11{
    background-color:  #77B900;
}
.middle-level12{
    background-color:  #2572EB;
}
.middle-level13{
    background-color:  #C1004F;
}
.middle-level14{
    background-color:  #7200AC;
}
.middle-level15{
    background-color:  #00C13F;
}
.middle-level16{
    background-color:  #4617B4;
}
.middle-level17{
    background-color:  #008287;
}
.middle-level18{
    background-color:  #FF981D;
}
.middle-level19{
    background-color:  #006AC1;
}
.middle-level9{
    background-color:  #FF2E12;
}
.middle-level20{
    background-color:  #199900;
}
.middle-level21{
    background-color:  #FF1D77;
}
.middle-level22{
    background-color:  #AA40FF;
}
.middle-level23{
    background-color:  #1FAEFF;
}
.middle-level24{
    background-color:  #56C5FF;
}
.middle-level25{
    background-color:  #00D8CC;
}
.middle-level26{
    background-color:  #91D100;
}
.middle-level27{
    background-color:  #E1B700;
}
.middle-level28{
    background-color:  #FF76BC;
}
.middle-level29{
    background-color:  #00A3A3;
}
.middle-level30{
    background-color:  #FE7C22;
}
.middle-level31{
    background-color:  #D39D09;
}
.middle-level32{
    background-color:  #E064B7;
}
.middle-level33{
    background-color:  #83BA1F;
}
.middle-level34{
    background-color:  #00AAAA;
}
.middle-level35{
    background-color:  #569CE3;
}
.middle-level36{
    background-color:  #C69408;
}
.middle-level37{
    background-color:  #DE4AAD;
}
.middle-level38{
    background-color:  #7BAD18;
}
.middle-level39{
    background-color:  #008E8E;
}
.middle-level40{
    background-color:  #4294DE;
}
.middle-level41{
    background-color:  #E773BD;
}
.middle-level42{
    background-color:  #CEA539;
}
.middle-level43{
    background-color:  #94BD4A;
}
.middle-level44{
    background-color:  #439D9A;
}
.middle-level45{
    background-color:  #6BA5E7;
}
.middle-level46{
    background-color:  #7F6E94;
}
.middle-level47{
    background-color:  #C27D4F;
}
.middle-level48{
    background-color:  #FF981D;
}
.middle-level49{
    background-color:  #3A9548;
}
.middle-level50{
    background-color:  #AA4379;
}
.middle-level51{
    background-color:  #15992A;
}
.middle-level52{
    background-color:  #C35D15;
}
.middle-level53{
    background-color:  #00A0B1;
}
.middle-level54{
    background-color:  #A700AE;
}
.middle-level55{
    background-color:  #643EBF;
}
.middle-level56{
    background-color:  #BF1E4B;
}
.middle-level57{
    background-color:  #DC572E;
}
.middle-level58{
    background-color:  #00A600;
}
.middle-level59{
    background-color:  #0A5BC4;
}
.middle-level60{
    background-color:  #E56C19;
}

.transferNode{
    color: white;
    font-weight: bold;
    background-color: #0A5BC4;
}

.transferNode .defaultProp{
    max-height: 44px !important;
}


.transferNode .imgCaption{
    background-color: #fcf851 !important;
}