/******************* COMMON TREE STRUCTURE STYLE *****************/
.tree {
    min-height: auto;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #fbfbfb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tree_grid:nth-of-type(even)
{
    background-color: #f5f5f5;
    padding: 25px 40px !important;
    margin: 20px 0;
}
.tree_grid:nth-of-type(odd)
{
    background-color: #ffffff;
    padding: 10px 40px !important;
    margin: 20px 0;
}

.tree .coa_tree_head
{
    color: #ff6600;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #ebebeb;
    padding: 6px 20px !important;
    border: 1px dotted #c1c1c1;
}

.tree ul {
    padding: 0px;
    position: relative;
    list-style: none;
}

.tree ul li {
    list-style-type:none;
    margin:0;
    padding:25px 5px 10px 5px;
    position:relative;
}

.tree ul li ul {
    padding: 5px 5px 0 60px;
    position: relative;
}

/*.tree ul li ul li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 25px 10px;
    position:relative
}*/

.tree ul li ul li {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 25px 10px;
    position: relative;
}

/*.tree ul li ul li ul {
    padding: 0px 5px 0 60px;
    position: relative;
}*/

.tree ul li ul li ul {
    padding: 0px 5px 0 21px;
    position: relative;
}

.tree ul li ul li ul li {
    list-style-type:none;
    margin:0;
    padding:9px 0px 0px 12px;
    position:relative
}

.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #c1c1c1;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
	border-top: 1px solid #c1c1c1;
    height: 20px;
    top: 30px;
    width: 32px;
}
.tree ul li span {
    
    border: 1px solid #c1c1c1;
    display: inline-block;
    padding: 6px 20px !important;
    margin-right: 5px;
    text-decoration: none;
    background-color: #f5f5f5;
    color: #212121;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    cursor: text;
}

.tree ul li ul li span {
    border: 1px solid #c1c1c1;
    display: inline-block;
    padding: 6px 20px !important;
    margin-right: 5px;
    text-decoration: none;
    background-color: #ebebeb;
    color: #000000;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    height: 37px;
}

.tree ul li ul li ul li span {
    
    border: 1px solid #c1c1c1;
    display: inline-block;
    padding: 6px 20px !important;
    margin-right: 5px;
    text-decoration: none;
    background-color: #f5f5f5;
    color: #212121;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
	background: #eee;
    border: 1px solid #505050;
    color: #000;
}
/********************************************************************************/
/******* For Gantchart extra *********/

.tbl_gc_outer
{
    float: left;
    width: 100%;
    height: auto;
    background: #e6e6e6;
    border: 1px solid #dcdbdb;
    border-bottom: 0px;
    padding: 2px 0px 2px 5px;
}

.tbl_gc_left
{
	float: left;
    width: 50%;
    height: auto;
    vertical-align: inherit;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    color: #2a3940;
    padding-top: 5px;
}

.tbl_gc_right
{
	float: left;
    width: 50%;
	text-align:right;
}

.tbl_gc_btn
{
    background: #f4f4f4;
    border: solid 1px #d7d7d7;
    color: #212121;
    padding: 5px 15px;
    text-transform: capitalize;
    border-radius: 2px;
    outline: none;
    box-shadow: none;
    width: auto;
    height: 31px;
    margin-right: 1%;
}

.tbl_gc_btn i
{
	font-size: 16px;
    font-weight: 600;
}


.tbl_gc_edit_btn
{
    background: rgb(244, 244, 244);
    border: solid 1px #dcdbdb;
    color: #fff;
    padding: 5px 15px;
    text-transform: capitalize;
    border-radius: 2px;
    outline: none;
    box-shadow: none;
    width: auto;
    height: 31px;
    margin-right: 1%;
}

.tbl_gc_edit_btn i
{
    font-size: 16px;
    font-weight: 600;
}

#our_table th
{
    height: 45px;
    background-color: #f1f1f1;
    padding: 5px 5px 5px 5px;
    border: 1px solid #dedede;
}

.box {
    display:block;
    width:200px;
    height:100px;
    background-color:#DDD;
}
#pop {
    padding:0px 0px;
}
#example {
    position:relative;
}

.bx_pop_over
{
	background-color: #ebebeb;
    padding:10px 5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #272727;
    width: 250px;
	display: table;
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color:  #ebebeb !important;
    border-bottom-width: 0;
}

.accountmanage_for_list
{
    padding-left: 15px !important;
    padding-top: 20px !important;
}

