/* Basic styling */
/* Draw the lines */

#chart .jOrgChart table{
    /*border-collapse: inherit !important;*/
}

.jOrgChart .line {
    height                : 20px;
    width                 : 2px;
}

.jOrgChart .down {
    background-color 		: black;	
    margin 			: 0px auto;
}

.jOrgChart .top {
    border-top          : 2px solid black;
}

.jOrgChart .left {
    border-right          : 1px solid black;
}

.jOrgChart .right {
    border-left           : 1px solid black;
}

/* node cell */
.jOrgChart td {
    font-family           : Tahoma;
    text-align            : center;
    vertical-align        : top;
    padding               : 0;
}

/* The node */
.jOrgChart .node {
    /*border		: 1px solid #35363B;*/
    display             : inline-block;
    width               : 224px; //132px;
    min-height          : 40px; //66px;
    z-index 		: 10;
    margin              : 0 2px; 
    /*margin              : -9px 2px;*/    
    /*cursor: pointer;*/
    /*background-color: #000;*/
}

.jOrgChart .node a{
    text-decoration: none;
    font-size: 11px;
    color:#FFF !important;
    cursor: pointer;
}

.jOrgChart .node a:hover{    
    text-decoration: none;
    color:highlight !important;
}
/* jQuery drag 'n drop */

.drag-active {
    border-style			: dotted !important;
}

.drop-hover {
    border-style			: solid !important;
    border-color 			: #E05E00 !important;
}

.divEselondua{
    background-color: #FF0000 !important;
}
.divEselontiga{
    background-color: #00B050 !important;
}
.divEselonempat{
    background-color: #00B0F0 !important;
}
.divJFU{
    background-color: #8B8378 !important;
}

.legendMenu{
    z-index: 1000;
    position: relative;
}

.legendMenu .fs td{
    font-family: Tahoma;
    font-size: 12px;
    vertical-align: middle;
    padding: 2px 2px;
}

.legend{
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.gms-orgChart{
    font-size:11px;
    vertical-align: middle;
}

.gms-orgChart .color .black{
    color: black;
}

.gms-orgChart .jabatan {
    background-color : #35363B;
    color: white;
    height: 30px;
    padding: 5px;
}

.gms-orgChart .info{
    color: #000;
}

.tbl-chart, .tbl-chart tr, .tbl-chart tr td, .tbl-chart tr th {
    border-collapse: collapse;
    padding: 6px 6px;
    border-color: #000;
    border-style: solid;
    width: 100%;
    font-size: 11px;
    color: #FFF !important;
}

.tbl-chart-jfu {
    color: #FFF !important;
    border-collapse: collapse;
    border-color: #000;
    border-style: solid;
    width: 100%;
    font-size: 10px;
}

.tbl-chart-jfu tr th {
    background-color: #74726e;
    color: #FFF !important;
    text-align: center;
    vertical-align: middle;
    padding: 6px 6px;
    border-collapse: collapse;
    border-color: #000;
    border-style: solid;
    width: 100%;
    font-size: 11px;
}

.tbl-chart-jfu tr td{
    color: #FFF !important;
    padding: 4px 6px;
    border-collapse: collapse;
    border-color: #000;
    border-style: solid;
    width: 100%;
    font-size: 10px;
}

.tbl-chart-jfu .la {
    text-align: left;
    vertical-align: middle;
}

.tbl-chart-jfu .ra {
    text-align: right;
    vertical-align: middle;
}

.text-center{
    text-align: center !important;
}