:root {
	--blue: #0D60B7;
	--primary: #0D60B7;
}

.text-primary {
	color: #0d60b7 !important;
}

.no-caret::after {
	display: none !important;
}

@media screen {
	.bg-apple { background: #0D60B7; }
	.bg-apple #imgLogo { margin-top: 15vh; }
	.bg-apple footer { color: white; }

	#frmLogin .btnSubmit:hover:not(:active) > span, #frmLogin .btnSubmit:focus:not(:active) > span {
		box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
	}

	#divMain { transition: flex 0.5s, max-width 0.5s; }

	.nav-item-main {
		border-top: solid 1px transparent;
		border-right: solid 1px transparent;
		border-left: solid 1px transparent;
		border-bottom: solid 1px #ccccccff;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.nav-item-main:hover, .nav-item-main.active {
		background-color: #eaf0f6ff;
		border: solid 1px #ccccccff;
	}
	.nav-item-main:hover:not(:active), .nav-item-main.active:not(:active) {
		box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
	}

	.nav-item-main:hover > .nav-link {
		color: var(--primary) !important;
	}

	.nav-link {
		font-weight: bold;
		/* color: black; */
	}

	.navbar-info, .navbar-info-btn {
		position: absolute;
		bottom: 0;
	}

	.navbar-collapse {
		background-color: white;
	}

	.vUserMenuParent, #vUserMenu > a { width: 100%;	}
	#vUserMenu > .dropdown-menu {min-width: 100%;}

	.center-vert-container {
		position: relative;
		height: 100vh;
	}

	.center-vert {
		margin: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.lead.index-text {
		margin: 0;
		position: absolute;
		top: 14%;
	}

	.btn-dashboard > .btn-rounded {
		border-radius: 50% !important;
		background-color: #eaf0f6ff;
		border: solid 1px #d6dee8ff;
		color: #506e91ff;
		text-align: center;
		display: inline;
		padding: 15px;
		font-size: 18px;
	}
	.btn-dashboard > .btn-text {
		/* color: #2e3f51ff; */
		color: var(--primary);
		display: block;
		font-weight: 500;
		text-align: center;
		margin-top: 15px;
	}

	.btn-dashboard > .btn-rounded:hover:not(:active) {
		box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
	}

	.btn-dashboard > .btn-rounded:hover {
		text-decoration: none !important;
	}

	.nav-demographics {
		border-bottom: 1px solid var(--blue);
	}

	.nav-demographics .nav-link {
		background-color: transparent;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		border-bottom: 3px solid transparent;
		margin-right: 10px;
	}

	.nav-demographics .nav-link.active, .nav-demographics .nav-link:hover {
		border-left: 0;
		border-right: 0;
		border-top: 0;
		border-bottom: 3px solid var(--blue);
		color: inherit;
	}
	.nav-demographics .nav-link:hover {
		color: var(--primary) !important;
	}

	.tabs-demographics .tab-pane {
		padding: 10px 0 10px 0.5rem;
		background-color: var(--light);
	}

	.bg-gris {
		background-color: var(--light);
	}

	#divDatos {
		overflow-x: auto;
		padding-right: 6px;
	}
}

@media screen and (max-width:768px) {
	.navbar-info, .navbar-info-btn {
		position: inherit;
	}

	.vUserMenuParent, #vUserMenu > a { width: inherit;	}

	#vUserMenu > .dropdown-menu {
		left: auto;
		right: 0;
		min-width: inherit;
	}

	.center-vert-container {
		position: inherit;
		height: auto;
	}

	.lead.index-text {
		margin-top: 0;
		position: inherit;
		top: auto;
	}
}