/*     #wrapper, */
/*     .orga-container { */
/*         margin-left: auto; */
/*         margin-right: auto; */
/*         max-width: 80em; */
/*     } */

/*     #container, */
/*     .orga-wrapper { */
/*         float: left; */
/*         padding: 1em; */
/*         width: 100%; */
        
/*     } */
    

    ol.organizational-chart,
    ol.organizational-chart ol,
    ol.organizational-chart li,
    ol.organizational-chart li>div {
        position: relative;
    }

    ol.organizational-chart,
    ol.organizational-chart ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    ol.organizational-chart {
        text-align: center;
            margin-top: 4px;
    }

    ol.organizational-chart ol {
        padding-top: 1em;
    }

    ol.organizational-chart ol:before,
    ol.organizational-chart ol:after,
    ol.organizational-chart li:before,
    ol.organizational-chart li:after,
    ol.organizational-chart>li>div:before,
    ol.organizational-chart>li>div:after {
        background-color: #b7a6aa;
        content: '';
        position: absolute;
    }

    ol.organizational-chart ol>li {
        padding: 1em 0 0 1em;
    }
    
    
/*     .organizational-chart.v2 ol>li{ */
/* 	width: fit-content !important; */
/* } */
    
    
    
    ol.organizational-chart h6{
    margin-bottom:0;}
    
/*      ol.organizational-chart ol>li:first-child { */
/*         padding-left: 0; */
/*     } */

    ol.organizational-chart>li ol:before {
        height: 1em;
        left: 50%;
        top: 0;
        width: 2px;
    }

    ol.organizational-chart>li ol:after {
        height: 2px;
        left: 2px;
        top: 1em;
        width: 50%;
    }

    ol.organizational-chart>li ol>li:not(:last-of-type):before {
        height: 2px;
        left: 0;
        top: 2em;
        width: 1em;
    }

    ol.organizational-chart>li ol>li:not(:last-of-type):after {
        height: 100%;
        left: 0;
        top: 0;
        width: 2px;
    }

    ol.organizational-chart>li ol>li:last-of-type:before {
        height: 2px;
        left: 0;
        top: 2em;
        width: 1em;
    }

    ol.organizational-chart>li ol>li:last-of-type:after {
        height: 2em;
        left: 0;
        top: 0;
        width: 2px;
    }

    ol.organizational-chart li>div {
/*         background-color: #fff; */
        border-radius: 2px;
/*         min-height: 3.4em; */
           padding: 0.7em;
            box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
    transition: box-shadow .15s,transform .15s;
    }
    
    ol.organizational-chart li>div:hover{
      box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #5c5c5c 0 -3px 0 inset;
    transform: translateY(-2px);
    }
  

    /*** PRIMARY ***/
    ol.organizational-chart>li>div {
        background-color: #0B1941;
        margin-right: 1em;
    }
    ol.organizational-chart>li>div>h5{
    	color: #fff;
    	margin-bottom: 0;
    	    line-height: normal;
    }

    ol.organizational-chart>li>div:before {
        bottom: 2em;
        height: 2px;
        right: -1em;
        width: 1em;
    }

    ol.organizational-chart>li>div:first-of-type:after {
        bottom: 0;
        height: 2em;
        right: -1em;
        width: 2px;
    }

    ol.organizational-chart>li>div+div {
        margin-top: 1em;
    }

    ol.organizational-chart>li>div+div:after {
        height: calc(100% + 1em);
        right: -1em;
        top: -1em;
        width: 2px;
    }

    /*** SECONDARY ***/
    ol.organizational-chart>li>ol:before {
        left: inherit;
        right: 0;
    }

    ol.organizational-chart>li>ol:after {
        left: 0;
        width: 100%;
    }

ol.organizational-chart>li>ol>li>div {
/* 	background-color: #b3fafe; */
/* 	border: 1px solid #00f1ff; */
/*     background: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%); */
/* background:#708BDB; */
	height: auto;
	    margin: 0 4px;
	display: flex;
	align-items: center;
	    justify-content: center;
	    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
	        transition: box-shadow .15s,transform .15s;
}

ol.organizational-chart>li>ol>li>div:hover{
/* 	 box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #313131 0 -3px 0 inset; */
    transform: translateY(-2px);
}
   

ol.organizational-chart>li>ol>li>div>h6 {
        margin-bottom: 0;
        line-height: 22px;
        color:#fff;     
    font-size: 18px;
    }
