.breadcrumb > li + li:before {
padding: 0 5px;
color: #cccccc;
font-family: "icons";
content: "\e006e"; // character code for arrow right
}

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

.tree li::before{
    content: '';
	position: absolute; 
    top: 0;
	width: 1px; 
    height: 100%;
	right: auto; 
    left: -20px;
	border-left: 1px solid #ccc;
    bottom: 50px;
}
.tree li::after{
    content: '';
	position: absolute; 
    top: 20px; 
	width: 25px; 
    height: 10px;
	right: auto; 
    left: -20px;
	border-top: 1px solid #ccc;
}
.tree li span{
    display: inline-block;
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.tree li span a{
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
}

/*Remove connectors before root*/
.tree > ul > li::before, .tree > ul > li::after{
	border: 0;
}
/*Remove connectors after last child*/
.tree li:last-child::before{ 
      height: 20px;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li span:hover, .tree li span:hover+ul li span {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li span:hover+ul li::after, 
.tree li span:hover+ul li::before, 
.tree li span:hover+ul::before, 
.tree li span:hover+ul ul::before{
	border-color:  #94a0b4;
}


@media screen and (max-width: 980px){
    .columnsxop{
        overflow:scroll;
	overflow-x: hidden;
	overflow-y: hidden;
    }
    .columnsxo{
        overflow:scroll;
	overflow-x: hidden;
	overflow-y: hidden;
    }
}
@media screen and (min-width: 981px){
    .columnsxop{
        -moz-column-count:10; /* Firefox */
        -webkit-column-count:10; /* Safari and Chrome */
        column-count:10;
        width: 700px;
    }
    .columnsxo{
        -moz-column-count:4; /* Firefox */
        -webkit-column-count:4; /* Safari and Chrome */
        column-count:4;
        width: 700px;
    }
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
/* css for timepicker */
.inList {height: 25px; width: 17%; display: inline-block; vertical-align: top; padding-right:10px;}
ul.affix {
    position: fixed; 
    top: 40px;
}
ul.affix-top {
    position: static;
}
ul.affix-bottom {
    position: absolute;
}
.well-like {
  padding: 5px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.inline-block-box{display:inline-block;border:1px solid #e3e3e3; margin:5px 1px;padding:5px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}
@media screen and (min-width: 768px) {
    .modal-lat {
        width: 70%;
        /* either % (e.g. 60%) or px (400px) */
    }
}
.ui-datepicker { font-size: 9pt !important; color:#000; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; color:black; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 45%; color:black; }
.bs-callout {
    padding: 0px 0px 0px 10px;
    margin: 20px 0px;
    border-width: 0px 0px 0px 5px;
    border-style: solid;
    border-color: #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px;
}
.bs-callout-primary {border-left-color: #428bca;}
.bs-callout-success {border-left-color: #5cb85c;}
.bs-callout-info {border-left-color: #5bc0de;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-danger {border-left-color: #d9534f;}

.borders-warning {
    border-width: 0px 5px;
    border-style: solid;
    border-left-color: #f0ad4e;
    border-right-color: #f0ad4e;
    margin: 0px 0px 10px 5px;
  //  font-weight: bold;
    background-color: #FAFAFA;
  //  max-width: 40%;
}
.has-info .form-control{border-color:#5bc0de;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.navbar {
  position: static;
}
.navbar .nav > li {
  z-index: 1001;
}
.ui-autocomplete.ui-front {
    z-index: 1051;
}