body.xsp{
	background-color: #ffffff;
}

thead{
	background-color: #52042c;
	color: white;
}

tbody>tr:hover{
	background-color: #e6e6e6;
}

th{
	text-align: center;
	border: 1px solid #fff;
}

td{
	border: 1px solid #D8D8D8;
}

.form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
}

.titulo{
	text-align: center;
}

div.applayout-banner-container{
	background-color: #52042c;
}



.applayout-main .navbar.applayout-titlebar{
	background-color: #A70C25;
}

.nav-tabs{
	border: 0px;
}

.nav-tabs > li > a{
	color:  white;
	font-weight: bold;
	padding:14px;
	margin-left: 10px;
	z-index: 10;
	transition: all 200ms ease;
}

.nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav .open > a{
	transform: scale(1.1);
	background: #52042c;
	border: 0px;
	color:white;
}

/*sub menu*/
.nav-tabs > li > ul{
	width: 200px;
	display: flex;
	flex-direction: column;
	box-shadow: 0px 0px 10px 0px rbga(0,0,0,0.5);
	position: absolute;
	top: 90px;
	visibility: hidden;
	opacity: 0;
	padding: 14px 0px;
	z-index: 10;
	transition:all 300ms ease;
}

.nav-tabs > li:hover > ul{
	visibility: visible;
	opacity: 1;
	top:50px;
}

.nav-tabs > li > ul > li > a{
	display: block;
	font-weight: bold;
	padding: 6px;
	padding-left: 20px;
	margin-top: 10px;
	transition: all 300ms ease;
}

.nav-tabs > li > ul > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover{
	background: #52042c;
	color: #fff;
	transform: scale(1.1);
	padding-left: 30px;
	
}

nav{
	
	width: 100%;
	height: 90px;
	background: #52042c;
	
}