.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#000;
    
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#000;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.clientnamebgColor
{
  border:1px solid 63A6E1 !important ;
}
#showClients
{
  border:1px solid #63A6E1;
}

.clientnamebgColor {
	background-color: #ffffff;
	margin-top: -10px;
	max-height: 250px;
	overflow-y: auto;
	position: absolute;
	padding: 8px 2px;
	width: 88%;
	z-index: 9999;
}
.ku_label
{
   font-size:11px !important;
   width:120px;
}

#mydiv {
    position:fixed;
    top: 50%;
    left: 59%;
    width:25em;
    height:5em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    
    background-color: #f3f3f3;
    z-index:9999;
}

.fragment {
    font-size: 12px;
    font-family: tahoma;
    height: 114px;
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
     background-color: #fff;
}

.fragment:hover {
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);

}

.fragment img { 
    float: left;
    margin-right: 10px;
}


.fragment h3 {
    padding: 4px;
    margin: -10px;
    color: #fff;
   background-color: #6C97E9;
}
.fragment h4 {
    padding: 0;
    margin: 0;
    color: #000;
}
#close {
    float:right;
    display:inline-block;
    padding:0px 5px;
    background:#ccc;
}
  #cover{
    position:fixed;
    top:0;
    left:0;
    /*background:rgba(0,0,0,0.6);*/
   background:rgba( 239, 239, 239, 0.9);
   
    z-index:5;
    width:100%;
    height:100%;
    display:block;
    opacity:2;

}
.alert_msg
{
   margin-left:15px;
   margin-top:5px;
   float:left;
   
}
.table_head
{
   background-color:#000;
   color:#fff;
}

@media screen and (max-width: 768px) and (min-width: 300px) {
   .mob_table{ width:150px;overflow-x:scroll;font-size:11px;}
}
@media screen and (max-width: 768px) and (min-width: 300px) {
   .mob_table_monitor{ overflow-x:scroll;font-size:11px;}
}