*{
}
/*estilos del login */
.login-body{
	background-image: url(images/fondo-login.jpg);
    background-attachment: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}
.container-error{
  background-image: url(images/error.jpg);
  background-size: 100% 100%; 
  height: 400px;
}


.card-header-inc{
	background-image: url('images/logologin.jpg') !important;
	background-size: 100% 100%;
	height: auto;
}
.img-login{

	height: 90px;
}
/* Fin de estilos del login */


/*Estilos de los nav nav tabs panel administrativo*/
.nav-tabs-inc{
	border:none !important;
	color: black;

	padding: .8rem 1.4rem;
}
.nav-tabs-content{
	border-bottom: 0px !important;
	padding-left: 10px;
}


/* fin de Estilos de los nav tabs panel administrativo*/


.ico-inc{
	height:20px;
}
.ico-login{
	height: 30px;
}
.card-footer{
	padding-bottom:20px; 
}
.logo-sidebar{
	height: 170px;
  border-radius: 30px;
}

.checktr{
	background-color: #68BAC2 !important;
}
.cron-body{

   background-image: url('images/cronjob.png');
   background-size: 100% 100%;
}

/*Animacion cargando*/
   .responseProcess{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(255,255,255,.9);
   }
   .container-loader{
       margin: 0;
       padding: 0;
       position: absolute;
       z-index: 10099;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
       -webkit-transform: translate(-50%, -50%);
   }
   .loader {
     position: relative;
     margin: 0px auto;
     width: 100px;
     height: 100px;
     zoom: 1.7;
   }
   .circular {
     -webkit-animation: rotate 2s linear infinite;
     -moz-animation: rotate 2s linear infinite;
     -ms-animation: rotate 2s linear infinite;
     animation: rotate 2s linear infinite;
     height: 100px;
     position: relative;
     width: 100px;
   }
   .path {
     stroke-dasharray: 1,200;
     stroke-dashoffset: 0;
     -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
     -moz-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
     -ms-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
     animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
     stroke-linecap: round;
   }
   @-webkit-keyframes rotate {
     100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
   }
   @-moz-keyframes rotate {
     100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
   }
   @-ms-keyframes rotate {
     100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
   }
   @keyframes rotate {
     100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
   }
   @-webkit-keyframes dash {
     0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; }
     50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; }
     100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; }
   }
   @-moz-keyframes dash {
     0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; }
     50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; }
     100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; }
   }
   @-ms-keyframes dash {
     0% { stroke-dasharray: 1,200;  stroke-dashoffset: 0; }
     50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; }
     100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; }
   }
   @keyframes dash {
     0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; }
     50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; }
     100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; }
   }
   @-webkit-keyframes color {
     100%, 0% { stroke: #d62d20; }
     40% { stroke: #0057e7; }
     66% { stroke: #008744; }
     80%, 90% { stroke: #ffa700; }
   }
   @-moz-keyframes color {
     100%, 0% { stroke: #d62d20; }
     40% { stroke: #0057e7; }
     66% { stroke: #008744; }
     80%, 90% { stroke: #ffa700; }
   }
   @-ms-keyframes color {
     100%, 0% { stroke: #d62d20; }
     40% { stroke: #0057e7; }
     66% { stroke: #008744; }
     80%, 90% { stroke: #ffa700; }
   }
   @keyframes color {
     100%, 0% { stroke: #d62d20; }
     40% { stroke: #0057e7; }
     66% { stroke: #008744; }
     80%, 90% { stroke: #ffa700; }
   }
/*Fin de animacion cargando*/