*{
	padding: 0;
	margin: 0;
}

body{
	background: #F7F7F7;
	overflow-x: hidden;
}

header, main, footer{
	padding-left: 250px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

header{
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	z-index: 1000;
}

main{
	margin-top:50px;
}

.no-margin{
	margin: 0 !important;
}

.no-padding{
	padding: 0 !important;
}

.circulo-fa-red{
	display:inline-block !important;
	background-color:#e74c3c !important;
	color:#FFF !important;
	padding:8px !important;
	border-radius:50% !important;
	cursor:pointer !important;
}

.vertical-nav{
	width:250px;
	position: fixed;
	top: 0;
    bottom: 0;
	-overflow-y: scroll;
	-overflow-x: hidden;
	background-color: #353535;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.vertical-nav .panel-group{
	background-color: #353535;
}

.panel-group {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-radius: 0 !important;
}

.vertical-nav .panel, .list-group{
	margin-top: 0 !important;
	border: none !important;
}

.vertical-nav .panel{
	-webkit-transition: all  0.3s ease;
	-moz-transition: all  0.3s ease;
	-o-transition: all  0.3s ease;
	transition: all  0.3s ease;
}

.vertical-nav .panel-heading{
	background-color: #353535;
	color: #fff;
	padding: 20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
}

.vertical-nav .panel-heading .panel-title{
	font-weight: bold;
}

.vertical-nav .active{
	background-color: #28acff;
	border-radius:0;
}

.vertical-nav .list-group-item{
	background-color: #353535;
	color:#fff;
	border: none !important;
	padding: 15px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.vertical-nav .list-group-item:hover{
	background-color: #608b9f
}

.vertical-nav .panel-collapse{
	-webkit-transition: all  0.3s ease;
	-moz-transition: all  0.3s ease;
	-o-transition: all  0.3s ease;
	transition: all  0.3s ease;
	border-right: solid 5px #58ABD0;
}

.vertical-nav .nav-icon-float{
	float: right;
}

.vertical-nav .nav-list-icon-float{
	float: left;
	display: inline-block;
	margin-right: 5px;
}
.vertical-nav .list-group-item a{
	text-decoration: none;	
}

.vertical-nav .list-group-item a:link {
    color: #fff;
}

.vertical-nav .list-group-item a:visited {
    color: #fff;
}

.vertical-nav .list-group-item a:hover {
    color: #fff;
}

.vertical-nav .list-group-item a:active {
    color: #fff;
}

.contenido{
	background: #F7F7F7;
	padding-top:30px;
	padding-bottom:30px;
}

.titulo-aplicacion{
	padding: 5px;
	color:#fff;
	font-size: 20px;
	font-weight: bold;
	background-color: #353535;	
	/* background: -webkit-linear-gradient(#224251, #353535); 
    background: -o-linear-gradient(#224251, #353535); 
    background: -moz-linear-gradient(#224251, #353535);
    background: linear-gradient(#224251, #353535);*/
}

.fondo-azul{
	color:#fff;
	background-color: #353535;
}

.titulo-aplicacion>.nav-list-icon-float{
	margin-top: 4px;
}

.perfil-usuario{
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
}

.contenedor-imagen{
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 150px;
	background-color: #fff;
	overflow: hidden;
	border: 5px solid #fff;
	margin-bottom: 10px;
}

.contenedor-imagen img{
	display: block;
}

.toggle-menu{
	float: left;
	cursor: pointer;
	text-align: center;
	min-height: 40px;
}

.toggle-menu i{
	display: inline-block;
	vertical-align: middle;
}

.titulo-header{
	font-size: 20px;
	text-align: center;
}

.items-header{
	float:right;
	color:#fff;
	-font-size: 18px;
	min-height: 40px;
}

.items-header>div{
	display: inline-block;
	vertical-align: middle;
}

.items-header .profile-img{
	height: 40px;
	width: 40px;
	overflow:hidden;
	background-color: #fff;
	border-radius: 50%;
}

.items-header .profile-img img{
	width: auto;
	height: 100%;
	display: block;
	margin: 0 auto;
}

.hidden-nav{
	-webkit-transform: translate3d(-250px, 0px, 0px);
	transform: translate3d(-250px, 0px, 0px);
}

.hidden-nav-content{
	padding-left: 0px;
}

h3{
	margin-top:0px;
}

h3:after{
	content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    height: 1px;
    margin-left: -50px;
    background-color: #353535;
}

.fa{
	margin-right:8px;
}

.celeste{
	color: #28acff;
}

.link{
	color:#FFF;
	
}

.link:hover{
	color:#28acff;
	text-decoration:none;
}

.titulo-hidden{
	display: none;
}

@media screen and (max-width: 991px) {
	.hidden-nav{
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px);
	}	
	.hidden-nav-content{
		padding-left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	header, main, footer{
		-webkit-transform: translateX(250px);
		transform: translateX(250px);
		padding-left: 0;
	}
	
	.panel .panel-body .form-group{
		margin-bottom:10px;
	}

	.timeline-entry{
		margin-bottom: 20px;
	}

	.timeline-time{
		color:#fff;
		background-color:#337ab7;
		display:inline-block;
		padding:5px;
		border-radius:5px;
	}

	.timeline-icon{
		display:none;
	}
	
	.timeline-label{
		padding: 10px;
		border: 1px solid;
		border-radius: 5px;
		margin-top: 5px;
		border-color: #ccc;
		text-align: justify;
	}
	
}

@media screen and (max-width: 767px) {
	.boton-salir{
		margin-top: 5px;
	}
	
	header, main, footer{
		padding-left: 0px;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	
	.vertical-nav{
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px);
	}
	.hidden-nav{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}	
	.hidden-nav-content{
		padding-left: 0px;
		-webkit-transform: translateX(250px);
		transform: translateX(250px);
	}
	
	.titulo-hidden{
		display:inline;
	}

}


table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: static;
    display: inline;
    opacity: 0.5;
    margin-left: 10px;
}

.panel-filtros .form-group{
	margin-bottom:10px;
}

.margin-5{
	margin-bottom:5px !important;
	margin-top:5px !important;
}

.dataTables_info {
    white-space: normal !important;
}

/*.loading-screen{
	top:0;
	left:0;
	bottom:0;
	right:0;
	background: url('../img/loader.gif') no-repeat center center #fff;
	background-size:120px 120px;
	position: fixed;
	opacity: 0.8;
	background-color:#fff;
	z-index: 9999;
	display:none;
}*/
.overlay-loader{
	position: fixed;
	background-color: rgba(255,255,255,0.5);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	display: none;
}
#loader {
	display:block;
	position:relative;
	left:50%;
	top:50%;
	width:150px;
	height:150px;
	margin:-75px 0 0 -75px;
	border-radius:50%;
	border:3px solid transparent;
	border-top-color: #dc7633;
	-webkit-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
	z-index:1001
}
#loader:before {
	content:"";
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	border-radius:50%;
	border:3px solid transparent;
	border-top-color: #337ab7;
	-webkit-animation:spin 3s linear infinite;
	animation:spin 3s linear infinite
}
#loader:after {
	content:"";
	position:absolute;
	top:15px;
	left:15px;
	right:15px;
	bottom:15px;
	border-radius:50%;
	border:3px solid transparent;
	border-top-color: #ecf0f1;
	-webkit-animation:spin 1.5s linear infinite;
	animation:spin 1.5s linear infinite
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes spin {
	0% {
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}

.circulo-fa{
	display:inline-block !important;
	background-color:#337AB7 !important;
	color:#FFF !important;
	padding:8px !important;
	border-radius:50% !important;
	cursor:pointer !important;
}

.circulo-fa2{
	display:inline-block !important;
	background-color:#337AB7 !important;
	color:#FFF !important;
	padding:8px !important;
	border-radius:50% !important;
	cursor:default !important;
}

.circulo-fa-red{
	display:inline-block !important;
	background-color:#e74c3c !important;
	color:#FFF !important;
	padding:8px !important;
	border-radius:50% !important;
	cursor:pointer !important;
}

.circulo-fa-orange{
	display:inline-block !important;
	background-color:#f39c12 !important;
	color:#FFF !important;
	padding:8px !important;
	border-radius:50% !important;
	cursor:pointer !important;
}

.azul{
	color:#337AB7 !important;
}

.fondo-blanco{
	background-color:#fff !important;
}


#scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}


@media (min-width: 768px) {
  .modal-xl {
	width: 90%;
	max-width:1200px;
  }
  .modal-xxl {
		width: 90%;
	}
}

/*fuente*/
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v13/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v13/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*tarjetitas*/
.d-profile-card{
                box-shadow: 0 2px 8px rgba(0,0,0,0.25);
                position: relative;
                overflow: hidden;
                border-radius: 5px;
}

.d-profile-card .d-profile-title{
                padding: 10px;
                background-color: #337ab7; 
                color: #fff;
                padding-left: 143px;
                min-height: 70px;
                line-height: 50px;
                font-weight: bold;
                font-size: 20px;
}

.d-profile-card .d-profile-text{
                padding: 10px;
                padding-left: 143px;
                min-height: 70px;
}

.d-profile-card .d-profile-text ul{
                padding-left: 10px;
}

.d-profile-card .d-profile-image{
                position: absolute;
                height: 120px;
                width: 120px;
                overflow: hidden;
                border-radius: 50%;
                background-color: #fff;
                border: 3px solid #fff;
                top: 10px;
                left: 10px;
}

.d-profile-card .d-profile-image img{
                display: block;
                margin: 0 auto;
}

.d-profile-card .d-profile-button>.btn{
                height: 40px;
                width: 40px;
                border-radius: 50%;
                position: absolute;
                top: 50px;
                right: 10px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color : white;
}