div.panel:first-child { margin-top:20px; }
div.treeview { min-width: 100px; min-height: 100px; max-height: 356px; overflow:auto; padding: 4px; margin-bottom: 20px; color: #89817f;
border: solid 1px; border-radius: 4px; text-transform:capitalize; }
div.treeview ul:first-child:before { display: none;}
.treeview, .treeview ul { margin:0; padding:0; list-style:none; color: #89817f; text-transform:capitalize;
font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal;
}
.treeview ul {
    margin-left:1em; position:relative;
}
.treeview ul ul {
    margin-left:.5em;
}
.treeview ul:before {
    content:"";   display:block;    width:0;    position:absolute;    top:0;   left:0; border-left:1px solid;
    
    /* creates a more theme-ready standard for the bootstrap themes */
    bottom:15px;
}
	.tree-branch{
		text-transform:capitalize;
	}
.treeview li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    font-weight:700;
    position:relative;
	text-transform: uppercase;
	}

.divsapration3 {width: 30% !important;}
.divsapration4 {width: 22% !important;}

.divcount5 {clear:both;}
.divcount9 {clear:both;}
.divcount13 {clear:both;}
.divcount17 {clear:both;}
.divcount21 {clear:both;}
.treeview ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree-indicator {
    margin-right:5px;
    
    cursor:pointer;
}
.treeview li a {
    text-decoration: none;
    color:inherit;
    
    cursor:pointer;
}
.treeview li button, .treeview li button:active, .treeview li button:focus {
    text-decoration: none;
    color:inherit;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
.corpclr {color: #5CB85C;}
.locclr  {color: #39B2A9;}
.offclr  {color: #428BCA;}
.speclr  {color: #F0AD4E;}
.clrcode {float:right; /*margin-top: -40px; padding: 15px;*/}


/* Code For Dragable tab */

/*#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable div { margin: -26px 3px 3px 3px; padding: 0.4em; color: #000000;}
#sortable div span { position: absolute; margin-left: -1.3em; }*/


  #sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }

  #sortable li { margin: -26px 3px 3px 3px; padding: 0.4em; color:#000000; float: right; cursor:move; }
  #sortable li span { position: absolute; margin-left: -1.3em; }


/*  #sortable { list-style-type: none; margin: 0; padding: 0; width: 450px; }
  #sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 30px; color: #000000; text-align: center; float:rig }*/
	

.tabbrg1 {background-color: #5CB85C;  text-indent: 1px !important;}
.tabbrg2  {background-color: #39B2A9;  text-indent: 1px !important;}
.tabbrg3  {background-color: #428BCA; text-indent: 1px !important;}
.tabbrg4 {background-color: #F0AD4E;  text-indent: 1px !important;}

.panel .panel-body > h1::after {content: none !important; }

/* ui css*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
	width: 65px;
	height: 16px;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
	
	
}

.col-xs-3:hover {border-radius: 6px; border-collapse: collapse; background-color: #F1F2F7;}
.col-xs-4:hover {border-radius: 6px; border-collapse: collapse; background-color: #F1F2F7;}

.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}


/* Office Welcome Page Css Start*/
.txtcenter{
    text-align: center;
}

.btns a {
    background-color: #e6f2d5;
    color: #000;
    padding: 2px 5px;
    text-decoration: none;
}
.btns a:hover {
    background-color: #6db410;
    color: #fff;
}

.iconborder {
    background-color: #2A3542;
	
	/*background-color: #b1d97e;
    border: 4px solid #f1f1f1;
	box-shadow: 0 0 3px #ccc;
	display: inline-table;*/
    border-radius: 10px;
    box-shadow: 0 0 3px #797979;
	border: 4px solid #f1f1f1;
    display: table-cell;
    height: 63px !important;
    text-align: center;
    vertical-align: middle;
    width: 63px;
}
.iconborder:hover {
    /*background-color: #70a829;*/
	background-color: #797979;
    transition: all 0.2s ease-in-out 0s;
}
.iconborder a {
    display: table-cell;
    position: static;
    vertical-align: middle;
}
.fdtopstrip2 {
    background-color: #6db410 !important;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}



/* Office Welcome Page Css End */