/* CSS Document */
:root
{
	--iexe-ink: #001E42;
	--iexe-royal: #0018FF;
	--iexe-navy-1: #1F378C;
	--iexe-navy-2: #2D44AC;
	--iexe-sky-1: #CEE6FF;
	--iexe-sky-2: #DEE6EF;
	--iexe-sky-3: #D6DEE2;
	--iexe-accent: #00FFE8;
	--iexe-accent-soft: #BBEEF6;
	--iexe-accent-blue: #92C3FE;
	--iexe-bg-1: #D4E4F9;
	--iexe-bg-2: #EDF0F2;
	--iexe-card: #FFFFFF;
	--iexe-shadow: rgba(0, 30, 66, 0.18);
}

body
{
	background: linear-gradient(180deg, var(--iexe-bg-1) 0%, var(--iexe-bg-2) 100%);
}

#content-wrapper
{
	background: transparent;
}

.card
{
	border: 1px solid rgba(0, 30, 66, 0.08);
	box-shadow: 0 18px 40px var(--iexe-shadow);
	border-radius: 16px;
}

.card-header
{
	background: linear-gradient(135deg, rgba(0, 30, 66, 0.07), rgba(146, 195, 254, 0.3));
	border-bottom: 1px solid rgba(0, 30, 66, 0.08);
}

.text-primary
{
	color: var(--iexe-navy-1) !important;
}

.btn-primary
{
	background: var(--iexe-royal);
	border-color: var(--iexe-royal);
	box-shadow: 0 10px 20px rgba(0, 24, 255, 0.2);
}

.btn-primary:hover,
.btn-primary:focus
{
	background: var(--iexe-navy-1);
	border-color: var(--iexe-navy-1);
}

.sidebar
{
	background: linear-gradient(180deg, var(--iexe-ink) 0%, var(--iexe-navy-1) 65%, var(--iexe-navy-2) 100%);
}

.sidebar .nav-item .nav-link
{
	color: rgba(255, 255, 255, 0.75);
}

.sidebar .nav-item .nav-link:hover,
.sidebar .nav-item.active .nav-link
{
	color: #FFFFFF;
}

.sidebar #sidebarToggle
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	background: rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	border: 0;
	text-decoration: none;
	box-shadow: 0 6px 16px rgba(0, 30, 66, 0.25);
}

.sidebar #sidebarToggle:hover
{
	background: rgba(255, 255, 255, 0.2);
}

.navbar
{
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(6px);
}

.table thead th
{
	background: rgba(31, 55, 140, 0.08);
	color: var(--iexe-ink);
	border-top: none;
}

.table tbody tr:hover
{
	background: rgba(0, 255, 232, 0.08);
}
.floatleft
{   max-width:300px;
	float:left !important;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
}

.floatleft .card-body
{
	min-height:350px;
}

.rowmaterias
{
	width:100%;
	height:auto;
	clear:both;
	overflow:hidden;
}