.chart-account-details
{
    position: fixed;
    top: 145px;
    right: 17px;
    min-width: 600px;
    background-color: transparent;
    overflow-y: scroll;
    overflow-x: hidden;
    height: auto;
    max-height: 500px;
    min-height: 500px;
}

.chart-account-details::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 0px;
   
}

.hide_cad_btn{
    background: transparent;
    border: none;
    outline: none;
    padding: 0px !important;
    margin: 0px !important;
    height: 30px;
}
.hide_cad_btn i:hover{ color: #ff2200;}
/******************* TREE STRUCTURE STYLE FOR BANK ### Manage Ledger*****************/

#acc_manage_ledger .tree {
    min-height: auto;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #fbfbfb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#acc_manage_ledger .tree_grid:nth-of-type(even)
{
    background-color: #f5f5f5;
    padding: 25px 40px !important;
    margin: 20px 0;
}

#acc_manage_ledger .tree_grid:nth-of-type(odd)
{
    background-color: #ffffff;
    padding: 25px 40px !important;
    margin: 20px 0;
}

#acc_manage_ledger .tree .coa_tree_head
{
    color: #ff6600;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #ebebeb;
    padding: 5px 15px;
    border: 1px dotted #c1c1c1;
}

#acc_manage_ledger .tree ul {
    padding: 0px;
    position: relative;
    list-style: none;
}

#acc_manage_ledger .tree ul li {
    list-style-type:none;
    margin:0;
    padding:25px 5px 10px 5px;
    position:relative;
}

#acc_manage_ledger .tree ul li ul {
    padding: 0px 5px 0 60px;
    position: relative;
}

#acc_manage_ledger .tree ul li ul li {
    list-style-type:none;
    margin:0;
    padding:8px 5px 0 13px;
    position:relative
}

#acc_manage_ledger .tree ul li ul li ul {
    padding: 22px 5px 0 19px;
    /*padding: 22px 5px 0 19px;*/
    position: relative;
}

#acc_manage_ledger .tree ul li ul li ul li {
    list-style-type:none;
    margin:0;
    padding:9px 0px 0px 12px;
    position:relative
}

#acc_manage_ledger .tree ul li ul li ul li ul {
    padding: 0px 5px 0 55px;
    position: relative;
}

#acc_manage_ledger .tree ul li ul li ul li ul li {
    list-style-type: none;
    margin: 0;
    padding: 13px 0px 0px 12px;
    position: relative;
    
}

#acc_manage_ledger .tree ul li ul li ul li ul li span {
    
    border: 1px solid #c1c1c1;
    display: inline-block;
    padding: 6px 20px !important;
    margin-right: 5px;
    text-decoration: none;
    background-color: #f5f5f5;
    color: #ff0000;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

#acc_manage_ledger .tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}

#acc_manage_ledger .tree li::before {
    border-left:1px solid #c1c1c1;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}

#acc_manage_ledger .tree li::after {
	border-top: 1px solid #c1c1c1;
    height: 20px;
    top: 30px;
    width: 32px;
}

#acc_manage_ledger .tree ul li span {
    
    border: 1px solid #c1c1c1;
    display: inline-block;
    padding: 6px 20px !important;
    margin-right: 5px;
    text-decoration: none;
    background-color: #f5f5f5;
    color: #212121;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    cursor: text;
}

#acc_manage_ledger .tree ul li ul li span {
    
    border: 1px solid #c1c1c1;
    display: inline-block;
    padding: 6px 20px !important;
    margin-right: 5px;
    text-decoration: none;
    background-color: #f5f5f5;
    color: #212121;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

#acc_manage_ledger .tree ul li ul li ul li span {
    
    border: 1px solid #c1c1c1;
    display: inline-block;
    padding: 6px 20px !important;
    margin-right: 5px;
    text-decoration: none;
    background-color: #f5f5f5;
    color: #212121;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

#acc_manage_ledger .tree li.parent_li>span {
    cursor:pointer
}

#acc_manage_ledger .tree>ul>li::before, .tree>ul>li::after {
    border:0
}

#acc_manage_ledger .tree li:last-child::before {
    height:30px
}

#acc_manage_ledger .tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
	background: #eee;
    border: 1px solid #505050;
    color: #000;
}

/********************************************************************************/
/******************* Balance sheet STYLE *****************/
.acc_header{
    font-size: 14px;
}
.acc_type{
    font-size: 10px;
    color: red;
    text-transform: uppercase;
}
/********************************************************************************/