/* 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: 12px;
    color:#FFF !important;
    cursor: pointer;
    font-weight: bold;
}

.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;
}

.divMerah{
    background-color: #B71C1C !important;
}
.divBiru{
    background-color: #009688 !important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
    background-image: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
    background-image: -o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
    background-image: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
    background-image: linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
}
.divHijau{
    background-color: #01579B !important;
}
.divGrey{
    background-color: #9E9E9E !important;
}

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

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

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

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

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

.anjab-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: #fff;
    border-style: solid;
    width: 100%;
    font-size: 12px;
    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: 13px;
}

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

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