@charset "utf-8";
/* Breadcrumb CSS */

.cont_principal {
  width: 100%;
  height: 100%;
  margin-left: -35px;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 );

} 

.cont_breadcrumbs {
  width: auto;
}

.cont_breadcrumbs {
  	position: relative;
  	width: 100%;
  	float: left;
	margin-top: -10px;
	z-index: 999;
}
.crm .cont_breadcrumbs {
	margin-top: 0;
}

.cont_breadcrumbs > ul > li {
  	position: relative;
  	float: left;  
  	z-index: 1;
  	transition: all 0.5s;
  	margin-left: 5px;
  	list-style: none;
	border-radius: 4px;
	
}
.cont_breadcrumbs > ul > li {
	background-color: #252d44;
}

.cont_breadcrumbs > ul > li:hover {
 	background-color: #3e496a;
}

.cont_breadcrumbs > ul > li  > a {
  display: block;
  padding: 10px;
  font-size: 16px;
  text-decoration:none;
  color: #fff !important;
  font-weight: 300;
}


body.customerPortal .cont_breadcrumbs > ul > li:last-child > a,
.cont_breadcrumbs > ul > li.active > a {
  color: #fff; 
}
#NavbarContentMobile {
	margin-top: -15px;
}
.caretBread {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 6px dashed;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	float: left;
	transform: skewX(15deg);
}
.caretBread:hover {
	opacity: .7;
	color: #fff;
}
.cont_breadcrumbs .dropdown-toggle .caretBread {
	color: #fff;
}
.customerPortal #NavbarContent li a {
	float: left;
}
.customerPortal #NavbarContent .dropdown {
	float: left;
	padding: 10px 0 0 0;
}
#NavbarContent .dropdown-menu {
	top: 115%;
	transform: skewX(15deg);
}
#NavbarContent .dropdown-menu li {
	padding-left: 5px;
	overflow: auto;
}
#NavbarContent .dropdown-menu li:hover {	
	background-color: #252d44 !important;
	color: #fff !important;
}
#NavbarContent .dropdown-menu li a {
	color: #252d44 !important;
	width: 100%;
}
#NavbarContent .dropdown-menu li a:hover {
	color: #fff !important;
	background-color: transparent;
}
#NavbarContent .dropdown .dropdown-toggle {
	padding-left: 0 !important;
}
.modalLevelBreadCrumb .loading {
	width:40px;
	margin-bottom: 15px;
}
@media (max-width: 767px) {
	.cont_principal {
		margin-left: auto;
	}
	.cont_breadcrumbs {
		margin-top: 0;
	}
}