/*Iconos adicionales (Pseduo-elementos*/
@font-face {
  font-family: 'fontaws';
  font-style: normal;
  font-weight: 900;
  src: url("fontawesome5/webfonts/fa-solid-900.eot");
  src: url("fontawesome5/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fontawesome5/webfonts/fa-solid-900.woff2") format("woff2"), url("fontawesome5/webfonts/fa-solid-900.woff") format("woff"), url("fontawesome5/webfonts/fa-solid-900.ttf") format("truetype"), url("fontawesome5/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
  
html {
  position: relative;
  min-height: 100%;
  height:100%
}
body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;
  padding-top:120px;*/
  height:100%;
  overflow-x:hidden;
}
a img{
	opacity: 1;
    transition: opacity 0.3s ease-in-out;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}
a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	}
.btn{
	text-decoration:none !important;
	}
#preloader-general{
	position:fixed;
	/*margin-top:-120px;*/
	width:100%;
	height:100%;
	background-color:#2C3E50;
	background-image:url(svg-loaders/oval.svg);
	background-position:center center;
	background-repeat:no-repeat;
	z-index:1051;
	}
#preloader-general:before{
	text-align:center;
	color:#ced4da;
	position: absolute;
	width:100px;
	height:20px;
	line-height:20px;
	right: 50%;
	top:50%;
	margin-right:-50px;
	margin-top:30px;
	content: "PROCESANDO";
	font-size: .7rem;
	}
.preloader-card{
	position:absolute; 
	top:0px; 
	left:0px;
	z-index:1041;
	background-color:rgba(44, 62, 80, 0.7);
	background-image:url(svg-loaders/oval.svg);
	background-position:center center;
	background-repeat:no-repeat; 
	min-height:100%; 
	min-width:100%; 
	}
.preloader-card:before{
	text-align:center;
	color:#ced4da;
	position: absolute;
	width:100px;
	height:20px;
	line-height:20px;
	right: 50%;
	top:50%;
	margin-right:-50px;
	margin-top:30px;
	content: "ACTUALIZANDO";
	font-size: .7rem;
	}
#preloader-contextual{
	position:fixed;
	width:100%;
	z-index:1050;
	}
.remover-caret.dropdown-toggle::after {
    display:none;
}
#notificacionactiva{
	top: 0; 
	right: 16px;
	font-size: 10px;
}
/*SIGN IN*/
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin .form-group{
	margin-bottom:0;
	}
/*Inputs agrupados*/
.input-agrupado .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.input-agrupado .form-control:focus {
  z-index: 2;
}
.input-agrupado .superior {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.input-agrupado .inferior {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.input-agrupado .form-group{
	margin-bottom:0;
	}
	
/*DASHBOARD*/

/*
 * Sidebar
 */
.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1032;
  padding: 0;
  margin-left:-100%;
  height:100%;
  width:100%;/*Para Mobile*/
}

.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 48px; /* Height of navbar */
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}
.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}
.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}
.submenu ul{
	list-style:none;
	}
.submenu .inner li{
	margin-left:-15px;
	}
.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}
/*
 * Utilities
 */

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.search .input-group-text {
    border-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
	border-right:none;
	background-color: #ffffff;
}
.search .form-control {
    border-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	border-left:none;
}
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 95%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 90%;
  float: left;
  border: 1px solid #ecf0f1;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  /*-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
  background-color:#ffffff;
}

.timeline > li > .timeline-panel:before {
    position: absolute;
	top: 32px;
	right: -8px;
	display: inline-block;
	border-top: 8px solid transparent;
	border-left: 8px solid #dee2e6;
	border-right: 0 solid #dee2e6;
	border-bottom: 8px solid transparent;
	content: " ";
}

.timeline > li > .timeline-panel:after {
  	position: absolute;
	top: 33px;
	right: -7px;
	display: inline-block;
	border-top: 7px solid transparent;
	border-left: 7px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 7px solid transparent;
	content: " ";
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 32px;
    left: 95%;
    margin-left: -10px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}
/*Chartist*/
.ct-legend {
    padding: 0;
}
.ct-legend li {
        position: relative;
		padding-left: 2.5em;
		margin-bottom: 1.5em;
		list-style-type: none;
		padding-top: 0.4em;
    }

.ct-legend li:before {
        height: 2em;
        width: 2em;
        position: absolute;
        top: 0.15em;
        left: 0;
        content: '';
        border-radius: 1em;
    }
.ct-legend a{
	color: #313a46;
	}
.ct-legend a:hover{
	color: #18BC9C;
	}
/*Leyendas para estados en inputs*/
.valid-feedback.feedback-icon,
.invalid-feedback.feedback-icon {
    position: absolute;
    width: auto;
    bottom: 10px;
    right: 10px;
    margin-top: 0;
}
.custom-select{
	background:none;
	}
.no-caret.dropdown-toggle::after {
    display: none;
}
/*WIZARD*/
.wizard{
	position:relative;
	}
.wizard .paso:before, 
.wizard .paso:after{
  border-top: 3px solid #dee2e6;
  content: "";
  position: absolute;
  top: 2em;
  bottom: 0;
  width: 50%;
  z-index: -1;
	}
.wizard .paso:before{ left:0; }
.wizard .paso:after{ right:0; }
.wizard .paso.activo:before{
	border-top-color:#18BC9C;
	}
.wizard .paso.cumplido:before, 
.wizard .paso.cumplido:after{
	border-top-color:#18BC9C;
	}
.wizard .paso{
	text-align:center;
	}
.wizard .paso .instancia{
	margin-top:5px;
	height:3.5em;
	width:3.5em;
	line-height:3em;
	background-color:#FFFFFF;
	border:#dee2e6 solid 3px;
	color:rgba(49, 58, 70, .7);
	font-weight:bold;
}
.wizard .paso.activo .instancia{ 
	border-color:#18BC9C;
	background-color:#18BC9C;
	color:#FFFFFF;
}
.wizard .paso.cumplido .instancia{ 
	border-color:#18BC9C;
	background-color:#18BC9C;
	color: rgba(255, 255, 255, .5);
}
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
 
 }

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
#sidebar{
	margin-left:0px;
	}
.wizard .paso:before, 
.wizard .paso:after{
	top: 3.2em;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/*Fix para responsive reCaptcha*/
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}