.login-wrapper {
	height: 100%;
	background-color: #16529f !important;
}

.login-wrapper .bg-pic>img {
	height: 100%;
	opacity: 0.7 !important;
}

.login-wrapper .btn-primary,
.login-wrapper .btn-primary:hover {
	background-color: #16529f !important;
	border-color: #16529f !important;
}

.header {
	/* background-color: #925aa0; */
	background-color: #666;
	border-bottom: 1px solid rgba(230, 230, 230, 0.7);
}

#notification-center {
	color: #FFF !important;
}

#notification-center:hover {
	color: thistle !important;
}

.profile-dropdown li:last-child {
	margin-top: 0px !important;
}

.page-sidebar .sidebar-header {
	/* background-color: #4cb0b3; */
	background-color: #37a7ca;
}

.page-sidebar {
	background-color: #2b303b !important;
}

.page-sidebar a,
.page-sidebar button {
	color: #D8D9DC;
}

.page-sidebar a:hover,
.page-sidebar button:hover,
.page-sidebar a:active,
.page-sidebar button:active {
	color: #fff;
}

.page-sidebar a:visited,
.page-sidebar button:visited,
.page-sidebar a:focus,
.page-sidebar button:focus {
	color: #D8D9DC;
}

.page-sidebar .sidebar-menu .menu-items>li>a {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif !important;
	padding-left: 20px;
	font-size: 13px;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li {
	background: none;
	padding: 0px 20px 0 20px;
	padding-left: 20px;
	margin-top: 1px;
	margin-bottom: 5px;
	/*border-bottom:1px solid #49516C;
	padding-bottom:5px;*/
}

.jumbotron {
	margin-bottom: 0px !important;
}

.rounded-circle {
	border-radius: 50% !important;
}

.ftlist li.fttitle {
	background-color: #37a7ca !important;
	color: #FFF;
}

.elli {
	max-width: 95%;
	min-width: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* *********************** FUENTES ************************** */
/* *********************** FUENTES ************************** */
/* *********************** FUENTES ************************** */

.font-inter {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif !important;
}

/* *********************** COLORES LVI ************************** */
/* *********************** COLORES LVI ************************** */
/* *********************** COLORES LVI ************************** */


.fondoRojoLVI {
	background-color: #dd3a36;
	color: #FFF;
}

.fondoAmarilloLVI {
	background-color: #efb244;
	color: #FFF;
}

.fondoAzulLVI {
	background-color: #37a7ca;
	color: #FFF;
}

.fondoVerdeLVI {
	background-color: #229b67;
	color: #FFF;
}

.fondoRojoDIA {
	background-color: #d72c46;
	color: #FFF;
}

.fondoNaranjaDIA {
	background-color: #db8d31;
	color: #FFF;
}

.fondoAmarilloDIA {
	background-color: #f1c647;
	color: #FFF;
}

.fondoVerdeDIA {
	background-color: #98c33f;
	color: #FFF;
}

.fondoAquaDIA {
	background-color: #4cb0b3;
	color: #FFF;
}

.fondoAzulDIA {
	background-color: #16529f;
	color: #FFF;
}

.fondoMoradoDIA {
	background-color: #925aa0;
	color: #FFF;
}

.bordeRojoLVI {
	border-color: #dd3a36;
	border-width: 1px;
}

.bordeAmarilloLVI {
	border-color: #efb244;
	border-width: 1px;
}

.bordeAzulLVI {
	border-color: #37a7ca;
	border-width: 1px;
}

.bordeVerdeLVI {
	border-color: #229b67;
	border-width: 1px;
}

.bordeRojoDIA {
	border-color: #d72c46;
	border-width: 1px;
}

.bordeNaranjaDIA {
	border-color: #db8d31;
	border-width: 1px;
}

.bordeAmarilloDIA {
	border-color: #f1c647;
	border-width: 1px;
}

.bordeVerdeDIA {
	border-color: #98c33f;
	border-width: 1px;
}

.bordeAquaDIA {
	border-color: #4cb0b3;
	border-width: 1px;
}

.bordeAzulDIA {
	border-color: #16529f;
	border-width: 1px;
}

.bordeMoradoDIA {
	border-color: #925aa0;
	border-width: 1px;
}

.svgMoradoDIA {
	stroke: #925aa0;
	fill: none !important;
	stroke-miterlimit: 10 !important;
	stroke-width: 3px !important;
}

.h-center {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -25%);
}

.all-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.widget-11-table a {
	color: #777;
}

.widget-11-table a:hover {
	color: #333;
}

/* widget de starters inducción */

.starterBits {
	position: relative;
}

.starterBits .below {
	position: absolute;
	width: 100%;
	height: 30%;
	text-align: center;
	bottom: 0px;
	padding: 20px;
	font-weight: 700;
	background-color: #e8e8e8;
	margin-bottom: 0px;
}
.starterBits .card {
	cursor: hand;
	cursor: pointer;
}
.starterBits .card:hover {
	box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

/* widget de starters inducción */


/* file */
.pills .nav-pills li {
	padding: 10px 15px;
	background-color: #4cb0b3;
	color: white;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	cursor: hand;
	cursor: pointer;
}

.pills .nav-pills li:hover,
.pills .nav-pills li.active {
	background-color: #db8d31;
}

/* file */




/* responsive */
/* responsive */
/* responsive */
/* responsive */



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
	.jumbotron {
		display: none;
	}
	.ftlogo {
		width:70%;
	}
	.fastTrackInput {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.dashboard-tips, .dashboard-hello {
		display: none;
	}

	/* inducción */
	.starterBits .below {
		height:10%;
	}
	.starterBits .card {
		/* height:300px; */
	}
	.starterBits .card:hover {}
	/* inducción */
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 1200px) {
	.wtres {
		/* background-color: green !important; */
		font-size:20px !important;
		line-height: 22px !important;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1200px) {
	.wtres {
		/* background-color: red !important; */
		font-size:27px !important;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}