﻿
.organizationchart {
    font-family: 'Bebas Neue';
    text-transform: uppercase;
    box-sizing: border-box;
}

    .organizationchart ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .organizationchart li {
        display: block !important;
        font-size: 14px;
        width: 100%;
        margin: 0 auto 5px;
        position: relative;
    }

    .organizationchart li a {
         display: table !important;
         width:100%;
         padding: 0px;
         text-decoration: none;
         color: #ffffff;
         
         margin-bottom: 5px;
         transition-duration: 0.3s;
         transition-timing-function: ease-in-out;
    }
        .organizationchart span.menu-item-text {
            font-family: 'Bebas Neue';
            font-weight: 400;
            display: block !important;
            line-height: 1em;
            padding-top: 6px;
        }

    /* level colors */
	.organizationchart a>span{
		font: 14px BebasNeue !important;
		color:white;
	}
	.organizationchart a>span>span{
		font: 30px BebasNeue !important;
	}
	
	.organizationchart li>a>span:hover{
		color:black;   
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
	}
	
	.organizationchart .root>li>a>span:hover{
		color:gray;   
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
	}
	
    .organizationchart li a, .organizationchart li a:hover {
        background-color: #2c2f2b;
    }
    .organizationchart li>a:hover {
        background-color: #2c2f2b !important;
    }

    .organizationchart li a:hover {
        background-color: #2c2f2b;
    }
    .organizationchart li li a {
        background-color: #c9d0d2;
         background-image: url('../img/img-noise-50x50_2.png');
    }
    .organizationchart li li li a {
        background-color: #8f9596;
    }
    .organizationchart li li li li a {
        background-color: #5d6668;
		background-image:none;
		color:gray!important;
    }
    .organizationchart li li li li li a {
        background-color: #454F51;
		color:gray!important;
    }

    .organizationchart li li a .toggler {
        background-color: #8f9596;
    }
    .organizationchart li li li a .toggler {
        background-color: #5d6668;
    }
    .organizationchart li li li li a .toggler {
        background-color: #454F51;
    }
  
    
    /* level font-size */
    .organizationchart li a span.menu-item-text {
        font-size: 40px!important;
    }
    .organizationchart li li a span.menu-item-text {
        font-size: 30px!important;
    }
    .organizationchart li li li a span.menu-item-text {
        font-size: 25px!important;
    }
    .organizationchart li li li li a span.menu-item-text {
        font-size: 20px!important;
    }

     /* level margins */
    .organizationchart ul ul ul  {
        margin-left: 17px;
    }
    .organizationchart a span{
        display: table-cell;
    }
    .organizationchart a span.additional-background {
        display: table-cell;
        padding: 6px;
		padding-top: 0px;
    }
    .organizationchart a span.toggler {
        width: 50px;
        color: #ffffff;
        text-align: center;
        vertical-align: middle;
        font-family: icon-exercito;
        font-size: 1.5em;
    }
    .organizationchart a .toggler:before {
        content: '\e922';
    }
    .organizationchart a.selected .toggler:before {
        content: '\e923';
    }
    .organizationchart li li a.selected, .organizationchart li li a:hover {
        background-color: #aea583 !important;
    }
    .organizationchart li li a:hover {
        color: #000000;
    }
    .organizationchart li li a.selected .toggler, .organizationchart li li a:hover .toggler {
        background-color: #b9b08c;
    }

	/*level size*/
    .organizationchart li a {
        height:70px;
    }
	
    .organizationchart li li a {
        height:55px;
    }
    .organizationchart li li li a {
        height:45px;
    }
    .organizationchart li li li li a {
        height:40px;
    }
    .organizationchart li li li li li a {
        height:35px;
    }
	
    .organizationchart li li a .toggler {
        height:55px;
		padding-top: 19px;
    }
    .organizationchart li li li a .toggler {
        height:45px;
		padding-top: 14px;
    }
    .organizationchart li li li li a .toggler {
        height:40px;
		padding-top: 11px;
    }
    .organizationchart li li li li li a .toggler {
        height:35px;
		padding-top: 6px;
    }
	
	
.organizationchart .menu-item,
.organizationchart .menu-item-text{
    padding:0!important;
}
.organizationchart a{
    height: 65px;
}
.organizationchart a>span{
    font: 14px BebasNeue!important;
    color:white;
}
.organizationchart a>span>span{
    font: 30px BebasNeue!important;
}
.organizationchart .toggler{
    color:white;
    position: absolute;
    right: 0;
    top:0;
    font-family: icon-exercito!important;
    font-size: 18px!important;
}