ol.organizational-chart li.orgch-l1-item, ol.organizational-chart li.orgch-l2-item{
	padding-left: 0;
}

    /*** TERTIARY ***/
/*     ol.organizational-chart>li>ol>li>ol>li>div { */
/*         background-color: #ADBDEB; */
/*     } */

    /*** QUATERNARY ***/
/*     ol.organizational-chart>li>ol>li>ol>li>ol>li>div { */
/*         background-color: #D6DEF5; */
/*     } */

    /*** QUINARY ***/
    ol.organizational-chart>li>ol>li>ol>li>ol>li>ol>li>div {
        background-color: #fddc32;
    }
    
    /* custom css start */
    
    .orgch-l2-title,
    .orgch-l1-title{
        width: auto !important;
    display: inline-block !important;
    }
    
    .orgch-main{
        background-color: #264653 !important;
    }
    .orgch-main:hover{
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #1b3742 0 -3px 0 inset !important;
    }
    .orgch-l1-title{
    background:#2a9d8f !important;
    }
    
    .orgch-l1-title:hover{
       box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #0b594f 0 -3px 0 inset !important;
    background: #1d7f73 !important;
    }
    
     .orgch-l2-title{
    background:#e9c46a !important;
    }
    
    .orgch-l2-title:hover{
        box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #a98734 0 -3px 0 inset !important;
    background: #fbc94e !important;
    }
    
     .orgch-l2-title:hover{
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #a98734 0 -3px 0 inset !important;
    }
    
       .orgch-l3-title{
    background:#f4a261 !important;
    }
    
      .orgch-l3-title:hover{
          background: #ee9956 !important;
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #715718 0 -3px 0 inset !important;
    }
    
    .orgch-l32-title{
    background: #a3c19d !important;
    }
    
    .orgch-l32-title:hover { 
    background: #8db186 !important;
     box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #416938 0 -3px 0 inset !important;
}
    
    .orgch-l33-title{
        background: #ADBDEB !important;
    }
    
     .orgch-l33-title:hover{
        background: #8ea1d8 !important;
         box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #475c97 0 -3px 0 inset !important;
    }
    
    
     .orgch-l1-title .orgch-title, .orgch-l1-title .orgch-subtitle{
     color:#fff;
     }
    .orgch-l2-title .orgch-title, .orgch-l2-title .orgch-subtitle,
    .orgch-l3-title .orgch-title, .orgch-l3-title .orgch-subtitle,
    .orgch-l32-title .orgch-title, .orgch-l33-title .orgch-title,
    .orgch-l32-title .orgch-subtitle, .orgch-l33-title .orgch-subtitle{
     color:#1a1a1a !important;
    }
    
    .org-info-block{
    position:relative;
    padding-right:1.3em !important;
    }
    
    .org-info-block:after{
    position: absolute;
    content: "\f08e";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    right: 0;
    top: 0;
    padding: 3px;
    border-radius: 2px;
    line-height: normal;
    color: var(--dark-shade);
    font-weight: 600;
    }
    
     .orgch-subtitle,
     .orgch-title{
     letter-spacing:1px;
      color:#fff;
      margin-bottom:0;
          font-size: 1rem;
    font-weight: 600;

     }
      .orgch-title{
         background: rgb(255 255 255 / 10%);
      }
    .orgch-subtitle{
       margin-top:0.5rem;
       font-weight: 400;
           font-size: 1rem;
    line-height: normal;
/*     color:#fff; */
    }
    
    .orgch-img{
    max-width: 80px;
    border-radius: 2px;
    margin: -60px auto 10px auto;
    height: 90px;
    background: #f6f6f6;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    
    .organizational-chart-v2 .orgch-main{
        margin-top: 40px;
        padding: 24px 10px;
    }
    
    ol.organizational-chart.v2 ol>li {
    width: fit-content;
}
     /* custom css end */

    /*** MEDIA QUERIES ***/
    @media only screen and (min-width: 64em) {

/*         ol.organizational-chart { */
/*             margin-left: -1em; */
/*             margin-right: -1em; */
/*         } */

        /* PRIMARY */
        ol.organizational-chart>li>div {
            display: inline-block;
            float: none;
            margin: 0 1em 1em 1em;
            vertical-align: bottom;
                padding: 12px 10px;
        }

        ol.organizational-chart>li>div:only-of-type {
            margin-bottom: 0;
/*             width: calc((100% / 1) - 2em - 4px); */
             width: auto;
        }

        ol.organizational-chart>li>div:first-of-type:nth-last-of-type(2),
        ol.organizational-chart>li>div:first-of-type:nth-last-of-type(2)~div {
            width: calc((100% / 2) - 2em - 4px);
        }

        ol.organizational-chart>li>div:first-of-type:nth-last-of-type(3),
        ol.organizational-chart>li>div:first-of-type:nth-last-of-type(3)~div {
            width: calc((100% / 3) - 2em - 4px);
        }

        ol.organizational-chart>li>div:first-of-type:nth-last-of-type(4),
        ol.organizational-chart>li>div:first-of-type:nth-last-of-type(4)~div {
            width: calc((100% / 4) - 2em - 4px);
        }

        ol.organizational-chart>li>div:first-of-type:nth-last-of-type(5),
        ol.organizational-chart>li>div:first-of-type:nth-last-of-type(5)~div {
            width: calc((100% / 5) - 2em - 4px);
        }

        ol.organizational-chart>li>div:before,
        ol.organizational-chart>li>div:after {
            bottom: -1em !important;
            top: inherit !important;
        }

        ol.organizational-chart>li>div:before {
            height: 1em !important;
            left: 50% !important;
            width: 2px !important;
        }

        ol.organizational-chart>li>div:only-of-type:after {
            display: none;
        }

        ol.organizational-chart>li>div:first-of-type:not(:only-of-type):after,
        ol.organizational-chart>li>div:last-of-type:not(:only-of-type):after {
            bottom: -1em;
            height: 2px;
            width: calc(50% + 1em + 2px);
        }

        ol.organizational-chart>li>div:first-of-type:not(:only-of-type):after {
            left: calc(50% + 2px);
        }

        ol.organizational-chart>li>div:last-of-type:not(:only-of-type):after {
            left: calc(-1em - 2px);
        }

        ol.organizational-chart>li>div+div:not(:last-of-type):after {
            height: 2px;
            left: -2em;
            width: calc(100% + 4em);
        }

        /* SECONDARY */
        ol.organizational-chart>li>ol {
            display: flex;
            flex-wrap: nowrap;
/*             overflow:hidden; */
        }

        ol.organizational-chart>li>ol:before,
        ol.organizational-chart>li>ol>li:before {
            height: 1em !important;
            left: 50% !important;
            top: 0 !important;
            width: 2px !important;
        }

        ol.organizational-chart>li>ol:after {
            display: none;
        }

        ol.organizational-chart>li>ol>li {
            flex-grow: 1;
/*             padding-left: 1em; */
/*             padding-right: 1em; */
/*             padding-top: 1em; */
/*  padding-bottom: 10000px; */
/*     margin-bottom: -10000px; */
        }

        ol.organizational-chart>li>ol>li:only-of-type {
            padding-top: 0;
        }

        ol.organizational-chart>li>ol>li:only-of-type:before,
        ol.organizational-chart>li>ol>li:only-of-type:after {
            display: none;
        }

        ol.organizational-chart>li>ol>li:first-of-type:not(:only-of-type):after,
        ol.organizational-chart>li>ol>li:last-of-type:not(:only-of-type):after {
            height: 2px;
            top: 0;
            width: 50%;
        }

        ol.organizational-chart>li>ol>li:first-of-type:not(:only-of-type):after {
            left: 50%;
        }

        ol.organizational-chart>li>ol>li:last-of-type:not(:only-of-type):after {
            left: 0;
        }

        ol.organizational-chart>li>ol>li+li:not(:last-of-type):after {
            height: 2px;
            left: 0;
            top: 0;
            width: 100%;
        }

    }
    
    /* iPad 768 (portrait) view*/
@media only screen and (max-width: 1023px) {
	  ol.organizational-chart ol>li:first-child {
       padding: 1em 0 0 1em;
}
}

/* iPhone-6 667 (Landscape) view */
@media only screen and (max-width: 735px) {
ol.organizational-chart>li>ol>li>div>h6 {
    font-size: 16px;
}
ol.organizational-chart li>div {
	    min-height: auto;
}
ol.organizational-chart>li>div>h5{
	    font-size: 18px;
}
.ol.organizational-chart>li>ol>li>div{
	height:auto;
}
}