/*!
 * Estilo Pantallas Sistema TSF
 * Copyright  - 2015
 * TSF Softwre Diseños Inteligentes S.A.
 * Diseño y maquetación Julio Hernández
 */


/*--Estructura Primer Nivel--*/
/*-- SE USA EN TODAS LAS PANTALLAS --*/
.body
{
margin: 0;
padding: 0;   
}

/* contenedor principal */
.page-wrapper
{
width: 100%;
height: auto;
float: left;
min-height: 100%;
position: relative;	
}


/* contenedor Primera estructura */
.menu
{
width:100%;
height: 50px;
float: left;    
}

/* contenedor Segunda estructura */
.header
{
width: 100%;
height: auto;
background: linear-gradient(to bottom, #0063be 60%,#003e7c 100%);
float: left;    
}

/*exclusivo para centrar imagen del header*/
.for-center-header
{
width: 95%;    
margin: 0 auto;   
}

/* contenedor de elementos centrales del header */
.central-header
{
width: 100%;
height: auto;
margin: 0 auto;
float: left;    
background-image: url(../../images/background-header.png);
-webkit-box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.53);
box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.53);
	
}

/* contenedor del logo de la empresa */
#logo-company,
.logo-company
{
float: left;    
}

/* aqui va el logo como background del div */
.logo-img
{
width: 100%;
height: 100%;
background-image:url(../../../../TSF/images/LogoReporte.png);
background-size:contain;
background-repeat: no-repeat;
background-position: center    
}



/* contenedor del tipo de cambio y mapa */
#change-map
{
 
position: relative;
padding: 0 5px;    
}

.change
{
width: 100%;
height: 25px;
background: rgba(24, 62, 108, 0.42);
color: #fff;
float: right;
padding: 5px 10px;
text-align: center;
    
}

.map
{
width: auto;
height: 25px;
background: rgba(24, 62, 108, 0.42);
color: #fff;
border-radius: 15px 15px 0 0;
position: relative;    
top: 75px; 
float: right;
padding: 3px 15px;     
}



/* contenedor Tercera linea */
.main-container
{
width: 100%;
height: auto;
float: left;
margin-bottom: 20px;    
}





/* contenedor central del sistema (grids, tablas; otros elementos) */
.central-wraper
{
width: 100%;
height: auto;
background: #fff;    
border-radius: 0 0 10px 10px;
float: left; 
-webkit-box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.53);
box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.24); 
margin-bottom:80px	
}


.system-content
{
width: 100%;
height: auto;
background: #fff;
float: left; 
margin-bottom: 5px;	
}

/* barra del submenu */
.submenu-bar
{
width: 100%;
height: auto;
background: #183e6c;
float: left;
position: relative;    
}

.footer
{
width: 100%;
height: 55px;
float: left;
background: #183e6c;
position: absolute;
bottom: 0;
left: 0;
z-index:1000;	
}

.copy
{

height: 100%;
margin: 0 auto;
line-height:2.3 ; 
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
text-align: center;    
}

/*--Fin de estructura Primer Nivel--*/




/*--EXCLUSIVO PARA LA PANTALLA PRINCIPAL --*/
/*--Estructura Segundo Nivel--*/

/* nombre del usuario y mapa */
#user-welcome
{
float: left;    
}

/* botones del submenu */
#submenu-buttons
{
height: 50px;
padding-top: 3px;
position: relative; 
border-bottom:1px groove rgba(255, 255, 255, 0.31);
	
}

/* contenido central en columnas */
.system-cols
{
width: 100%;
height:auto;
float: left;    
    
}

/* imagen del sistema */
#col-principal-1
{
height: 300px;
background: #ebebeb;
padding: 5px;
    
}

/* botones notas, tareas y acerca de */
#col-principal-2
{
padding: 5px;
height: 300px;	
}

/* Contenedor del Calendario */
#col-principal-3
{
height: 300px;
background: rgba(0, 90, 180, 0.17);
padding: 5px;
}
/* contenedor de graficos */
.graphics
{
width: 100%;
height: auto;
float: left;   
}

/* grafico 01 */
#graphic-01
{
height: 210px;
position: relative;
padding: 5px;
margin-bottom: 10px;
background: #f7f7f7;	
}

/* grafico 02 */
#graphic-02
{
height: 210px;
background: rgba(66, 144, 202, 0.1);
float: left;
padding: 5px;
border-left: 1px solid rgba(66, 144, 202, 0.2);
margin-bottom:10px;	
}

/*--Fin Estructura Segundo Nivel--*/




/*--Estructura Tercer Nivel--*/
/* contenedor del icono menu*/
#menu-icon
{
height: 45px;    
}

/* contenedor del icono usuario*/
#user-icon
{
height: 45px;
}

/* contenedor del icono notificaciones*/
#bell-icon
{
height: 45px;
}

/* contenedor del icono mensajes*/
#msj-icon
{
height: 45px;
}

/* imagen del Sistema - izquierda*/
.img-system
{
width: 100%;
height: 100%;
background-image: url(../../images/imagen-central-sistema.png);
background-size: cover; 
background-position:top right;
background-repeat: no-repeat;	
}

/*contenedor del nombre del sistema*/
#system-name
{
height: 35px;    
position: relative;
background: rgba(0, 82, 152, 0.74);
top:255px;   
}

.n-nombre-sistema
{
height: 35px;    
position: absolute;
background: rgba(0, 82, 152, 0.74);
top: -12%;    
}

.n-nombre-sistema h4 {
color:#fff;
font-family: 'Abel', sans-serif; 
text-align:center;
}




/*boton notas*/
.note
{
height: 35%;    
background: rgb(66,144,202); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(66,144,202,1) 40%, rgba(224,224,224,1) 40%, rgba(224,224,224,1) 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(40%,rgba(66,144,202,1)), color-stop(40%,rgba(224,224,224,1)), color-stop(40%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* IE10+ */
background: linear-gradient(to right,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */
border-radius: 10px;
margin-bottom:5px;    
margin:0 auto;
margin-bottom: 5px;	
}


.note:hover
{
background: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);	
}


/*Boton Tareas*/
.tag
{
height: 35%;
background: rgb(66,144,202); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(66,144,202,1) 40%, rgba(224,224,224,1) 40%, rgba(224,224,224,1) 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(40%,rgba(66,144,202,1)), color-stop(40%,rgba(224,224,224,1)), color-stop(40%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* IE10+ */
background: linear-gradient(to right,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */
border-radius: 10px;
margin-bottom:5px;    
margin:0 auto;
margin-bottom: 5px;	
}


.tag:hover
{
background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
}


/*Boton acerca de*/
.about-us
{
height: 26%;
background: rgb(66,144,202); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(66,144,202,1) 40%, rgba(224,224,224,1) 40%, rgba(224,224,224,1) 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(40%,rgba(66,144,202,1)), color-stop(40%,rgba(224,224,224,1)), color-stop(40%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* IE10+ */
background: linear-gradient(to right,  rgba(66,144,202,1) 40%,rgba(224,224,224,1) 40%,rgba(224,224,224,1) 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */
border-radius: 10px;
margin:0 auto;
margin-bottom: 5px;

}

.about-us:hover
{
background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
}

/*Calendario*/
.calendar
{
width: 100%;
height: 100%;
background: #fff;
border-radius: 5px;    
}

/*Grafico 1 */
.graphic-01
{
height: 100%;
background: #fff; 
border-bottom: 1px solid #bababa;    
border-left: 1px solid #bababa;    
border-right: 1px solid #bababa;      
}

/*Grafico 2*/
.graphic-02
{
width: 100%;
height: 100%;
background: #fff;
border-bottom: 1px solid #bababa;    
border-left: 1px solid #bababa;    
border-right: 1px solid #bababa;    
}






/* contenedor de icono en el boton notas y tareas*/
.icon-note
{
width: 40%;
height: 100%;
float: left;
text-align: center;
line-height: 9.5;    
}

/* contenedor de leyenda en el boton notas y tareas*/
.leyend-note
{
width: 60%;
height: 100%;
float: left;
text-align: center;
padding: 0 3px;    
}

/* contenedor de icono en el boton acerca de*/
.icon-about-us
{

width: 40%;
height: 100%;
float: left;
text-align: center;
line-height: 7;    
}

/* estilo icono notas y tareas*/
.icon-note span
{
color:#fff; 
text-shadow: 3px 3px 0px rgba(24, 62, 108, 0.44);
transition: all 0.5s ease-in-out;    
}

.icon-note span:hover
{
color:#183e6c;  
text-shadow: none;
}

/*estilo icono acerca de*/
.icon-about-us span
{
color:#fff; 
font-size:30px; 
text-shadow: 3px 3px 0px rgba(24, 62, 108, 0.44);
transition: all 0.5s ease-in-out;    
}

.icon-about-us span:hover
{
color:#183e6c;  
text-shadow: none;
}

/*estilo de la letra de notas tareas y acerca de*/
.leyend-note h3
{
width:100%; 
padding:3px; 
color:#4290ca; 
text-align:left;
transition: all 0.5s ease-in-out    
}

.leyend-note h3:hover
{
width:100%; 
padding:3px; 
color:#fff; 
text-align:left;
}


/*contenedor de cada uno de los graficos circulares*/
#graphic-right-01
{
height: 63%;
border-right: 1px solid rgba(66, 144, 202, 0.31);
margin-top: -10px;
padding-top: 5px;    
}

/*para alinear grafico circular01*/
#chart-area
{
margin-left: -15px;
}

/*para alinear grafico circular02*/
#chart-area2
{
margin-left: -15px;
}

/*para alinear grafico circular03*/
#chart-area3
{
margin-left: -15px;
}

/* contenedor de leyanda de grafico circular*/
#chart-leyend
{
height: 22%;
text-align: center;
line-height: 4;
color:#4290ca;    
}

/*-------esrtuctura de las listas-------*/

.table-container
{
width: 100%;
height: auto;
background: #fff;
float: left;
padding: 5px;    
}

.table-border
{
width: 100%;
height: auto;
background-color: rgba(14, 62, 118, 0.04);
padding: 5px; 
border: 1px solid #e0e0e0;
border-radius: 3px;
float: left;    
}

.form-container
{
width: 100%;
height: auto;
float: left;    
}


.form-horizontal
{
height:auto;
}

#menu-4buttons
{
height: 50px;
float: left;
/*padding-top: 12.5px;*/

}

.button-submenu
{
transition: all 1s ease-in-out;
height: 30px;    
background: rgb(66,144,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(66,144,202,1) 9%, rgba(24,62,108,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(66,144,202,1)), color-stop(100%,rgba(24,62,108,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#183e6c',GradientType=0 ); /* IE6-9 */
color: #fff;
border: 1px solid rgba(230, 230, 230, 0.21);
padding-top:4px;
margin: -1px; 
-webkit-box-shadow: 1px 1px 1px 1px #000000;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.31); 
line-height: 2;

float: left;	
}

.button-submenu b
{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}





.button-submenu:hover, .button-submenu:active
{
background: rgb(24,62,108); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(24,62,108,1) 0%, rgba(24,62,108,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,62,108,1)), color-stop(100%,rgba(24,62,108,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(24,62,108,1) 0%,rgba(24,62,108,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(24,62,108,1) 0%,rgba(24,62,108,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(24,62,108,1) 0%,rgba(24,62,108,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(24,62,108,1) 0%,rgba(24,62,108,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183e6c', endColorstr='#183e6c',GradientType=0 ); /* IE6-9 */  
color: #fff; 
-webkit-box-shadow:inset 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
box-shadow:inset 1px 1px 1px 1px rgba(0, 0, 0, 0.4);    
}





.table-header
{
background: #4290ca;
color: #fff;
height: 20px;    
}

.table-body
{
background: #fff;
color:#000;    
}

.table-body tr:hover
{
background: #f7f7f7;
color: #4290ca;
}

.sb-leftcontainer
{
width: 100%;
height: 100%;
padding: 5px;    
}

.fast-search
{
margin-top:50px;
width: 100%;
height: 80px;
color:#d0d0d0;
background: rgba(255, 255, 255, 0.04);
padding: 10px 5px; 
border-bottom: 1px solid rgba(255, 255, 255, 0.24);    
}

.search
{
width: 100%;
background: rgba(255, 255, 255, 0.17); 
border: 1px solid rgba(255, 255, 255, 0.13);
font-size: 11px;
height: 25px;
border-radius: 5px;
margin-top:5px;
padding-left: 5px;    
}

.filter-items
{
width: 100%;
height: 80px;
color:#d0d0d0;
background: rgba(255, 255, 255, 0.04);
padding:10px  5px; 
border-bottom: 1px solid rgba(255, 255, 255, 0.24); 
}

.filter-items02
{
width: 100%;
height: auto;
color:#d0d0d0;
background: rgba(255, 255, 255, 0.04);
padding:10px  5px; 
border-bottom: 1px solid rgba(255, 255, 255, 0.24); 
}


.filter-select
{
width: 100%;
background: rgba(255, 255, 255, 0.17); 
border: 1px solid rgba(255, 255, 255, 0.13);
font-size: 11px;
height: 25px;
border-radius: 5px;
margin-top:5px;
padding-left: 5px; 
}

.submenu-lista
{
margin-top:60px;
background: rgba(255, 255, 255, 0.04);
padding: 5px;    
}

.submenu-lista li
{
list-style: none;
width: 100%;
height: 45px;
color: #b7b7b7;
line-height: 3.5;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);   
font-size: 13px;
cursor: pointer;
transition: all 0.5s ease-in-out    
}

.submenu-lista li:hover
{
color: #fff;
border-bottom: 1px dotted rgba(255, 255, 255, 0.3);   
background: #15345c;
text-decoration: none;     
}

#user-container
{
float: left;
height: 50px;    
}

#user-name
{
height: 100%;
padding-top: 12px;
text-align: right;
font-family: 'Abel', sans-serif;      
}

#user-name h5
{
color: #d3d3d3;
font-size: 13px;
font-weight: 400;    
}

#user-icon-bar
{
text-align: left;
padding-top: 18px;
color: #fff;
height: 50px    
}



#popover4 .after {
		border-top: 10px solid transparent;
		border-left: 15px solid #4290ca;
		content: '';
		top: -10px;
		height: 0;
		position: absolute;
		width: 0;
	}

.popover-usuario
{
padding: 0;
-webkit-box-shadow: 1px 1px 1px 1px #000;
box-shadow: 1px 3px 15px 5px rgba(0, 0, 0, 0.3);   
}

.head
{
background: #4290ca;
width: 100%;
height: 40px;
border-radius: 5px  5px 0 0;
padding: 10px;
color: #fff;
}

.contenido-pop
{
width: 100%;
height: 105px;
border-radius: 0 0 5px 5px;
padding: 5px;    
}

#photo-user
{
height: 90px;
border-radius: 5px;
background-image: url(/images/avatar-user-01.png);
background-size: cover;
background-position: center;    
border: 1px solid #ccc;    
}

#user-info
{
height: 95px;
padding: 5px;    
}

#user-info h5
{
color: #4290ca;
font-family: 'Abel', sans-serif;
font-size: 15px;
margin-top:0;    
}

#user-info h6
{
color: #969696;
font-family: 'Abel', sans-serif;
font-size: 13px;
margin-top: -5px;    
}

#user-icon-bar a
{
color: #c1c1c1;
/*border: 2px solid rgba(193, 193, 193, 0);*/
/*padding: 5px;*/
/*border-radius: 100%; */
cursor: pointer;
transition: all 1s ease-in-out;    
}

#user-icon-bar a:hover
{
color: #fff;	
}

a .inactivo {
color: #12396b;
background: rgb(17, 76, 145);
cursor: auto;
}

a .inactivo:hover {
color: #12396b;
background: rgb(17, 76, 145);
text-decoration: none;    
}

.submenu-lista a
{
text-decoration: none;
}




.checkbox-inline input
{   
color: #969696;    
}


.filter-items02 p
{
font-size: 12px;
color: #fff;
margin: 0px    
}

.filter-items02 span
{
font-size: 10px
}

.date-picker-input
{
width: 89%;
height: 25px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.12);
margin-bottom:10px;
margin-top: 5px;    
color: #fff;
font-size: 11px;
padding-left: 5px;     
    
}

.datepicker-days th
{
background: #4290ca;
color:#fff;    
}

.datepicker-days th:hover
{
background: #4290ca;
color:#5a5a5a;    
}

/*------Modal de usuario----*/

.container-modaluser
{
width: 100%;
height: auto;
border: 1px solid #ddd;
background: #f7f7f7;
border-radius: 5px;
overflow-y: auto;
padding: 5px;    
}

.head-modaluser
{
width: 100%;
height: auto;
background: #fff;
padding: 10px; 
border-bottom: 5px solid #e6e6e6;
float: left;    
}

#users-photo
{
height: 150px;
border-radius: 5px;
border:1px solid #d3d3d3;
background-image: url(/images/user-popup-01.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
float: left;    
}

#users-infohead
{
height: 150px;
padding: 10px;
float: left;    
}


#users-infohead h2
{
margin-top:0px;    
font-family: 'Abel', sans-serif;
color: #969696;
}

#users-infohead h4
{
font-family: 'Abel', sans-serif;
color: #969696;
margin-top: -10px;    
}

#users-infohead h5
{
color: #4290ca;
font-weight: 400;
text-align: right;
}

.body-modaluser
{
width: 100%;
height: 210px;
overflow-y: auto;
background: #fff; 
padding: 10px;    
}

.collapse-container
{
width: 100%;
height: auto;
background: #fff;    
}

.panel-title a
{
color:#fff;
font-size: 14px;
font-weight: 400;    
}

.panel-body h2
{
font-stretch:normal;
font-weight: 400;
margin: 0px;    
}

.panel-default>.panel-heading {
color: #fff;
background-color: #4290ca;
border-color: #ddd;
}

.panel-body h2
{
background-color: rgba(223, 231, 239, 0.54);
padding: 3px 6px;
border-left: 6px solid rgb(203, 220, 239);
border-radius: 0 5px 5px 0   
}


#users-infohead h3
{
font-size: 16px;
text-align: right;
margin-top: 4px;    
float: right;   
}

#users-infohead span
{
color: #183e6c;
cursor: pointer;
transition: all 0.4s ease-in-out;    
}

#users-infohead span:hover
{
color: #ffce00;
}

.password-buttons
{
width: 100%;
height: 30px;
float: left;
text-align: right;    
}

/*--modal notas--*/

.modalnotes-container
{
width: 100%;
height: 400px;
border-radius: 5px;
background: #f8f8f8;
padding: 5px;    
}

.modalnotes-header
{
width: 100%;
height: 53px;
border-bottom: 3px solid #5c5c5c;    
}

.title-navbar
{
height: 100%;
float: left;
background: #3981b9;
padding-top: 5px;    
}

.notes-menu
{

height: 100%;
float: left;    
}

.title-navbar h4
{
color: #fff;
font-family: 'Abel', sans-serif;
text-align: center;
font-size: 20px    
}

.note-nextprev
{
height: 100%;
float: left;
background: #4290ca;
padding: 5px;    
}

.modalnotes-body
{
width: 100%;
height: 87%;
background: #fff;    
}

#note-date-panel
{
height: 100%;
background: #fafafa;
}

#note-body
{
height:100%;
background: #efefef;
padding-top: 5px;
overflow: auto;    
}

.note-search
{
width: 100%;
height: auto;    
}

.notes-panel
{
width: 100%;
height: 250px;
background: #fff;
overflow-y: scroll;    
}

.note-item
{
width: 100%;
height: auto;
background: #fbfbfb; 
padding: 3px;    
float: left;
border-bottom: 2px solid #eaeaea; 
margin-bottom: 5px;    
}

.note-content-head
{
width: 100%;
height: auto;
padding: 5px;
background: #fff;
border-bottom: 1px solid #c3c3c3;
float: left;    
}

#note-theme
{
height: 100%;
float: left;    
}

#note-date
{
height: 100%;
float: left;    
}

.note-icons
{
cursor: pointer;
text-align: right;
margin-top: 0px;   
}

.note-icons span
{
color:#4290ca;
margin-left: 5px;    
transition: all 0.4s ease-in-out;     
}

.note-icons span:hover
{
color:#ffd800;    
}

.note-area
{
width: 100%;
height: 80%;
overflow: auto;
background: #fff;
padding: 5px;
float: left;    
}

.note-item h2
{
cursor: pointer;
}

/* modal acerca de */

.content-about
{
width: 100%;
height: auto;
background: #ccc;
border-radius: 5px;
padding: 5px;    
float: left;
}

.container-aboutus
{
width: 100%;
height: 100%;
background: #183e6c; /* Old browsers */
background: -moz-linear-gradient(45deg,  #183e6c 49%, #2760aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(49%,#183e6c), color-stop(100%,#2760aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #183e6c 49%,#2760aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #183e6c 49%,#2760aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #183e6c 49%,#2760aa 100%); /* IE10+ */
background: linear-gradient(45deg,  #183e6c 49%,#2760aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183e6c', endColorstr='#2760aa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:5px;   
float: left;
}

.logo-about
{
text-align: right;
width: 100%;
height: 100px;
float: left;    
}

.aboutus-info
{
width: 100%;
height: auto;
float: left;
padding: 10px;    
}

.aboutus-info h4
{
color: #fff;
font-family: 'Abel', sans-serif;
background: #153762;
padding: 3px 10px;
border-radius: 0 5px 5px 0;
font-size: 20px;
margin-top:0px;    
}

.aboutus-info h5
{
color: #fff;
font-family: 'Abel', sans-serif;
padding: 0px 10px;    
}

.aboutus-info p
{
color: #a2a2a2;
font-weight: 200;
font-size: 12px;
font-stretch:expanded;
padding:0 10px;
margin-top: -5px;    
}

.social-aboutus
{
width: 100%;
height: 30px;
float: left;
text-align: right;    
}

.aboutus-info a b:hover
{
text-decoration: none;
color: #42c0ca;    
}

.aboutus-info a:hover
{
text-decoration: none;   
}

/*Modal tareas*/

.tag-body-container
{
width: 100%;
height: 400px;
background: #fafafa;
border-radius: 5px;
padding: 10px;    
}

.tag-body
{
width: 100%;
height: 100%;
background: #fff;
border: 1px solid #e6e6e6;
overflow: auto;
}

.tag-info
{
width: 100%;
height: 300px;
padding: 10px;
}

.tag-header
{
width: 100%;
height: 30px;
background: #4290ca;
color:#fff;
padding: 6px 10px;
font-family: 'Abel', sans-serif;
border-radius: 5px 5px 0 0;    
}

.tag-area
{
width: 100%;
height: auto;
padding: 10px; 
border: 1px solid #dedede;    
}

.btn.btn-default.btn-srch
{
margin: 0px;
box-shadow: none;
height: 30px    
}

.label-form-style,
#label-form-style
{
padding-top: 0px;
}

#form-name
{
font-family: 'Abel', sans-serif;
font-weight: 600;
color: #8d8d8d;    
}

.forms-space
{
width: 75%;
height: auto;    
float: left;
border-right: 1px solid #ddd;
padding-right: 5px;    
}

/*
.tittle-divider
{
width: 10px;
height: 15px;
background: #61ca42;
float: left;
margin-right: 5px;
margin-top: -3px	
}
*/

#date-input-form
{
width:100%;
height: 30px;
border-radius: 5px;
border: 1px solid #d0d0d0;
padding-left: 5px;
font-size: 12px;
color:#969696; 
margin-bottom: 5px;    
}

.modal-search
{
width: 100%;
height: auto;
padding: 5px;
background:#fff;
float: left;    
}

.table-container-modal
{
width: 100%;
height: 330px;
float: left;
background: #fff;
border-top: 3px solid #f7f7f7;
padding: 5px; 
overflow-y:auto;    
}

.form-credit-container
{
width: 100%;
height: 100%;
overflow-y: auto;
background: #fff;
float: left;
padding: 5px;    
}

.form-cred-tittle
{
width: 100%;
height: auto;
border-bottom: 3px solid rgb(217, 217, 217);
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
background: #f7f7f7;
float: left;    
}

.ex-container
{
width: 100%;
height: auto;
float: left;
border: 1px solid #d6d6d6;
border-radius: 5px;
margin-top:5px;
padding: 5px;    
}

.load-container
{
width:30px; 
height:50px; 
float:left; 
line-height:3.5;
margin-right:5px
}


#circularG{
position:relative;
width:30px;
height:30px;
top:10px;
}

.circularG{
position:absolute;
background-color:#428FCA;
width:7px;
height:7px;
-moz-border-radius:5px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.12s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:5px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.12s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:5px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.12s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:5px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.12s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:5px;
animation-name:bounce_circularG;
animation-duration:1.12s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:12px;
-moz-animation-delay:0.42s;
-webkit-animation-delay:0.42s;
-ms-animation-delay:0.42s;
-o-animation-delay:0.42s;
animation-delay:0.42s;
}

#circularG_2{
left:3px;
top:3px;
-moz-animation-delay:0.56s;
-webkit-animation-delay:0.56s;
-ms-animation-delay:0.56s;
-o-animation-delay:0.56s;
animation-delay:0.56s;
}

#circularG_3{
top:0;
left:12px;
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

#circularG_4{
right:3px;
top:3px;
-moz-animation-delay:0.84s;
-webkit-animation-delay:0.84s;
-ms-animation-delay:0.84s;
-o-animation-delay:0.84s;
animation-delay:0.84s;
}

#circularG_5{
right:0;
top:12px;
-moz-animation-delay:0.98s;
-webkit-animation-delay:0.98s;
-ms-animation-delay:0.98s;
-o-animation-delay:0.98s;
animation-delay:0.98s;
}

#circularG_6{
right:3px;
bottom:3px;
-moz-animation-delay:1.12s;
-webkit-animation-delay:1.12s;
-ms-animation-delay:1.12s;
-o-animation-delay:1.12s;
animation-delay:1.12s;
}

#circularG_7{
left:12px;
bottom:0;
-moz-animation-delay:1.26s;
-webkit-animation-delay:1.26s;
-ms-animation-delay:1.26s;
-o-animation-delay:1.26s;
animation-delay:1.26s;
}

#circularG_8{
left:3px;
bottom:3px;
-moz-animation-delay:1.4s;
-webkit-animation-delay:1.4s;
-ms-animation-delay:1.4s;
-o-animation-delay:1.4s;
animation-delay:1.4s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}


.fieldRequired {
    border: 1px solid #ffdc00;
    background-color: rgba(255, 251, 193, 0.43);
}


.spinner {
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
/*
  float:right; 
  margin-right:10px;
*/
}

.spinner > div {
  background-color: #FFF;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.info-prev
{
width: 100%;
height: auto;
margin-bottom: 5px;
background: rgb(249, 249, 249); 
border-radius: 5px;
padding: 5px; 
border: 1px solid #ddd;
float: left;    
}

.info-prev span
{
font-weight: 400;
}

.info-prev h5
{
font-weight: 400;
}


.info-prev-text
{
background: #fff;
padding:5px;
height: auto;
float: left;
width: 100%;    
}

.info-prev-text.border-bottom
{
border-bottom: 3px solid #e2dede;
}

#table-head-small tr
{
font-size: 11px
}

.table-condensed-responsive
{
position: absolute;
overflow: auto;
width:1000px;
height: 300px;
float: left;
background: #fff;
color: #000;
font-size: 11px;
font-weight: 300;
transition: all ease-in-out;
animation-duration: 15s;
border-radius: 5px;
border: 1px solid #000;
padding-top: 5px; 
margin: 10px;
display: inline;
text-align: left;
align-self: baseline;
animation-direction: alternate;
image-orientation: left;    
}

.ex-border
{
border-radius: 5px 0 0 5px;
}

.asc {
    float: right;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.desc {
    float: right;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.acd_asc {
    float: left;
    margin-right: 10px;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.acd_desc {
    float: left;
    margin-right: 10px;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}




.pagination>li>.deshabilitado
{
background: rgba(209, 209, 209, 0);
color: rgba(255, 255, 255, 0.46);
border: 1px solid rgba(255, 255, 255, 0.23);    
}

.pagination>li>.deshabilitado:hover
{
background: rgba(209, 209, 209, 0);
color: rgba(255, 255, 255, 0.46);
border: 1px solid rgba(255, 255, 255, 0.23);    
}

.button-trash
{
border: 0px;
background: transparent;
padding: 0px;
margin: 0px;    
}

#para-border-right    
{
/*
border: 1px solid #e6e6e6;
border-radius:5px;;;;;;    
*/
}


.modal-buttons
{
height: 150px;
}

#ModalButtons .modal-backdrop.in
{
opacity: 0;
}

#ModalButtons
{
margin-top: 100px;
box-shadow: none;    
}

.center-buttons
{
text-align: center;
margin: 0 auto;    
    
}

.input-td
{
border: 1px solid #fff;    
height:30px; 
width:100%;
padding-left: 5px; 
box-shadow: none;    
}

.form-control[readonly].input-td
{
cursor: not-allowed;
background-color: #fff;
opacity: 1;
border-radius: 0px;
height: 32px;
margin-bottom: 0px;   
}

.input-td-group
{
background:#fff; 
border:0px;
}

.imput-td-g
{
border-radius: 0px    
}

.perfil-button
{
font-size: 12px;
padding: 7px;
background: rgb(66,144,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(66,144,202,1) 9%, rgba(24,62,108,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(66,144,202,1)), color-stop(100%,rgba(24,62,108,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#183e6c',GradientType=0 ); /* IE6-9 */
color: #fff;
border: 1px solid rgba(230, 230, 230, 0.78);
transition: all 0.5s ease-in-out;
text-shadow: none; 
border-radius: 3px;
height: 30px; 
-webkit-box-shadow: 1px 1px 1px 1px rgba(13, 13, 13, 0.2);
box-shadow: 0px 2px 1px 0px rgba(13, 13, 13, 0.2);    
}

.input-td-group:hover
{
background: #f7f7f7;
border-radius: 0px;    
}

.modal-title
{
font-weight: 400;
font-size: 15px;    
}

.vencimiento-izquierda
{
border: 1px solid #f8eded
}

.vencimiento-derecha
{    
background: rgba(0, 27, 74, 0.04); 
border-radius: 5px;    
}



.tooltip-inner
{
background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
color:#183e6c;
font-weight: 400;    
border: 1px solid rgb(255, 185, 73);   
}

.tooltip.top .tooltip-arrow
{
border-width: 5px 5px 0;
  border-top-color: rgb(253, 170, 41);
}

.tooltip.bottom .tooltip-arrow
{
border-width: 0px 5px 5px;
  border-bottom-color: rgb(253, 170, 41);
}

.tooltip.left .tooltip-arrow {
  border-left-color:rgb(253, 170, 41)!important;
}

.tooltip.right .tooltip-arrow {
 
  border-right-color: rgb(253, 170, 41)!important;
}

.modal-div
{
width: 100%;
height: auto;
float: left;
background: rgba(11, 42, 76, 0.04);;
padding:5px;    
}

.btn-inactivo
{
background:rgba(18, 46, 83, 0.31); 
color:rgba(139, 139, 139, 0.37); 
border:1px solid rgba(199, 199, 199, 0.2);
cursor:not-allowed;    
}

.livicon-inactivo
{
color: rgba(255, 255, 255, 0.09);
}

.btn-inactivo:hover
{
background:rgba(18, 46, 83, 0.31); 
color:rgba(139, 139, 139, 0.37); 
border:1px solid rgba(199, 199, 199, 0.2);
cursor:not-allowed;
box-shadow: none;    
}

.colores
{
height: 100%;
float: left;
background: rgba(0, 70, 118, 0.04);
padding:5px;    
}

.color-item
{
width: 100%;
height: 30px;
margin-bottom: 5px;
background: #fff;
border-radius: 10px 0 0 0;
border-bottom: 1px solid #ddd; 
}

.color-button
{
width: 10%;
height: 100%;
float: left;
border-radius: 10px 0 0 0;    
}

.form-control.form-search
{
height:29px;
}

.elimina-boton-izquierdo
{
border-radius: 5px 0 0 5px;
}

.elimina-boton-derecho
{
border-radius: 0 5px 5px 0;
}

.map-inactive a
{
color: #adadad;
transition: all 0.5s ease-in-out;    
}

.map-active a
{
color: #fff;
transition: all 0.5s ease-in-out;    
}

.map-inactive a:hover
{
text-decoration: none;
cursor: pointer;   
color: #fff;    
}

.map-active a:hover
{
text-decoration: none; 
cursor: pointer;
color: #adadad;    
}

.next-prev li a
{
-webkit-box-shadow:inset 1px 1px 1px 1px rgba(0, 0, 0, 0);
box-shadow:inset 1px 1px 1px 1px rgba(0, 0, 0, 0);    
transition: all 0.4s ease-in-out;  
}

.next-prev li a:hover
{
-webkit-box-shadow:inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow:inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
color:#4290ca;
background: #fff;    
}

.btn-addonGroup:focus,
.btn_Zoom:focus,
.pikaday__display.pikaday__display--pikaday:focus,
.input-TableTD:focus,
.form-control:focus { 
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ceff;
background: rgba(0, 216, 255, 0.08);	
}

.button-submenu:focus,
.button-submenu:active
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}





.no-editable-cell
{
background: #b4eeff;
color: rgb(54, 132, 190);
height: 35px;    
}

.editable-cell
{
background: #fff0d9;
color: #9a7e7e;
}

.popover-srch
{
height: 40px;
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 1%, rgba(206,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(246,248,249,1)), color-stop(100%,rgba(206,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 1%,rgba(206,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,248,249,1) 1%,rgba(206,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,248,249,1) 1%,rgba(206,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,248,249,1) 1%,rgba(206,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#cecccc',GradientType=0 ); /* IE6-9 */
border:1px solid #d9d9d9;
float: left;
padding: 5px;
margin-bottom: 3px;
border-radius: 5px;    
}


.mdl-srch > .modal-backdrop 
{
background: rgba(255, 255, 255, 0);
}

.placeholdercolor::-webkit-input-placeholder { color:#aaa; }
.placeholdercolor::-moz-placeholder { color:#aaa; } /* firefox 19+ */
.placeholdercolor:-ms-input-placeholder { color:#aaa; } /* ie */
.placeholdercolor input:-moz-placeholder { color:#aaa; }

.table.demo.table-bordered tr
{
font-size:12px;
transition: all ease-in-out 0.1s    
}

.table.demo.table-bordered tbody tr:nth-child(odd)
{
background: #f7f7f7;
}

.table.demo.table-bordered tbody tr:hover
{
background: #48b8d9;
color:#fff;    
}


.disabled-account
{
background:rgb(255, 222, 216); 
color:#790000;
transition: 0.6s all ease-in-out
}


.table-body.tbhover>.disabled-account:hover,
.table-body.tbhover>.disabled-account:focus
{
background:rgb(255, 208, 199);  
color:#4b0000;
}

.botones-app
{
/*margin-top:-13px;    */
height: 50px;
padding: 7px 0;
text-align:center;    
}

.btn-submenu-app
{
transition: all 1s ease-in-out;
background: rgb(66,144,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(66,144,202,1) 9%, rgba(24,62,108,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(66,144,202,1)), color-stop(100%,rgba(24,62,108,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#183e6c',GradientType=0 ); /* IE6-9 */
color: #fff;
border: 1px solid rgba(230, 230, 230, 0.21);
-webkit-box-shadow: 1px 1px 1px 1px #000000;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.31);     
border-radius:4px;
padding: 5px 10px;
text-align: center;	
}





.btn-submenu-app:hover
{
background: rgb(125,185,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(125,185,232,1) 0%, rgba(32,124,202,1) 49%, rgba(43,136,217,1) 50%, rgba(59,103,158,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,1)), color-stop(49%,rgba(32,124,202,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(100%,rgba(59,103,158,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(43,136,217,1) 50%,rgba(59,103,158,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(43,136,217,1) 50%,rgba(59,103,158,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(43,136,217,1) 50%,rgba(59,103,158,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 49%,rgba(43,136,217,1) 50%,rgba(59,103,158,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#3b679e',GradientType=0 ); /* IE6-9 */

border: 1px solid #007bbc;
-webkit-box-shadow:inset 1px 1px 1px 1px #000;
box-shadow:inset 1px 1px 1px 1px #000;	
}

.form-control.placeholdercolor
{
border: 1px solid rgb(196, 196, 196)
}

.btn-submenu-app:focus,
.btn-submenu-app:active
{
outline: none;
box-shadow: none; 
border: 1px solid rgb(0, 226, 255);    
}


.form-control.placeholdercolor:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #25a3ff;    
}

.button-submenu-app
{
padding:  6px 10px;
background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
color: #183e6c;
border-radius:5px; 
border: 1px solid rgba(255, 255, 255, 0.33);
-webkit-box-shadow: 1px 1px 2px 1px #000000;
box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.3);
margin-bottom:5px;
transition: all 1s ease-in-out;	
}

.button-submenu-app:hover
{
-webkit-box-shadow:inset 1px 1px 2px 1px #000000;
box-shadow:inset 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
}


.button-submenu-app:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #4290ca;    
}

.appButtons-conteiner
{
/*margin-top:230px;*/
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 1%, rgba(0,0,0,1) 48%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.02)), color-stop(48%,rgba(0,0,0,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(0, 48, 106, 0.63) 48%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(0, 48, 106, 0.63) 48%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(0, 48, 106, 0.63) 48%, rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(0, 48, 106, 0.63) 48%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */;
border-radius:0px;
width:100%;
height:50px;
margin-left:0px;
text-align:center;
}


 #console 
{
margin-top: 5px;
padding: 0;
width: 95%;
height: 100px;
font-size: 10px;
font-family: courier new;
}

@media (min-width:567px) and (max-width: 568px)
{
.appButtons-conteiner
{
margin-top:160px;
}
	
#mySmallDoughnut,	
#mySmallDoughnut2	
{
/*padding-left: 130px;*/
}
	
.input-graph	
{
width:150px;
height: 15px;	
}
	
	
.oculta-load span
{
display: none;
}
    
.calendario-eventos.cal    
{
height: 465px !important;
} 
    
#canvas-holder
{
width: 200px !important;   
padding-top:20px !important;   
}
    
.data-graph
{
width:330px !important
}
    
.datos-dognut
{
top:-71px
}    

}    
    
@media (min-width:374px) and (max-width: 375px)
{
.appButtons-conteiner
{
margin-top:160px;
}
#mySmallDoughnut,
#mySmallDoughnut2
{
/*padding-left: 35px;*/
}
	
.input-graph	
{
width:130px;
height: 15px;	
}
	
.oculta-load span
{
display: none;
}
    
.calendario-eventos.cal    
{
height: 320px !important;
}     
	
	
}     
    
    
@media (min-width:666px) and (max-width: 667px)
{
.appButtons-conteiner
{
margin-top:160px;
} 

.input-graph	
{
width:150px;
height: 15px;	
}
    
.calendario-eventos.cal    
{
height: 535px !important;
} 
    
#canvas-holder
{
width: 200px !important;   
padding-top:20px !important;   
} 
    
.data-graph
{
width:400px !important
}    
	
}    
    
@media (min-width:413px) and (max-width:414px)
{
.appButtons-conteiner
{
margin-top:160px;
}
#mySmallDoughnut,
#mySmallDoughnut2
{
/*padding-left: 55px;*/
}
	
.input-graph	
{
width:150px;
height: 15px;	
}
	
.oculta-load span
{
display: none;
}
    
.calendario-eventos.cal    
{
height: 350px !important;
}     
	
	
}    
 
@media (min-width:735px) and (max-width: 736px)
{
.appButtons-conteiner
{
margin-top:160px;
}
.input-graph	
{
width:150px;
height: 15px;	
}
    
.calendario-eventos.cal    
{
height: 585px !important;
} 
 
 #canvas-holder
{
width: 200px !important;   
padding-top:20px !important;   
} 
    
.data-graph
{
width:490px !important
}     
	
}  

@media (min-width:383px) and (max-width: 384px)
{
.appButtons-conteiner
{
margin-top:160px;
}
#mySmallDoughnut,
#mySmallDoughnut2
{
/*padding-left: 40px;*/
}
.input-graph	
{
width:130px;
height: 15px;	
}	

.oculta-load span
{
display: none;
}	
    
.calendario-eventos.cal    
{
height: 325px !important;
}        
	
	
} 
 
@media (min-width:600px) and (max-width: 600px)
{
.appButtons-conteiner
{
margin-top:160px;
}
	
.input-graph	
{
width:150px;
height: 15px;	
}
    
.calendario-eventos.cal    
{
height: 485px !important;
}        

#canvas-holder
{
width: 200px !important;   
padding-top:20px !important;   
} 
    
.data-graph
{
width:330px !important
}      
    
    
    
} 



    
.table.demo.table-bordered tbody tr a
{
color:inherit;   
}

.table.demo.table-bordered tbody tr a:hover
{
color:inherit;
text-decoration: none;    
}

.footable-toggle
{
width: 25px;
cursor:context-menu;
}


.table.demo.table-bordered tbody > .conceptos-fijos a
{
color: #000;
}

.table.demo.table-bordered tbody > .conceptos-variables a
{
color: #4290ca;
}

.totalProforma
{
height: auto;
padding: 5px;
background: rgb(251, 251, 251);	
border-radius:5px;
border: 1px solid #e2e2e2;	
}


.total-input input
{
color: #c40000;
font-weight: 800;	
}

.totalProforma input
{
text-align: right;
}


.header-app
{
width: 100%;
float:left;
height: 60px;
background-image: url(../../images/background-header.jpg)!important;
background-position:center!important;
padding:5px;
margin-top:52px;	
transition: 1.5s all ease-in-out	
}

.header-app.header-master
{
height:40px
}

.header-app:hover
{
height: 85px;
}

.headerApp-subtittle
{
font-size:16px;
font-family: 'Abel', sans-serif; 
color: #fff;
height: 30px;
padding:6px;
background: rgba(255, 255, 255, 0.26);
margin-top:0px;
text-align: center;	
}

.header-app p
{
color: #fff;
font-family: 'Abel', sans-serif; 
text-align: center;
font-size: 12px;
	
}

.row-table
{
height: 363px;
overflow: auto;	
margin-bottom: 5px;	
}

.row-form
{
height:auto;
}

.form-tit-content
{
height: 35px;
background: #f7f7f7;
padding:1px 5px;
border-bottom: 2px solid #b4b4b4;
margin-bottom:5px;	
}

.titulo-procesos
{	
color: rgb(0, 0, 0);
background: #f7f7f7;
padding: 5px;
margin-bottom: 12px;
font-size:11px;
margin-top:3px;	
}

.titulo-procesos span
{
    margin-right: 10px;
}



.graph-content
{
height:95px; 
width:100%;
float:left;
border:1px solid #e6e6e6;
margin-top:3px;
padding:0px 3px;
background: #fff;	
}

.graph-tittle-h1
{
text-align:center;
background:#183e6c; 
margin-top:0px; 
font-size:15px; 
color:#fff;
padding:3px; 
float:left;
width:100%;
margin-bottom:0px;
}

.input-graph
{
float: right;
background: rgb(237, 237, 237);
border: 1px solid #d8d8d8;
border-radius: 5px;	
margi-top:1px;
font-size: 11px;
text-align: right;
padding: 0 5px;	
}

.input-graph:focus 
{ outline: 2px solid #5accff;
box-shadow: none;
border-radius: 5px;	
}

.div-border
{
float:left;
margin-bottom:10px;
}
 




.columna-lista
{
height: 420px;
background: #fff;
padding: 5px;	
}


.columna-calculadora
{
height: 420px;
padding: 5px;
border: 1px solid #e0e0e0;	
}

.lista-atributos
{
width: 100%;
height: 250px;
overflow: auto;
padding: 5px;
border: 1px solid #d6d6d6;	
	
}

.table-atributos tbody tr
{
color:#888;
transition: 0.2s all ease-in-out;	
}

.table-atributos tbody tr:hover
{
color:#fff;
background: rgba(0, 195, 221, 0.4);	
}


.table-atributos tbody tr:nth-child(odd)
{
background: #f7f7f7;
}

.table-atributos tbody tr:nth-child(odd):hover
{
background: rgba(0, 195, 221, 0.4);
}

.caja-texto
{
width: 100%;
height: 100px;
margin-top: 15px;	
}

.calculadora-content
{
width: 100%;
height: 100%;
background: #fff;
border-radius: 5px;
padding: 5px;	
}

.numeros-calculadora
{
height: auto;
float: left;	
}

.digito-calculadora
{
width: 32%;	
height: 80px;
border-radius: 5px;;
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:2px solid #fff;
-webkit-box-shadow: 1px 1px 1px 1px #000;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.21);	
float: left;
color: #000000;
font-size: 30px;
text-align: center;
line-height: 2;	
transition: all 1s ease-in-out;
margin-right: 1px;
font-weight: 400;    
}

.digito-calculadora:hover
{
height: 80px;
border-radius: 5px;;
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:2px solid #fff;
-webkit-box-shadow:inset 1px 1px 1px 1px #000000;
box-shadow:inset 1px 1px 2px 1px rgba(0, 0, 0, 0.21);	
float: left;
color: #727272;
font-size: 30px;
text-align: center;
line-height: 2;	
transition: all 0.3s ease-in-out;	
}


.calculadora-fila
{
width: 100%;
padding-top: 0px;
height:82px;	
}

.funciones-matematicas
{
height: auto;
float: left;	
}

.caracteres-especiales
{
height: 50px;
float: left;
margin-top: 5px;	
	
}

.digito-calculadora-especial
{
height: 40px;
border-radius: 5px;;
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:2px solid #fff;
-webkit-box-shadow: 1px 1px 1px 1px #000;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.21);	
float: left;
color: #f00;
font-size: 20px;
text-align: center;  
margin-right: 5px;
font-weight:bold    
}

.digito-calculadora-especial:hover
{

background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:2px solid #fff;
-webkit-box-shadow:inset 1px 1px 1px 1px #000000;
box-shadow:inset 1px 1px 2px 1px rgba(0, 0, 0, 0.21);	
color: #f00;
font-size: 20px;
font-weight:bold;   
transition: all 0.3s ease-in-out;    
}


.digito-calculadora:focus,
.digito-calculadora-especial:focus
{
outline: 1px solid rgb(0, 186, 255);
-webkit-box-shadow:inset 1px 1px 1px 1px #000000;
box-shadow:inset 1px 1px 2px 1px rgba(0, 0, 0, 0.21);
    
}

.titulo-procesos a
{
cursor: pointer;
text-decoration: none;
color: #4290ca;	
}

.titulo-procesos a:hover
{
color: #a3a3a3;
}

.contenedor-busqueda
{
width: 100%;
height: 300px;
border-radius: 5px;
background: #f7f7f7;	
}

.hoja-impresion
{
width: 850px;
height: 1100px;
margin: 0 auto;
border:1px solid #bababa;
background: #fff;
padding: 10px 30px;	
}

.header-pagimpresion
{
width: 100%;
height: 100px;
margin-top:20px	
/*border: 1px solid #000;	*/
}

.titulo-pagimpresion
{
margin-top:0px;
width: 100%;
text-align: center;
margin-bottom: 0px;
height: 15px;
/*border: 1px solid #000;		*/
text-transform:uppercase;
}

.logo-pagimpresion
{
width: 300px;
height: 85px;
float: left;
padding:15px 5px;	
/*border: 1px solid #000;		*/
}

.num-pagimpresion
{
width: 350px;
height: 85px;
float: right;
padding: 5px;
text-align: right;	
/*border: 1px solid #000;	*/
}

.input-pagimpresion
{
border: 0px;
border-bottom: 1px solid #c3c3c3;
height: 20px;
margin-top:-5px;
font-size:12px;
color:#676767;	
}

.label-pagimpresion
{
font-size: 10px;
height: 20px;
background: #fff;
padding: 3px;
color: #000;
font-weight: 500;	
}

.input-pagimpresion:focus
{
outline: 1px solid rgb(0, 186, 255);
box-shadow: none;
}

.datos-pagimpresion
{
width: 100%;
height: auto;
padding: 5px;
border: 4px double #989898;
float: left;
}

.tabla-pagimpresion
{
width: 100%;
height: 200px;
padding: 5px;
background: #fbfbfb;	
border-bottom:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
float: left;	
}

.form-pagimpresion
{
width: 100%;
height: 540px;
padding: 5px;
float: left;	
/*border: 1px solid #000;*/
	
}

.colizq-pagimpresion
{
width: 65%;
height: 100%;
float: left;	
/*border: 1px solid #000;*/
padding-right: 5px;	
}

.colder-pagimpresion
{
width: 35%;
height: 100%;
float: left;	
padding-left: 5px;
/*border: 1px solid #000;*/
}

.totales-pagimpresion
{
width:310px;
float:right;
height: 77px;
background: #fff;
margin-top:3px;
border: 1px solid #e0d9d9;		
}

.nota-pagimpresion
{
width:460px;
height: 77px;
float: left;
margin-top: 3px;
	
}

.label-pagimpresion.font-size
{
font-size: 9px;
padding-top: 5px;

background: #fff;	
}

.esp-pagimpresion
{
width: 100%;
height: 170px;
padding:5px;
border: 1px solid #e5e5e5;
background: #fff;	
}


.form-content-atencion
{
width: 100%;
height: auto;
background: #fff;
padding: 5px;	
float: left;	
}


#button-cerrarSecion:focus
{
outline: 1px solid rgb(0, 186, 255);
box-shadow: none;
    
}

.list-icon
{
font-size: 12px;
color: #4290ca;
	
}

.contenido-pop ul
{
margin-left: 0px;
padding-left: 0;	
}

.list-popup li
{
width: 100;
color: #4290ca;
list-style: none;
padding-left: 5px;
background: #fff;
height: 30px;
line-height: 2.4;	
cursor:pointer;
transition: all 0.4s ease-in-out;
}

.list-popup li:hover
{
color: #fff;
background: #4290ca;	
}

.popover-edit
{
width:150px;
box-shadow: none;	
}

.Place-especial
{
padding: 0px; text-align: center;
}

.disabled-radio-check span
{
color: #b9b9b9;
}

.table-bordered tbody tr:nth-child(odd)
{
background: #f7f7f7;
}


.focused-row
{
background:rgba(66, 144, 202, 0.17);  
color:#4290ca;
}

.table-bordered tbody .focused-row:nth-child(odd)
{
background:rgba(66, 144, 202, 0.17);  
color:#4290ca;
}

.table-bordered tbody .focused-row-disabled:nth-child(odd),
.table-bordered tbody .disabled-account.focused-row-disabled:nth-child(odd)
{
background:rgb(255, 208, 199);  
color:#4b0000;
}

.focused-row-disabled
{
background:rgb(255, 208, 199);  
color:#4b0000;
}


.table-bordered tbody tr:nth-child(odd):hover
{
background: #4dc9e0;
color:#fff;	
}

.table-bordered tbody tr:hover
{
background: #4dc9e0;
color:#fff;	
}

.table-bordered tbody .disabled-account:nth-child(odd)
{
background:rgb(255, 222, 216); 
color:#790000;
transition: 0.6s all ease-in-out;
}

.table-bordered tbody .disabled-account:hover
{
background:rgb(255, 208, 199);  
color:#4b0000;
}

.table-bordered tbody .disabled-account:nth-child(odd):hover
{
background:rgb(255, 208, 199);  
color:#4b0000;
}

.modal-footer b
{
font-weight: 600;
}

.right-align th
{
text-align: right;
}

.right-align th:nth-child(1)
{
text-align: left;
}

.right-align th:nth-child(2)
{
text-align: left;
}

.right-align th:nth-child(3)
{
text-align: left;
}

.map-bar
{
border-right:1px solid rgba(255, 255, 255, 0.22); 
border-left:1px solid rgba(255, 255, 255, 0.22); 
text-align:center;
}

.srch-app-input
{
background:#fff; color:#575757; 
border-radius:10px;
font-size:11px;
-webkit-box-shadow:inset 1px 1px 1px 1px #000;
box-shadow:inset 2px 2px 3px 1px rgba(165, 165, 165, 0.17);
}

.tittle h5,
.table-border h5
{
font-family:arial;
color:#005ca0;
font-weight:bold;
font-size: 13px;	
}

.link-label
{
text-decoration: underline;
cursor:pointer;
	
}

.link-label a
{
color:#004b83;	
font-weight: bolder;
font-family:sans-serif;	
transition: all ease-in-out;	
}

.link-label a:hover
{
color: #4290ca;
text-decoration: none;	
}

.link-label span
{
font-size: 13px;
color:#004b83;		
}


.bordered-table
{
border: 1px solid #ddd;
}

.bordered-table th,
.bordered-table td
{
border: 1px solid #ddd !important;
}
.nav.nav-tabs li a
{
color:#767676;
}


.navbar-brand
{
font-family: 'Abel', sans-serif; 
font-weight: 600;
}

/*
::-webkit-scrollbar{
  width: 5px;
  background: #fff;
}
*/

/*
::-webkit-scrollbar:horizontal{
  height: 5px;
  background: #fff;
}



::-webkit-scrollbar-button{
  width:8px;
  height: 5px;
}
*/
::-webkit-scrollbar-track{
  background:#fff;
  border:thin solid #fff;
  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb{
  background: rgba(203, 203, 203, 0.97);
 
  border:thin solid rgba(186, 186, 186, 0.97);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{   
background: rgb(114,193,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(114,193,229,1) 0%, rgba(0,132,198,1) 50%, rgba(24,115,181,1) 64%, rgba(0,72,127,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,193,229,1)), color-stop(50%,rgba(0,132,198,1)), color-stop(64%,rgba(24,115,181,1)), color-stop(100%,rgba(0,72,127,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(114,193,229,1) 0%,rgba(0,132,198,1) 50%,rgba(24,115,181,1) 64%,rgba(0,72,127,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(114,193,229,1) 0%,rgba(0,132,198,1) 50%,rgba(24,115,181,1) 64%,rgba(0,72,127,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(114,193,229,1) 0%,rgba(0,132,198,1) 50%,rgba(24,115,181,1) 64%,rgba(0,72,127,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(114,193,229,1) 0%,rgb(0, 122, 181) 50%,rgb(18, 98, 157) 64%,rgb(0, 56, 100) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72c1e5', endColorstr='#00487f',GradientType=0 ); /* IE6-9 */
}
/* Pseudo-clase */
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(203, 203, 203, 0.97);
}

.botones-acciones
{
width: 30px;
height: 30px;
border-radius: 5px;
border: 1px solid #cbcbcb;
margin-bottom: 5px;
text-align: center;
font-size: 16px;
background: rgba(66,144,202,1);
color: #fff;	
-webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.04);	
transition: all ease-in-out 1s;
padding: 4px;   
    
}

.botones-acciones:hover
{
-webkit-box-shadow:inset 0 1px 0 1px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 0 1px rgba(0, 0, 0, 0.1);
color: #00e2ff;	
background: #f8f8f8;	
}

.botones-acciones:focus
{
outline: 1px solid rgb(0, 186, 255);
box-shadow: none;
border-radius: 5px;  
}

.app-modal-list li
{
text-align: left;	
list-style: none;
background: #183e6c;
margin-left: 0px;
padding:5px 15px;
cursor: pointer;
border-bottom:1px solid rgba(255, 255, 255, 0.38);
transition: all ease-in-out 0.5s;	
}

.app-modal-list a
{
font-size: 12px;	
color: #dedede;
text-decoration: none;
font-weight: 300;	
transition: all ease-in-out 0.3s;		
}


.app-modal-list li:hover
{
background: #306a95;
}

.app-modal-list a:hover
{
color:#fff; 
}

td
{
font-family: sans-serif;
}

.Place-especial
{
padding-right: 5px;
}


.text-align-right tr td
{
text-align: right;
}


/* ------ wraper centrado -- */
.center-all
{
max-width: 1220px
}

.for-center-header
{
max-width: 1220px;
}
/* ------ wraper centrado -- */


#filter-button
{
padding-right: 7px;
}

.colorSim
{
margin-top: 50px;
width: 100%;
height: 285px;
padding:10px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.1);	
}

.color-content
{
list-style: none;
padding: 0px;	
}

.color-content li
{
color: #cbcbcb;
font-family: arial;
font-size: 12px;
height: 30px;
line-height: 2.5;
margin-top: 5px;
background: rgba(255, 255, 255, 0.05);	
padding-left: 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.32);	
}

.color-shape
{
width:15px;
height: 15px;
float: left;
margin-right: 10px;
margin-top:7px;
border-radius: 100%;	
}

.colors-content-app
{
width:100%;
height:auto;
padding:5px 15px;	
}

.color-li
{
height: 30px;
color:#183e6c;
font-family: arial;
font-size:11px;
font-weight: bold;	
line-height: 3;
text-align:left;
background:rgba(255, 255, 255, 0.69);
margin-bottom: 3px;	
border-right: 1px solid rgba(255, 255, 255, 0.54);
float: left;	
}


.nav.navbar-nav li a:focus 
{
background: #4290ca;
color: #FFF;
/*outline: 1px solid rgb(0, 186, 255);*/
box-shadow: none;
border: 0px;		
}

.map-inactive a:focus,			
.map-active a:focus
{
outline: none;
box-shadow: none; 
color: #00e2ff;
text-decoration: none;	
}


.check-typo span
{
color: #4290ca;
font-family: arial;
font-size:10pt;	
}

.ir-arriba {
	display:none;
	padding:5px 10px;
    font-size:20px;
	color:#4290ca;
	cursor:pointer;
	position: fixed;
	bottom:60px;
	right:10px;
	z-index: 10000000000;
/*	border-radius: 100px;*/
    background: #4290ca;
}



.contenedor-foto-imag
{
height: 240px;
margin-bottom:5px;
background: #ffffff;
float: left;
padding: 5px;
position: relative;    
}


.image-foto
{
width:100%;
height: 200px;
background: #fff;
padding:3px;
border-radius: 5px 5px 0 0;	
}


.contenedor-foto-imag .image-foto
{
  /** Interesting part starts here */
  font-size: 0;
  text-align: center;
  border: 1px solid #4290ca;	
}
.contenedor-foto-imag .image-foto img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
.contenedor-foto-imag .image-foto:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/* Dmitry Filimonov 2013 */



.dato-foto
{
width:100%;
height: 30px;
background: #4290ca;
color: #fff;
border-radius: 0 0 5px 5px;	
}



html,
body 
{
    height: 100%;
}



.btn-select
{
background: #fff;
color: rgb(141, 141, 141);
height: 30px;
box-shadow: none;
border: 1px solid #c9c9c9;	
font-size: 12px;
}

.open ul li a:focus,
.btn-group.open .dropdown-toggle:focus
{
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ceff;
background: rgba(0, 216, 255, 0.08);
}




.btn.btn-Tidentificacion:focus,
.inputTDInv:focus,
.btn-select:focus
{
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ceff;
background: rgba(0, 216, 255, 0.08);
}



.desabilitado
{
background: #f4f4f4;
color:#d6d6d6;
border:1px solid #e5e5e5;
box-shadow: none;	
}


.desabilitado:hover
{
background: #f4f4f4;
color:#d6d6d6;
border:1px solid #e5e5e5;
box-shadow: none;
cursor:not-allowed;	
}


.form-side
{
padding: 5px;
background: #fff;	
}


.navbar-inverse .navbar-nav>li>a {
  color: #fff;
  font-weight: 400;	
}

.navbar-inverse .navbar-nav>li>a:hover {
  color: rgb(211, 211, 211);	
}

.navbar-inverse .navbar-brand {
  color: #4290ca;
}


.dropdown-menu>li>.menuItm-disabled
{
color: #d8d8d8;
background: #fff;	
}

.dropdown-menu>li>.menuItm-disabled:hover
{
color: #d8d8d8;
background: #fff;
cursor:not-allowed;	
}	

.nav.navbar-nav li .menuItm-disabled:focus
{
color: #d8d8d8;
background: #fff;
cursor:not-allowed;	
}

.navbar
{
max-width: 1220px;
margin: 0 auto;
padding: 0 10px;	
}

.menu
{
background: #183e6c;
position: fixed;
z-index: 9;
border-bottom: 2px solid #0d2445;
height: 52px;
float: left;	
}

.header
{
margin-top:52px;
}


.nota-denegada td
{
background: rgba(255, 196, 196, 0.95);
color: #9d5353;	
}

.nota-denegada .td-especial-span
{
float: right;
color:#fff;
font-size: 15px;
margin: 0px;
}


.buscarOrden-Btn
{
padding: 2px 5px;
float: right;
background: rgb(114,193,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(114,193,229,1) 0%, rgba(0,132,198,1) 50%, rgba(24,115,181,1) 64%, rgba(0,72,127,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,193,229,1)), color-stop(50%,rgba(0,132,198,1)), color-stop(64%,rgba(24,115,181,1)), color-stop(100%,rgba(0,72,127,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(114,193,229,1) 0%,rgba(0,132,198,1) 50%,rgba(24,115,181,1) 64%,rgba(0,72,127,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(114,193,229,1) 0%,rgba(0,132,198,1) 50%,rgba(24,115,181,1) 64%,rgba(0,72,127,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(114,193,229,1) 0%,rgba(0,132,198,1) 50%,rgba(24,115,181,1) 64%,rgba(0,72,127,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(114,193,229,1) 0%,rgb(0, 122, 181) 50%,rgb(18, 98, 157) 64%,rgb(0, 56, 100) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72c1e5', endColorstr='#00487f',GradientType=0 ); /* IE6-9 */
color: #fff;
font-size: 10px;	
border-radius:5px;
border: 1px solid #00a7ff;	
}


.buscarOrden-Btn:focus
{
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ffff;
}


.titulo-procesos span
{
color: #42a5ca;
font-weight: bold;
font-size:12px;
text-decoration: underline;	
}

#menu-4buttons  .mostrar-subbutton
{
margin-top: 10px
}


.form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
  margin-bottom: 5px;
}

a:hover
{
text-decoration: none;
}

.table-size-responsive
{
width: 100%;
height: 355px;
margin-bottom:5px;    
overflow: auto;   
}

.table-input
{
margin: 0px;
width: 100%;
height: 30px;
background: rgba(0, 0, 0, 0);   
box-shadow: none;
border: 0px; 
padding-left:5px;    
}


.table-input:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}


.select-in-table
{
background: rgba(255, 255, 255, 0);
border: 0px;
box-shadow: none;    
}


.select-in-table:focus
{
outline: none;
box-shadow: none; 
border: 0px solid #00e2ff; 
border-radius: 0px;    
}





.table-head-fixed  thead, .table-head-fixed  tbody, .table-head-fixed  tr, .table-head-fixed  td, .table-head-fixed  th 
{
    display: block;
}

.table-head-fixed tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.table-head-fixed thead th {
    height: 30px;
    text-align: left;
}

 .table-head-fixed tbody {
    height: 264px;
    overflow-y: auto;
}

.table-head-fixed thead {
    /* fallback */
border:0px;    
}
 
.table-head-fixed tr
{
transition: 0.4s all ease-in-out;    
}         

         



.table-head-fixed tbody td, .table-head-fixed thead th {
    float: left;

}

.table-head-fixed tbody td     
{
outline: 1px solid #c1c1c1;
box-shadow: none; 
border: 0px;    
}

.table-head-fixed thead tr th
{
outline: 1px solid #bcbcbc;
}

.table-bordered.table-head-fixed>thead>tr>th, .table-bordered.table-head-fixed>tbody>tr>th, .table-bordered.table-head-fixed>tfoot>tr>th, .table-bordered.table-head-fixed>thead>tr>td, .table-bordered.table-head-fixed>tbody>tr>td, .table-bordered.table-head-fixed>tfoot>tr>td
{
height: 30px;    
}



.popover
{
z-index: 999999
}


.pop-diseno h1
{
width: 100%;
height: 10px;
padding: 12px;
margin: 5px;    
}

.pop-disGrafico
{
width:200px;
height: 105px;
overflow: auto;    
padding: 5px;
border: 1px solid #c4c4c4;  
border-radius: 5px;    
}

.pop-disGrafico ul 
{
width: 100%;
list-style: none;
margin: 0px;
padding-left: 0px;
}

.pop-disGrafico ul li
{
font-size:12px;
height: 30px;
border-bottom: 1px solid #d1d1d1;
padding-top:6px; 
padding-left: 5px;    
}

.pop-disGrafico ul li span
{
font-weight: bold;
color:#4290ca;  
font-size: 13px;    
}

.proceso-activo
{
background: #4290ca;
color: #fff;  
}

.pop-disGrafico ul .proceso-activo span
{
color:#183e6c;     
}


tbody tr
{
/*text-transform: uppercase;*/
}

.filter-select .btn.dropdown-toggle.selectpicker.btn-select
{
background: rgba(0, 0, 0, 0);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.35);    
}

.filter-select:focus,
.date-picker-input:focus,
.search:focus
{
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ceff;
background: rgba(0, 216, 255, 0.08);
}

td
{
cursor: pointer;
}

.map-bar h4
{
display: table-cell;
vertical-align: middle;
position: relative;
line-height: 1;    
}


#user-welcome h4
{
display: table-cell;
vertical-align: middle;
position: relative;
}


.contenedor-acc
{
width:100%;
height: auto;
padding: 5px;
margin-top:55px;
/*background: rgba(255, 255, 255, 0.04);*/    
}

.panel-body-filter
{
background: rgba(0, 0, 0, 0);
}


.collapse-filter
{
background: rgba(0, 0, 0, 0);
}


.panel-filter
{
background: rgba(255, 255, 255, 0);
border: 0px;    
}

.filter-list
{
padding-left: 0px
}

.filter-list li
{
list-style: none;
margin-left: 0px;   
height: 30px;
padding-top:5px;
padding-left: 5px;    
border-bottom:1px solid rgba(255, 255, 255, 0.21); 
transition: all ease-in-out 0.5s;    
}

.filter-list li a span
{
color:#d4d4d4;
font-size: 12px; 
font-weight:lighter; 
font-family: arial;
}

.filter-list span
{
margin-left:5px;
}

.panel-heading-filter
{
color: #fff;
background: rgba(255, 255, 255, 0.06);    
}

.panel-heading-filter h4
{
font-size: 13px
}

.panel-heading-filter h4 span
{
font-size: 11px;
color:#acacac;
transform: rotate(0deg);
transition: all ease-in-out 0.5s;
}



.filter-list li:nth-child(odd)
{
background: rgba(255, 255, 255, 0.04);
}



.filter-list li:hover
{
background: rgba(66, 144, 202, 0.48);
color:#fff;   
}


.cleanupborder h4
{
color:#fff;    
}

/*
#txt_filtro
{
background: rgba(255, 255, 255, 0.13);
border: 1px solid rgba(255, 255, 255, 0.38); 
color: #fff;    
}
*/

.filtercategory span
{
color: #fff;
margin-top:5px    
}

.filtercategory h4
{
padding-top:5px;    
}



.filtercategory 
{
background: rgba(10, 48, 93, 0.39);
padding-left: 5px;
height: 25px;
}

.filter_item
{
height: 35px;  
padding-top:7px;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.06);
padding-left: 5px; 
transition: all 0.5s ease-in-out;    
}

.filter_item span
{
color:#d1d1d1;
font-size: 13px;
margin-left: 5px    
    
}

.filter_item:hover
{

border-bottom: 1px solid rgba(255, 255, 255, 0.58);
background: rgba(22, 116, 185, 0.56);   
}

.filter_item input
{
position: relative;
top: 3px;    
}


.btn.btn-default:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00baff; 
}

tbody .tr-selected td
{
background: rgba(147, 247, 255, 0.34); 
color: #1787d9; 
font-weight: bold;    
}

.form-control.input-fiter-table
{
border: 1px solid #000;    
}

.back-grey .filterelement .filter_item span
{
color: #404040;
}

.back-grey .filterelement .filter_item
{
border-bottom: 1px solid #d0d0d0;
text-align: left;    
}



.input-fiter-table:focus
{
outline: 0px solid rgb(0, 177, 255);
box-shadow: none;
border: 1px solid #00ceff;
background: rgba(0, 216, 255, 0.08);
}

.back-grey .filterelement .filter_item
{
background: #f7f7f7;
}


.back-grey .filterelement .filter_item:hover
{
background: #dfdfdf;
border-bottom: 1px solid #939393;    
}


.panel-heading.panel-heading-op 
{
background: #f7f7f7;
height: 30px;
padding:7px 10px;
border-left: 1px  solid #d9d9d9;    
border-right: 1px  solid #d9d9d9;    
outline: 1px solid #d9d9d9;
border-radius: 0;    
}


.panel-heading.panel-heading-op .panel-title
{
color: #4290ca;
font-size: 15px    
}


.panel-heading.panel-heading-op a:active
{
text-decoration: none;
}


.acordion-contenedor
{
height: 310px;
width: 100%;
overflow-y:scroll;
padding-top:2px;    
margin-top:-20px    
}

.tbody-contenedor
{
width: 100%;
height: auto;
overflow-y: scroll;    
}

a:focus
{
text-decoration: none;    
}


.table-centrocosto tbody tr td
{
text-align: left;
color: #000;    
}



#tablaEmpleadoBeneficios tbody tr .filterable-cell.editable-cell.tdGrid.active
{
padding: 0px;
background: rgba(0, 0, 0, 0); 
height: 30px; 
padding-bottom: 0px;    
}

#tablaEmpleadoBeneficios tbody tr td input
{
background: rgba(232, 0, 0, 0);
margin: 0px;
border: 0px;
width: 100%; 
height: 30px;
margin-bottom: 0px;    
}


#tablaEmpleadoDeducciones tbody tr .filterable-cell.editable-cell.tdGrid.active
{
padding: 0px;
background: rgba(0, 0, 0, 0); 
height: 30px; 
padding-bottom: 0px;    
}

#tablaEmpleadoDeducciones tbody tr td input
{
background: rgba(232, 0, 0, 0);
margin: 0px;
border: 0px;
width: 100%; 
height: 30px;
margin-bottom: 0px;    
}

.form-search .bootstrap-select.btn-group, 
.form-inline .bootstrap-select.btn-group, 
.form-horizontal .bootstrap-select.btn-group, 
.form-group .bootstrap-select.btn-group 
{
margin-bottom: 5px;
}




.form-search .bootstrap-select.btn-group, 
.form-inline .bootstrap-select.btn-group, 
.form-horizontal .bootstrap-select.btn-group, 
.form-group .bootstrap-select.btn-group 
{
margin-bottom: 5px;
}

/*
.control-label
{
text-transform:lowercase;   
}

.control-label:first-letter
{
text-transform: uppercase;
}
*/




table-body td,
.form-label 
{
color:#000;
font-weight:400;
}

.filter-option,
.selectpicker li a span {
color:#000;
font-weight:400;
}

.consul-content
{
width:100%;
height:auto;
padding: 0 10px;
text-align: center;    
}

.consul-content h4
{
color: #4290ca;
font-size: 15px;    
}

.btn-consult
{
height: 30px;
width: 100%;
text-align: center;    
}


#tablaTipoOrdenProduccion tbody tr td a {
color:#000;
font-weight:400;    
}


.link-label a
{
color:#001635;
font-weight: 600;
}


.checkbox label span {
color:#000;
font-weight:600;
font-size:12px; 

}

.color-cont
{
width: 20px;
height: 20px;
background: #000; 
border-radius: 5px;
border: 1px solid #fff;
float: left;    
}

.color-text
{
float: left;
font-size: 13px; 
margin: 5px 3px;
font-family: arial;
font-weight: 500;    
}

.table.demo.table-bordered.toggle-square-filled tbody .pendiente-color
{
color: #000;
}

.table.demo.table-bordered.toggle-square-filled tbody .auxiliar-color
{
color: #0031ff;
}

.table.demo.table-bordered.toggle-square-filled tbody .Lmayorizar-color
{
color: #00ba07;
}

.table.demo.table-bordered.toggle-square-filled tbody .desbalanceado-color
{
color: #de0000;
}

.table.demo.table-bordered.toggle-square-filled tbody .CCinactivo-color
{
color: #00baff;
}

.table.demo.table-bordered.toggle-square-filled tbody .Fperiodo-color
{
color: #b300cb;
}



.table.demo.table-bordered.toggle-square-filled tbody .pendiente-color:hover,
.table.demo.table-bordered.toggle-square-filled tbody .auxiliar-color:hover,
.table.demo.table-bordered.toggle-square-filled tbody .Lmayorizar-color:hover,
.table.demo.table-bordered.toggle-square-filled tbody .desbalanceado-color:hover,
.table.demo.table-bordered.toggle-square-filled tbody .CCinactivo-color:hover,
.table.demo.table-bordered.toggle-square-filled tbody .Fperiodo-color:hover
{
color: #fff;
}


.table-header tr th
{
text-align: center;
}


.form-control[disabled]
{
background: #fff;
color: #000000;    
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
background: #ffffff;
color: #000000;      
}

.filter-list li a span
{
text-transform: uppercase;
font-size: 10px;    
}

.check-filter
{
margin-top: 0px;
}

.check-filter label span
{
text-transform: uppercase;
font-size: 10px; 
font-family: arial;
color: #fff;
font-weight: 400;    
}


.total-deb-cred
{
width: 100%;
height: auto;
float: left;
margin-top:5px;
background: #fff;
padding: 10px 5px 5px 5px;     
border: 1px #cccccc;
border-style: solid;  
    
}


.botones-acciones.btn-file
{
padding-top:6px;
padding-left: 7px;
padding-left: 7px;
padding-top: 0.29em;   
position: relative;
top:-0.05em;    
}


.table.demo.table-bordered.toggle-square-filled.footable-loaded.footable.default tbody .tr-revisado
{
background: #b9e6b1;
}

.panel-form
{
width: 100%;
height: auto;
margin-top:5px;
padding-left: 5px;    
}
 
.pin-seg
{
height:auto;
float: left;
background: #fff;  
border: 1px solid #dbdbdb;
margin-bottom: 5px;   
}

.btn.btn-par-sis
{
width:90%;
height: 30px;
line-height: 1;
color: #000;
background: #fff;
border: 1px solid #c3c3c3; 
font-family: arial;
font-weight: 600;
margin-bottom: 3px;    
transition: all ease-in-out 0.5s
}

.btn.btn-par-sis:hover
{
background: #4290ca;
color:#fff;
border: 1px solid #4290ca;   
}



.btn.btn-par-sis:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}

.total-movs
{
background: #fff;
margin-top:10px;
padding:5px;
border:1px solid #e0e0e0;
margin-bottom: 10px;    
}

.btn.btn-par-sis-select
{
width:90%;
height: 30px;
line-height: 1;
color: #fff;
background: #3896DB;
border: 1px solid #c3c3c3; 
font-family: arial;
font-weight: 600;
margin-bottom: 3px;    
transition: all ease-in-out 0.5s
}

/*
.filter-select .filter-option, .selectpicker li a span {
    color: #000;
    font-weight: bold;
}
*/

/*
.filter-select .filter-option, .selectpicker li a span:hover {
    color: #000;
    font-weight: bold;
}
*/


/*
.btn.dropdown-toggle.selectpicker.btn-select {
line-height:2;
}
*/


.contenedor-ads-menu
{
height: auto;
background: #fff;
    padding:5px;
}

.form-group-dinamico
{
width:100%;
height:auto;
padding:8px 3px 3px 3px;
border: 2px solid #98c3e3;
margin-bottom:3px ;
border-radius: 3px;  
float: left; 
background: #fafafa;    
}



.panel-form
{
padding-left: 5px;
padding-right: 5px;    
}

.input-table
{
background: transparent;
border: 0px;
height: 30px;
width: 100%;
box-shadow: none;
margin-bottom:0px;
padding-left: 10px;
padding-right: 10px;    
/*text-transform: uppercase;*/
font-size:12px;
font-weight: 400;
font-family: arial;    
}

.input-table:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff;     
}


.header-drag
{
height: 35px;
background: #4290ca;
color: #fff;
padding-top: 10px   
}

.header-drag-tit
{
font-size: 12px;
font-family: arial;
font-weight:400;
float: right;
text-align: right;    
}

.header-drag-inp
{
height: 25px;
margin-top: -5px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.31);
background: rgba(255, 255, 255, 0.23);
padding: 3px;
line-height: 1;
font-size: 12px;
font-weight: 400;
}

.header-drag-inp::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.72);
   font-weight: 200;
   font-size: 11px;
    
}

.agr-tod
{
color:#fff;
font-size: 12px;
font-family: arial;
font-weight:400;
cursor: pointer;
transition: all ease-in-out 0.5s;    
}


.lista-drag ul li
{
list-style: none;
padding:10px;
background: #f7f7f7;    
margin-bottom: 1px;
font-size: 13px;
cursor: move; 
transition: background ease-in-out 0.5s;    
}

.lista-drag ul li:hover
{
background: #e4e4e4; 
}


.lista-drag ul
{
width:100%;    
padding:0px;
float: left;
height: 210px;
overflow: auto    
}

.lista-drag
{
height: 250px;
margin-bottom:5px;   
}


.lista-drag ul li .glyphicon
{
color: #ff9e00;
cursor: pointer;
}

.lista-drag ul li .glyphicon:hover
{
color: #cc6600;
}



.i-right
{
float: right;
font-size: 11px;
margin-top:3px;    
}


.glyphicon.glyphicon-resize-vertical.drag
{
font-size: 11px;
cursor: move;
}

.sortable.ui-sortable .selected 
{
height: 38px !important;
background: #f0f0f0 !important; 
color: #4290ca !important;    
}


/*Grid editar nomina*/
#tablaEmpleadoBeneficios tbody tr .filterable-cell.editable-cell.tdGrid.active, 
#tablaEmpleadoDeducciones tbody tr .filterable-cell.editable-cell.tdGrid.active, 
#tablaColaboradoresConcepto tbody tr .filterable-cell.editable-cell.tdGrid.active, 
#tablaConceptosColaborador tbody tr .filterable-cell.editable-cell.tdGrid.active
{
padding: 0px;
background: rgba(0, 0, 0, 0); 
height: 30px; 
padding-bottom: 0px;    
}

#tablaEmpleadoBeneficios tbody tr td input,
#tablaEmpleadoDeducciones tbody tr td input,
#tablaColaboradoresConcepto tbody tr td input,
#tablaConceptosColaborador tbody tr td input
{
background: rgba(232, 0, 0, 0);
margin: 0px;
border: 0px;
width: 100%; 
height: 30px;
margin-bottom: 0px;    
}

td input[type="text"]:disabled
{
    color: #000 !important;
}

.datepick-table
{
background: transparent;
border-radius: 0px;
margin-bottom:0px;
border: 0px;  
box-shadow: none;    
}


.datepick-table::-webkit-input-placeholder 
{
color:#959595;
font-weight: 200;    
}


@media(min-width:824px) and (max-width:991px)
{
    
.contenedor-ads-menu
{
height: 210px;   
}

}

.contenedor-fotos-ads
{
width:100%;
height: auto;
float: left;
}

.contenedor-imagenes-ads
{
 width:100%;
 height: 340px;
 border-radius: 5px;
 background: #fdfdfd;
 border: 1px solid #e8e8e8;    
}

.header-img-ads
{
width: 100%;
height: 35px;
border-radius: 5px 5px 0 0;
background: #4290ca;
padding: 10px;    
}


.head-img-ads
{
margin: 0px;
color: #fff;
font-family: abel;
text-align: center;
font-size: 16px;
}


.img-ads-contenedor
{
width: 90%;
margin: 0 auto;
height: 210px;
padding: 10px;
background: #ffffff; 
margin-top: 10px;
border: 1px solid #d1d1d1;
background-image: url(/images/sin_foto.png);
background-position: center;
background-size: cover;
    
}


.head-ads-icon
{
float: right;
cursor: pointer;
    
}

.img-ads-contenedor img
{
width:100%;
height: 100%;    
}


.btn.btn-principal
{
font-size: 12px;
  padding: 6px 20px;
  background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
  color: #183e6c;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(13, 13, 13, 0.2);
  box-shadow: 0px 2px 1px 0px rgba(13, 13, 13, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease-in-out;
  text-shadow: none;
    font-weight:bold;
}

.btn.btn-principal:hover
{
color: #fff;
  background-image: -webkit-linear-gradient(bottom, #ffa838, #fdf59a);
}

.text .muted.text-muted
{
color: #4a4a4a;
}

.dropdown-menu.inner.selectpicker li a .muted.text-muted
{
color: #2f2f2f !important;
}

.pagination>li>.deshabilitado-bl
{
background: rgba(0, 0, 0, 0.01);
color: rgba(24, 62, 108, 0.1);
border: 1px solid rgba(24, 62, 108, 0.1);
cursor:no-drop;    
}

.pagination>li>.deshabilitado-bl:hover
{
background: rgba(0, 0, 0, 0.01);
color: rgba(24, 62, 108, 0.1);
border: 1px solid rgba(24, 62, 108, 0.1);
box-shadow:none;
cursor:no-drop;   
}

.table .btn.dropdown-toggle.selectpicker.btn-select
{
background: rgba(255, 0, 0, 0);
border: 0px;
border-radius: 0;
height: 30px;
margin-bottom:0px;     
}

td .form-control
{
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0px; 
box-shadow: none;    
}


td .bootstrap-select.form-control
{
margin-bottom:0px;    
}


.table .btn.dropdown-toggle.selectpicker.btn-select:focus
{
outline: 1px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ceff;
background: rgba(0, 216, 255, 0.08);	
}


.table .bootstrap-select.btn-group .btn .filter-option
{
text-align:center
}

.botones-acciones.desablitado
{
border: 0px;
background: #d4d4d4;
cursor:no-drop;    
    
}

.botones-acciones.desablitado span
{
color: #afafaf;
}

.botones-acciones.desablitado:hover
{
border: 0px;
background: #e5e5e5;
box-shadow: none;    
}




.table tbody tr td .btn-group.bootstrap-select.form-control.show-tick
{
margin-bottom: 0px;
}

.fc-unthemed thead tr .fc-day-header
{
background: #4290ca;
color: #fff;    
}


a.fc-more:hover
{
color: #183e6c;
}

.fc-prev-button.fc-button.fc-state-default.fc-corner-left:focus,
.fc-next-button.fc-button.fc-state-default.fc-corner-right:focus,
.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}


.check-table
{
margin: 0px !important;
}


.btn.btn-principal:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}

#chartdiv
{
border-bottom: 1px solid #bababa;    
border-left: 1px solid #bababa;    
border-right: 1px solid #bababa; 
}

.amcharts-graph-g1 .amcharts-graph-stroke {
                stroke-dasharray: 3px 3px;
                stroke-linejoin: round;
                stroke-linecap: round;
                -webkit-animation: am-moving-dashes 1s linear infinite;
                animation: am-moving-dashes 1s linear infinite;
            }

            @-webkit-keyframes am-moving-dashes {
                100% {
                    stroke-dashoffset: -30px;
                }
            }
            @keyframes am-moving-dashes {
                100% {
                    stroke-dashoffset: -30px;
                }
            }


            .lastBullet {
                -webkit-animation: am-pulsating 1s ease-out infinite;
                animation: am-pulsating 1s ease-out infinite;
            }
            @-webkit-keyframes am-pulsating {
                0% {
                    stroke-opacity: 1;
                    stroke-width: 0px;
                }
                100% {
                    stroke-opacity: 0;
                    stroke-width: 50px;
                }
            }
            @keyframes am-pulsating {
                0% {
                    stroke-opacity: 1;
                    stroke-width: 0px;
                }
                100% {
                    stroke-opacity: 0;
                    stroke-width: 50px;
                }
            }

            .amcharts-graph-column-front {
                -webkit-transition: all .3s .3s ease-out;
                transition: all .3s .3s ease-out;
            }
            .amcharts-graph-column-front:hover {
                fill: #496375;
                stroke: #496375;
                -webkit-transition: all .3s ease-out;
                transition: all .3s ease-out;
            }


            .amcharts-graph-g2 {
              stroke-linejoin: round;
              stroke-linecap: round;
              stroke-dasharray: 500%;
              stroke-dasharray: 0 \0/;    /* fixes IE prob */
              stroke-dashoffset: 0 \0/;   /* fixes IE prob */
              -webkit-animation: am-draw 40s;
              animation: am-draw 40s;
            }
            @-webkit-keyframes am-draw {
                0% {
                    stroke-dashoffset: 500%;
                }
                100% {
                    stroke-dashoffset: 0px;
                }
            }
            @keyframes am-draw {
                0% {
                    stroke-dashoffset: 500%;
                }
                100% {
                    stroke-dashoffset: 0px;
                }
            }


        
    
.canvas-wrapper
{
margin: 0 auto;

}

.div-height-auto
{
width: 100%;
float: left;
height: auto;
padding: 5px;
border: 1px solid #747474; 
margin-top:10px; 
background: #fff;
max-height: 790px    
}

.impr-titulo
{
color: #000000;
font-family: arial;
font-weight: 600; 
text-align: left;
font-size: 11px;
margin: 0;    
}

.form-group-impr
{
width: 100%;
height: auto;
float: left;    
margin-bottom: 0px;
font-family: arial, sans-serif;
padding: 0px!important;    
}

.lbl-impr
{
font-size: 8px !important;
text-align: right; 
max-width: 100%;
font-family: arial;
text-transform: uppercase!important;  
}

.lbl-impr-cant
{
font-size: 9px !important;
font-weight: 400!important;
color: #3e3e3e;
font-family: 'Arial'    
}


#disabled-input
{
background: #fff;
color: #000;    
}

.footer-print
{
width:100%;
height: 50px;
float: left;
position: absolute;
bottom:0px;
left: 0;
padding:0px 10px;
text-align: center;
font-size: 11px;
font-family: arial;
    
}


.foot-print
{
width: 100%;
border-top:1px solid #d4d4d4;
height: 100%;
padding-top:8px;
font-weight: 600;    
    
}


.foot-print p
{
font-size: 10px;
font-weight: 400;    
}


.form-group-impr > .width-especial
{
width: 160px; 
text-align: left;
padding-left: 5px;
}

.form-group-impr > .width-especial-cant
{
width: 98px; 
text-transform: uppercase;
font-size: 9px;   

}

.div-height-auto > .form-group label
{
font-size: 9px;
}

.impr-titulo,
.lbl-impr
{
text-transform:lowercase;   
}

.impr-titulo:first-letter,
.lbl-impr:first-letter
{
text-transform: uppercase;
}

#canvas-holder
{
margin-top:-10px;
padding:10px 0;
float:left;
}

.datos-dognut
{
position:relative;
height:30px;
width:100%;
float:left;
text-align:center
}

.data-graph
{
height: auto;
padding:10px;
float: left;   
}

.cuadro-color
{
width:20px;
height: 20px;
background: #f00;    
}

.data-graph-cont
{
height: auto;
border-top: 1px solid #d9d9d9;
width:100%;
padding: 5px;  
float: left;    
}

.data-graph-cont h4
{
text-align: CENTER;
font-size: 13px;
color: #888888;    
font-weight: 400;
margin-top: 5px;
    
}

.porcent-graph
{
font-size: 13px;
color: #000;
font-weight: 600;
float: left; 
margin-right: 5px;    
}


.time-line-nom ul.checkout-bar li:before
{
  width:20px;
  height: 20px;
  top:-25px;    
      
}


.time-line-nom ul.checkout-bar li.visited:after,
.time-line-nom .checkout-bar li.active:after
{
height: 7px;
top:-18px    
}

.time-line-nom ul.checkout-bar:before
{
display: none;   
}



.time-line-nom ul.checkout-bar li:nth-child(1):before,
.time-line-nom ul.checkout-bar li:nth-child(2):before,
.time-line-nom ul.checkout-bar li:nth-child(3):before,
.time-line-nom ul.checkout-bar li:nth-child(4):before,
.time-line-nom ul.checkout-bar li:nth-child(5):before,
.time-line-nom ul.checkout-bar li:nth-child(6):before,
.time-line-nom ul.checkout-bar li:nth-child(7):before
{
content: ""
}

.time-line-nom ul.checkout-bar li
{
position: relative;    
top:-15px;
font-family: arial;    
}

.time-line-nom ul.checkout-bar
{
height: 7px;    
}


.time-line-nom ul.checkout-bar .active:before
{
background: #ffd800;
}

.time-line-nom ul.checkout-bar .active:after
{
display: none;
}

.time-line-nom ul.checkout-bar .active span
{
color: #000;
}

.time-line-nom ul.checkout-bar li.visited:before
{
background: #5baae5;
}


.time-line-nom .checkout-bar li.anterior:after
{
  -webkit-animation: myanimation 3s 0;
  background-size: 35px 35px;
  background-color: #4290ca;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}


.time-line-nom
{
float: right;
margin-top:5px;
height: 48px;
padding: 4px;
margin-bottom:5px;
/*border:1px solid #e2e2e2;*/
margin-top:0;    
}

.time-line-nom ul.checkout-bar li span
{
display: block;
}

.hoja-impresion.oproduccion
{
border: 0px;
height: 1100px;    
}

.table-impr
{
background: #f4f4f4;
color:#000;  
}

.table-impr tr th 
{
font-weight: 600;
font-size: 13px;
text-align: center;
text-transform: uppercase;
font-family: arial;    
}


.table-bimpr tr td
{
background: #fff;
font-size: 11px;
font-family: arial;    
}


.table-bimpr tr td
{
text-align: center;
}



.table-bimpr tr td:first-child
{
font-weight: bold; 
    
}

.form-espacio-blanco
{
height: 25px;
margin-bottom: 5px    
}


#chart-area {
width:100% !important;
height:auto !important;
}


.mdl-guardar
{
width:600px;
height: auto;
background: rgba(0, 0, 0, 0);
border: 0px;    
}

.mdl-gdr-content
{
width: 100%;
height: auto;
background: rgba(24, 62, 108, 0.8);
padding: 10px; 
border: 0px;    
}

.inter-mdl-grd
{
width:100%;
padding: 5px;
background: #fff;
    
}



.mdl-grd > .modal-backdrop.in
{
opacity: 0.3;
background: #183e6c;    
}

.mdl-grd-border
{
border: 1px solid #dddddd;
padding: 15px 0 0 0;   
}

.mdl-grd-tittle
{
font-size: 14px;
color: #000000; 
font-family: arial;    
}

.control-label
{
font-family: arial;
}

.tbl-btn
{
width: auto;
height: auto;
margin:0px;    
padding: 5px 10px;
background: rgba(255, 255, 255, 0);
border: 1px solid #c9c9c9;
box-shadow: none;
border-radius: 3px;
transition: all ease-in-out 0.3s;   
}


.tbl-btn:hover
{
background: #ffe200;
border: 1px solid #aaaaaa;   
}

.tbl-input
{
width:100%;
height: 33px;
background: rgba(255, 255, 255, 0);  
border: 0px;
margin:0px;
box-shadow: none;
padding:5px;
color: #000;
font-size: 12px;    
}

.tbl-btn:focus,
.tbl-input:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}



.app-modal-list li {
transition: all 1s ease-in-out;
background: rgb(66,144,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(66,144,202,1) 9%, rgba(24,62,108,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(66,144,202,1)), color-stop(100%,rgba(24,62,108,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(66,144,202,1) 9%,rgba(24,62,108,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#183e6c',GradientType=0 ); /* IE6-9 */
color: #fff;
border: 1px solid rgba(230, 230, 230, 0.21);
-webkit-box-shadow: 1px 1px 1px 1px #000000;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.31);     
border-radius:4px;
padding: 5px 10px;
text-align: center;
}



.app-modal-list li:hover
{
background: #183e6c; /* Old browsers */
background: -moz-linear-gradient(top,  #183e6c 0%, #1c467c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#183e6c), color-stop(100%,#1c467c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #183e6c 0%,#1c467c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #183e6c 0%,#1c467c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #183e6c 0%,#1c467c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #183e6c 0%,#1c467c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183e6c', endColorstr='#1c467c',GradientType=0 ); /* IE6-9 */
border: 1px solid #007bbc;
-webkit-box-shadow:inset 1px 1px 1px 1px #01052c;
box-shadow:inset 1px 1px 1px 1px #01052c;	
}


.modal-footer
{
border-top:0px;
}

.tbl-btn.tbl-btn-disabled
{
color: #dddddd;
border: 1px solid #dddddd;
cursor:not-allowed;     
}


.tbl-btn.tbl-btn-disabled:hover
{
color: rgba(221, 221, 221, 0.5);
border: 1px solid rgba(221, 221, 221, 0.5); 
background: rgba(255, 255, 255, 0);
cursor:not-allowed;    
}


.checkbox .check-text
{
color: #000;
font-family: arial;
font-weight: bold; 
font-size: 12px;    
}

.label-form-style,
#label-form-style
{
text-align: left;
}


.mdl-cuadro-conten
{
float:left; 
margin-bottom:5px; 
background:#fff;
height:357px;
padding: 5px;    
}

.form-cont
{
width:100%;
height: 100%;
border:1px solid #b7b7b7; 
float: left;    
}

.cont-head
{
width:100%;
height: 30px;
background: #4290ca;
padding:8px 10px;
float: left;    
}

.cont-head-h5
{
margin-top:0;
color: #fff;
}

.lista-formula-mdl
{
list-style: none;
padding-left: 0px; 
height: auto;
max-height: 310px;
overflow: auto; 
padding: 10px;
float: left; 
width:100%;    
}

.lista-formula-mdl li
{
font-size: 12px;
font-family: arial;
border-bottom: 1px solid #dedede;  
cursor: pointer;
background: #fff; 
padding:3px;    
transition: all ease-in-out;    
}

.lista-formula-mdl li:hover
{
background: #e5e5e5;
border-bottom: 1px solid #e5e5e5;     
}

.btn-calc-form
{
width:100%;    
height: 70px;
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:2px solid #fff;
-webkit-box-shadow: 1px 1px 1px 1px #000;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.21);	
float: left;
color: #000000;
text-align: center;
margin-right: 1px;
font-weight: 400;
border-radius: 5px;
/*border:1px solid #9a9a9a;*/
margin: 0px;
font-size: 25px;    
font-weight:bold;
font-family:arial;
margin-bottom: 5px; 
float: left;
transition: all ease-in-out 0.3s;    
}


.simbolo-mat
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

color:#e00000;    
}


.parts
{
height: 35px;
float: right;
font-size: 15px;   
}


fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0px 5px !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 13px !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    font-family: arial;
    border:0px;
}



.btn-calc-form:focus,
.btn-table:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}

.btn-calc-form:hover
{
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:2px solid #fff;
-webkit-box-shadow:inset 1px 1px 1px 1px #000000;
box-shadow:inset 1px 1px 2px 1px rgba(0, 0, 0, 0.21);	
color: #ffb100;    
}

.btn-table
{
background: rgba(214, 214, 214, 0);
color: #7c7c7c;
border: 1px solid #bababa;    
margin:0px;
padding:4px 0px;
transition: all ease-in-out 0.3s;
width:13%;
text-align: center; 
font-weight: bold; 
float: right;
}



.btn-table:hover
{
background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
color: #fff;
}

.check-inactivo label span
{
color: #8e8e8e!important;
font-weight: 400!important;    
cursor: not-allowed!important;
}

.check-inactivo label input
{
opacity: 0.5!important;
cursor: not-allowed!important;    
}


.table-mat-usado
{
width:100%;
height: auto;
float: left;
margin-bottom: 15px;
max-height: 250px;
overflow: auto;    
}


.mdl-formulas  .menu-opcioneslateral .botones-acciones
{
color: #434343;
border: 1px solid #a7a7a7;
font-weight: bold;    
}

.table-esp-thead th
{
font-size: 13px;
font-weight: bold; 
background: #4290ca;
color: #fff;    
}


.glyp-visible
{
opacity: 0;
}


.btn-sel
{
background:rgba(255, 255, 255, 0);
border:1px solid rgba(255, 255, 255, 0);
color:#000;
font-size: 14px;
margin-top:1px    
}

.btn-sel:focus,
.btn-lista-desc:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
border-radius: 3px;    
}

#tablaTipoMaquinas tbody tr td a {
color:#000;
}


.mdl-teclado
{
width:100%;
border-radius: 0px;
background: #d2d6db;
height: 220px;
position: fixed;
bottom:0px;
margin: 0px;  
}

.datos-teclado
{
width: 100%;
height: 60px;
border-bottom: 8px solid #acb4be; 
padding:8px;
text-align:center;    
}

.digitos-teclado
{
height: 100%;
width:70%;
margin: 0 auto;
padding: 10px 0;    
}

.dig-teclado
{
width:60px;
height: 60px;
border-radius: 5px;
background: #fff;
color: #000;
font-size: 25px;
text-align: center;
padding-top:13px;
-webkit-box-shadow: 0.1px 1px 0 0 #454545;
box-shadow: 0.1px 1px 0 0 rgba(69, 69, 69, 0.5); 
float: left;
margin:5px; 
font-weight: 200;
font-family: arial;
transition:  all ease-in-out 0.2s;  
}

.cont-1
{
position: relative;    
width: auto;
float: left;
height: auto;
left: 50%;    
}

.cont-2
{
    
width: auto;
float: left;
height: auto;
position: relative;
left: -50%;    
}


.dig-doble
{
width:120px
}

.dig-simbolo
{
background: #b3bbc6
}

.dig-teclado:focus
{
background: #b3bbc6;
}

.dig-simbolo:focus
{
background: #fff;
}

.input-teclado
{
width:30%;
height: 100%;
border: 0px;
border-radius: 5px;
background: rgba(255, 255, 255, 0.6);
padding: 0 10px; 
text-align: center;    
}

.input-teclado:focus,
.inputTotales:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}

.dig-app-cont
{
width: 100%;
height: auto;
float: left;    
}

.btn-cerrar-tec
{
width:40px;
height:36px; 
color:#838383;
position: absolute;
right: 5px    
}

.btn-lista-desc
{
width:100%;
height: 100%;
padding:0px;
margin: 0px;
background: rgba(255, 255, 255, 0);
color: #000;
padding-top:2px;
text-align: center;    
}

.btn-lista-desc:hover
{
background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
color: #fff;
}



.cont-simbologia
{
width:100%;
height: auto;
float: left; 
position: relative;    
}

.simbologia-circ
{
width: 15px;
height: 15px;
background: #f00;
float: left;
margin-right: 10px    
}

.simbologia-label
{
font-size: 12px;
font-family: arial; 
text-align: left !important;    
}

.blockUI.blockMsg.blockPage, .blockUI.blockOverlay
{
    z-index: 20000000001 !important;
}

.input-group-addon
{
color: #000 !important;
}

.btn-list-disabled
{
color: #cbcbcb;
cursor: no-drop;
}


.btn-list-disabled:hover
{
color: #cbcbcb;
background: #fff;    
}


.btn-list-disabled:focus
{
color: #cbcbcb;
}


.btn.btn-lista-desc[disabled]
{
cursor:no-drop;
}

.blink
{
color: #03a9f4;
animation: parpadeo 1s;
-webkit-animation: parpadeo 1s;
-moz-animation: parpadeo 1s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
}


@keyframes parpadeo { 
0% {color: #000}  
100%{color: #f48e03}   
}

@-webkit-keyframes parpadeo { 
0% {color: #000}
100%{color: #f48e03}  
}

.input-group-addon .bootstrap-select.form-control 
{
margin-bottom: 0px;
height: 28px    
}


.input-group-addon .btn.dropdown-toggle.selectpicker.btn-select
{
height: 28px;
border: 0px; 
margin-bottom: 0px;
box-shadow: none;    
}





.input-group-addon .btn.dropdown-toggle.selectpicker.btn-select:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}

.noOrden
{
color: #000;
font-weight: 600 !important;
font-family: arial;
font-size:17px;
    
}


.inputTotales
{
height: 30px;
border-radius: 5px;
box-shadow: none;
border: 1px solid #cbcbcb;
padding-right: 10px;
text-align: right;
color: #c40000; 
width:175px;
font-weight: bold;
    
}

.table input[type=radio], 
.table input[type=checkbox] 
{
margin:0px
}

.fixed-table-header 
{
background: #4290ca;
color:#fff;    
width:100%;  
min-width: 100% !important;    
}

.contenedor-tabla-hfixed
{
width:100%;
height: auto;
float: left;
padding: 5px;
background: #fff;
border: 1px solid #d3d3d3; 
overflow-x: auto;    
}

.cont-table-head-fixed
{
height: auto;
position: relative;
float: left;
margin-bottom:5px    
}


.table-header-fixed-resp
{
margin-bottom: 0px;
border-radius: 5px 5px 0 0 ;
border: 0px; 
float: left;    
}


.header-table-fixed
{
width:100%;
height: auto;
background: #4290ca; 
float: left; 
border-radius: 5px 5px 0 0;
padding-right: 6px    
}


.thead-table-fixed-resp
{
border-radius: 5px 5px 0 0;
}

.thead-table-fixed-resp tr th
{
color: #fff;
text-align: center;    
}

.thead-table-fixed-resp tr 
{
border-radius: 5px 5px 0 0;
}


.table-header-fixed-resp>thead>tr>th 
{
  border-bottom-width: 0px;
  border-bottom: 0px; 
  border-radius: 5px;    
}

.table-header-fixed-resp>thead>tr>th:first-child
{
border-left: 0px;
}

.table-header-fixed-resp>thead>tr>th:last-child
{
border-right: 0px;
}

.tbody-header-fixed-rsp
{
width:100%;
float: left;
height: auto;
overflow-y: scroll;
max-height: 300px;
background: #fff;    
}

.table-fixed-body
{
margin-bottom: 0px;
}

 .name-size
    {
    width:100%;
    min-width: 1000px;    
    }

.caret-align
{
float: right;
margin-top:3px    
}

.checkInput-center
{
text-align:center
}

.table.table-bordered.table-fixed-body .td-winput
{
padding: 1px;
}

.tbl-input-style
{
width: 100%;
height: 30px;
margin: 0px;
background: rgba(255, 255, 255, 0.12); 
box-shadow: none;
border: 1px solid rgba(255, 255, 255, 0);
padding: 0 5px; 
color: #000;    
}


.tbl-input-style:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
background: rgba(0, 216, 255, 0.08);    
}

.table.table-bordered.table-fixed-body input[type=radio], 
.table.table-bordered.table-fixed-body input[type=checkbox] 
{
margin:0px
}

.tbl-input-style:hover
{
color: #fff;
font-size: 13px;    
}

.table-app-size
{
width:100%;
}

.thead-table-app
{
display: none;
}

.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle
{
position: relative;
top:-3px; 
color: #ffc400
}


.btn-group.bootstrap-select.show-tick.form-control:focus,
.btn-group.bootstrap-select.show-tick.form-control:active,
.btn.dropdown-toggle.selectpicker.btn-select:focus,
.btn.dropdown-toggle.selectpicker.btn-select:active,
.btn-group.bootstrap-select.show-tick.form-control.open:focus,
.btn-group.bootstrap-select.show-tick.form-control.open:active,
.selectpicker.show-tick.form-control:focus,
.selectpicker.show-tick.form-control:active

{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
background: rgba(0, 216, 255, 0.08); 
}

.table-head-titl
{
color: #fff;
cursor: pointer;
}

.table-head-titl:hover
{
color: #fff;
}

.tablecaret-asc {
    float: right;
    -moz-transition: transform 0.1s;
    -o-transition: transform 0.1s;
    -webkit-transition: transform 0.1s;
    transition: transform 0.1s;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.tablecaret-desc {
    float: right;
}



.input-append.date input:focus

{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
background: rgba(0, 216, 255, 0.08); 
}

.table-ReporTiempoLaborado thead tr th
{
text-align: center !important;
}

.form-group-impr
{
height:20px;
}

.impr-height
{
height: 15px !important;
}

.table-impr tr th
{
padding: 3px !important;
height: 15px;
font-size:9px !important;    
}

.table-bimpr tr td
{
height: 15px !important;
padding: 3px !important;
font-size: 8px;    
}

.embo-margen
{
margin-left: 6.5px;
margin-right: 6.4px;    
}

.embo-activo
{
background:#000;
border: 1px solid #000 !important;    
}

.titulo-impr-margen
{
margin-bottom: 5px !important;
}

.enc-oProduccion
{
padding-top: 13px!important
}

.radio-center
{
margin-top:5px;   
}

.radio-center span
{
font-size: 12px;
font-family: arial;
font-weight: 600;    
}


.table.table-bordered.table-fixed-body.column
{
position: relative;
}

.table.table-bordered.table-fixed-body.column th
{
position:absolute;
left: 0;
    
}





.thead-first-fixed {
  position: relative;
  padding-top: 37px;
  background: #4290ca; /* Old browsers */
  border-radius: 5px 5px 0 0;
  border: 1px solid #dddddd;
  float:left;
  width:100%;
  min-width:1000px
}
.thead-first-fixed.positioned {
  position: absolute;
  top:100px;
  left:100px;
  width:800px;
  box-shadow: 0 0 15px #333;
}
.thead-first-fixed .container-table-fixed {
  overflow-y: auto;
  height: auto;
  max-height: 300px;    
  background: #fff;
  padding:0px;
  width:100%;    
}
.thead-first-fixed table {
  border-spacing: 0;
  width:100%;
}
.thead-first-fixed table td + td {
  border-left:1px solid #eee;
}
.thead-first-fixed table td, .thead-first-fixed table th {
  border-bottom:1px solid #eee;
  background: rgba(255, 255, 255, 0);
  padding: 0px;
  height: 36px     
}
.thead-first-fixed table th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}
.thead-first-fixed table th div{
  position: absolute;
  background: transparent;
  color: #fff;
  padding: 13px 0px;
  top:0px;
  margin-left: 0px;
  line-height: normal;
  border-left: 1px solid #acacac;
  height: 37px;
  font-family: arial;
/*  font-size:12px;*/
}



.thead-first-fixed table th:first-child div{
  border: none;
}

.thead-first-fixed table  tbody tr:nth-child(odd) 
{
background: #f7f7f7;
}

.thead-first-fixed table tr,
.thead-first-fixed table  tbody tr:nth-child(odd)
{
transition: all ease-in-out 0.2s;
}
.thead-first-fixed table tr:hover,
.thead-first-fixed table  tbody tr:nth-child(odd):hover
{
background: #48b8d9;
color:#fff;    
}

.alertify.alertify-confirm {
    z-index: 1000000000000099;
}

.alertify-logs {
    z-index: 10000000000000999 !important;
}


.input-table-search
{
width:100%;
height: 100%;
border: 1px solid #dedede;
padding-left: 25px;
padding-right: 5px;
 color: #000;   
}

.glyp-search-table
{
color: #bcbcbc;
position:absolute;
left: 10px;  
top:13px    
}

.input-table-celd:focus,
.input-table-search:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
background: rgba(0, 216, 255, 0.08); 
}


.thead-first-fixed table .not-hover:hover
{
background: #fff;
}

.btn-search-input
{
float: right;
background: rgba(139, 139, 139, 0);
color:#fff;
padding:3px;
margin-top:-9px ;
margin-right: 5px; 
transition: all ease-in-out 0.5s;    
}    


.btn-search-input:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}

.close-input-search
{
color:#5f5f5f;
margin-left:5px; 
cursor: pointer;
transition: all ease-in-out 0.5s;    
}

.div-search-oculto
{
display: none;
}

.close-input-search:hover
{
color: #ff9300;
}

.btn-search-input:hover
{
color: #ff9300;
}

.input-table-celd
{
width:100%;
height: 100%;
margin: 0px;
background: rgba(0, 0, 0, 0);
border:0px;
box-shadow: none;
padding: 0 5px;    
}

.thead-first-fixed table tbody tr td
{
padding: 1px;
}

.requisa-matTable tbody tr td
{
padding: 0 10px !important;
}

.tbl-requisaMateriales thead tr th
{
text-align:center
}

.tbl-requisaMateriales
{
color:#8b8b8b; 
margin-bottom:0px;
width:100%;
min-width:1000px;
}

.table-headFixed tbody tr td
{
 padding:0 10px !important;
}

.head-tittles
{
width:100%;
float: left;
    
}

.table-headFixed-content
{
width:100%;
height: auto;
float: left;
background: #fff;
padding: 5px; 
overflow-x: auto;      
}

.head-Fixed
{
padding:12px 10px !important;
text-align: center;    
position: relative;    
}

.thead-first-fixed table tfoot tr td div{
  position: absolute;
  background: transparent;
  color: #183e6c;
  padding: 11px 10px !important;
  bottom:0px;
  margin-left: 0px;
  line-height: normal;
  border-left: 1px solid #d3d3d3;
  height: 35px;
  font-family: arial;
  font-weight: bold;    
}

.thead-first-fixed table tfoot td:first-child div
{
  border: none;
}

.thead-first-fixed table tfoot tr td 
{
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}

.inputHeadFixed
{
height: 100%;
width:100%;
background: rgba(0, 0, 0, 0); 
border:1px solid rgba(0, 0, 0, 0);
box-shadow: none;
padding-left: 5px;
padding-right: 5px;
border-radius: 0px;    
}


.inputHeadFixed:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
background: rgba(0, 216, 255, 0.08); 
}

.table-headFixed tbody tr .input-in
{
padding:0 2px !important;
}


.container-table-fixed.Bottom-border
{
border-bottom:1px solid #d0d0d0;
}

.checkInput-center input[type=checkbox]
{
margin:0px !important;
}

.thead-first-fixed.fixed-foot
{
 position: relative;
  padding-top: 37px;
  padding-bottom: 35px;    
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4290ca+50,fffdf2+50 */
background: #4290ca; /* Old browsers */
background: -moz-linear-gradient(top,  #4290ca 50%, #fffdf2 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#4290ca), color-stop(50%,#fffdf2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4290ca 50%,#fffdf2 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4290ca 50%,#fffdf2 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4290ca 50%,#fffdf2 50%); /* IE10+ */
background: linear-gradient(to bottom,  #4290ca 50%,#fffdf2 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#fffdf2',GradientType=0 ); /* IE6-9 */
 border-radius: 5px 5px 0 0;
  border: 1px solid #dddddd;
  float:left;
  width:100%;
  min-width:1000px
}

.input-group-addon.addon-td-input
{
border-radius: 0px;
border:0px;
background: rgba(255, 255, 255, 0);
padding: 0px;
    
}

.btn-input
{
padding: 4px 10px;
background: #fff;   
border: 1px solid #eaeaea; 
margin-right: 3px;
margin-left: 3px; 
transition: all ease-in-out 0.3s;
}

.btn-input:hover
{
background: #ffd200;
color:#FFF;
border:1px solid #ffba00;    
}

.live-search-input:focus,
.btn-select:focus,
.btn-search-th:focus,
.btn-input:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
background: rgba(0, 216, 255, 0.08); 
}

.input-g-Td
{
width: 100%;
height: 100%;
}

.input-g-Td input
{
margin-top:2px;
}

.btn.btn-input.btn-input-disabled
{
background: rgba(0, 0, 0, 0);
border: 1px solid #efefef ;
color: #e8e8e8;
cursor: not-allowed !important;
}

.btn.btn-input.btn-input-disabled:hover
{
cursor: not-allowed !important;
}

.btn-search-th
{
position:absolute;
top:4px;
right: 10px;
padding: 3px 10px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.28); 
transition: all ease-in-out 0.2s;    
}

.btn-search-th:hover
{
color:#ffba00;
background: rgba(255, 255, 255, 0.8);    
}

.select-input-Td .btn-select
{
background: rgba(255, 255, 255, 0) !important;
border:0 !important;  
}

.thead-first-fixed.table-live-search
{
padding-top:74px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4290ca+11,ffffff+11 */
background: #4290ca; /* Old browsers */
background: -moz-linear-gradient(top,  #4290ca 10.5%, #fffdf2 10.5%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10.5%,#4290ca), color-stop(10.5%,#fffdf2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4290ca 10.5%,#fffdf2 10.5%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4290ca 10.5%,#fffdf2 10.5%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4290ca 10.5%,#fffdf2 10.5%); /* IE10+ */
background: linear-gradient(to bottom,  #4290ca 10.5%,#fffdf2 10.5%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#fffdf2',GradientType=0 ); /* IE6-9 */

}



.thead-first-fixed.table-live-search table tbody .search-td td 
{
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
  padding:0px !important;  
}



.thead-first-fixed.table-live-search table tbody .search-td td div
{
  position: absolute;
  background: transparent;
  color: #183e6c;
  padding: 3px!important;
  top:40px;
  margin-left: 0px;
  line-height: normal;
  border-left: 1px solid #ececec;
  border-bottom: 1px solid #ececec;    
  height: 35px;
  font-family: arial;
  font-weight: bold;
  margin-top: -2px    
}



.thead-first-fixed.table-live-search table tbody .search-td td:first-child div
{
  border-left: none;
}


.search-td td
{
padding:0px !important;
}

.live-search-input
{
width:100%;
height: 100%;
border:1px solid #d7d7d7;
border-radius: 3px; 
padding-left: 5px;
padding-right: 25px;    
font-weight: 400;
color: inherit;
background: rgba(255, 255, 255, 0);    
}

.glyp-live-search
{
position: absolute;
right: 7px;
top: 10px;
font-size: 14px;
color:#e3e3e3;   
}

.oculta-live-search
{
display: none
}



.live-search-input::-webkit-input-placeholder { color:#a3a3a3; }
.live-search-input::-moz-placeholder { color:#aaa; } /* firefox 19+ */
.live-search-input:-ms-input-placeholder { color:#aaa; } /* ie */
.live-search-input -moz-placeholder { color:#aaa; }


    th, td { white-space: nowrap; }
    div.dataTables_wrapper {
        width: 100%;
        max-height: 300px;
        margin: 0 auto;
    }

.dataTables_filter
{
display: none;
}

.dataTables_info
{
display: none;
}

.table-column-fixedContent
{
width:100%;
height: auto;
float: left;
background: #fff;
padding:5px;
padding-bottom: 10px; 
min-height: 400px    
}

table.dataTable thead th, table.dataTable thead td,
.dataTables_wrapper.no-footer .dataTables_scrollBody {
     border-bottom: 0px !important; 
}


div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

div.dataTables_length select {
	width: 75px;
	display: inline-block;
}

div.dataTables_filter {
	text-align: right;
}

div.dataTables_filter label {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}

div.dataTables_filter input {
	margin-left: 0.5em;
	display: inline-block;
	width: auto;
}

div.dataTables_info {
	padding-top: 8px;
	white-space: nowrap;
}

div.dataTables_paginate {
	margin: 0;
	white-space: nowrap;
	text-align: right;
}

div.dataTables_paginate ul.pagination {
	margin: 2px 0;
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	div.dataTables_wrapper > div.row > div,
	div.dataTables_length,
	div.dataTables_filter,
	div.dataTables_info,
	div.dataTables_paginate {
		text-align: center;
	}

	div.DTTT {
		margin-bottom: 0.5em;
	}
}


table.dataTable td,
table.dataTable th {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
	font-family: 'Glyphicons Halflings';
	opacity: 0.5;
}
table.dataTable thead .sorting:after {
	opacity: 0.2;
	content: "\e150"; /* sort */
}
table.dataTable thead .sorting_asc:after {
	content: "\e155"; /* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
	content: "\e156"; /* sort-by-attributes-alt */
}
div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
	display: none;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after
{
color: #eee;
}

table.dataTable thead > tr > th
{
padding-right: 30px;
}

table.dataTable th:active 
{
outline: none;
}


/* Condensed */
table.dataTable.table-condensed thead > tr > th 
{
padding-right: 20px;
}

table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after 
{
top: 6px;
right: 6px;
}

/* Scrolling */
div.dataTables_scrollHead table 
{
margin-bottom: 0 !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child 
{
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table 
{
border-top: none;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td 
{
border-top: none;
}

div.dataTables_scrollFoot table 
{
margin-top: 0 !important;
border-top: none;
}

table.table-bordered.dataTable 
{
border-collapse: separate !important;
}


table.table-bordered thead th,
table.table-bordered thead td 
{
border-left-width: 0;
border-top-width: 0;
}


table.table-bordered tbody th,
table.table-bordered tbody td 
{
border-left-width: 0;
border-bottom-width: 0;
}


table.table-bordered tfoot th,
table.table-bordered tfoot td 
{
border-left-width: 0;
border-bottom-width: 0;
}


table.table-bordered th:last-child,
table.table-bordered td:last-child 
{
border-right-width: 0;
}


div.dataTables_scrollHead table.table-bordered 
{
border-bottom-width: 0;
}

.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th 
{
background-color: #08C;
color: white;
}

.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th 
{
background-color: #0075b0 !important;
}

.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a 
{
color: white;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th 
{
background-color: #017ebc;
}

table.DTTT_selectable tbody tr 
{
cursor: pointer;
}

div.DTTT .btn:hover 
{
text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu 
{
z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a 
{
color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li 
{
position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a 
{
background-color: #0088cc;
color: white !important;
}

div.DTTT_collection_background 
{
z-index: 2002;	
}


div.DTTT_print_info 
{
position: fixed;
top: 50%;
left: 50%;
width: 400px;
height: 150px;
margin-left: -200px;
margin-top: -75px;
text-align: center;
color: #333;
padding: 10px 30px;
opacity: 0.95;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

div.DTTT_print_info h6 
{
font-weight: normal;
font-size: 28px;
line-height: 28px;
margin: 1em;
}

div.DTTT_print_info p
{
font-size: 14px;
line-height: 20px;
}

div.dataTables_processing 
{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 60px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
font-size: 1.2em;
background-color: white;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}



div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even 
{
background-color: white;
margin-bottom: 0;
}
 
div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table 
{
border-bottom: none !important;
margin-bottom: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child 
{
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table 
{
border-top: none;
margin: 0 !important;
}
 
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}
 
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
    margin-top: 0 !important;
}


div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after 
{
display: none;
}


/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table 
{
margin: 0 !important
}

.dataTables_wrapper .row
{
 margin-right: 0px; 
 margin-left: 0px; 
}


.sorting,
.sorting_asc,
.sorting_desc
{
text-align: center;
}

.sorting_1
{
background: #f0f0f0;
color: #183e6c;
font-weight: 600;    
}


.table-column-fixedContent table tfoot tr th
{
text-align: center;
}

.inputDataTable
{
height: 32px;
border:0px;
background:rgba(255, 255, 255, 0); 
padding:0 10px; 
border: 1px solid rgba(0, 0, 0, 0);    
}

.inputDataTable-in
{
padding: 2px!important;
}

.inputDataTable:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
background: rgba(0, 216, 255, 0.08); 
}

 table.dataTable tfoot th, table.dataTable tfoot td 
{
border-top:0 !important; 
}


.submenu-lista span
{
padding:5px;
border-radius: 100%;
border: 2px solid #00afff;
font-size: 14px!important;
color: #00afff;    
}

.submenu-lista .inactivo span
{
border: 2px solid rgba(0, 175, 255, 0.25);
font-size: 14px!important;
color: rgba(0, 175, 255, 0.25); 
}

.muestra-xxs .pagination>li>.deshabilitado 
{
background:rgb(242,242,242);
color:rgba(224,224,224,1);;
border:1px solid rgba(224,224,224,1);
}

.muestra-xxs .pagination>li>.deshabilitado:hover
{
background:rgb(242,242,242);
color:rgba(224,224,224,1);;
border:1px solid rgba(224,224,224,1);
box-shadow:none;
}

.muestra-xxs .pagination.pagination-sm.next-prev
{
margin:3px !important;
}




.tb-center-first tr td:first-child
{
text-align: center;
}


.btn-group.bootstrap-select.form-control.show-tick 
{
margin-bottom:5px;
}

 body
{
font-family: 'Open Sans'!important;
font-weight: 400;    
}

h1, h2, h3, h4,h5, h6
{
font-family: 'Open Sans'; 
}

label, input, select, td, th, b
{
font-family:'Open Sans'!important;
font-weight: 400;
    
}

#user-name h5
{
font-size: 11px!important;
}

.navbar-brand
{
font-family: 'Abel', sans-serif !important;
}


.note-cont
{
width:100%;
height: 600px;
background: #fff;    
}

#myModaleventos .navbar
{
border-radius: 0px;
}

.btn.btn-default.btn-note-search
{
height: 30px;
border:0px;
box-shadow: none;
margin-top:-6px;  
padding:0px 15px
}


.btn.btn-default.btn-note-search:hover
{
border:0px;
box-shadow: none;    
}

#myModaleventos .container-fluid
{
padding-right: 0px;
}


#myModaleventos .navbar
{
padding:0px!important
}


.note-nav
{
height: 600px;
background: #f8f8f8;
float: left; 
padding:5px;   
}

.note-nav-acc
{
width: 100%;
height: 100%;
background: #fff;
padding:5px    
}

.label-note
{
font-size:10px!important;
height: 15px!important;
padding:0px!important;
line-height: 1.5!important;
background: rgba(0, 0, 0, 0)!important;
padding-top:0px !important;    
}


.selectpicker.show-tick.form-control.select-note
{
font-size: 10px;
border:0px;
box-shadow: none;
height: 15px    
}

.div-acc
{
width:100%;
float: left;
margin-top:0px;    
}

.div-acc .panel
{
border-radius: 0px;
margin-bottom: 0px; 
border:0;   
}

.div-acc .panel-group .panel+.panel
{
margin-top:0px;
}

.div-acc .panel-heading
{
background: #f7f7f7;
border-radius: 0px; 
border-bottom: 1px solid #e2e2e2;
position: relative;    
}

.div-acc .panel-heading
{
transition:all ease-in-out 0.3s;
}

.div-acc .panel-heading h4
{
transition:all ease-in-out 0.1s;
}


.div-acc .panel-heading:hover,
.div-acc .panel-heading:focus
{
background:#ffffff;
color:#4290ca!important;        
}





.span-note-red
{
padding:5px;
background: #d3d3d3;
border-radius: 100%;
color:#626262;
text-align: center;
margin-right: 10px;
padding-top: 6px;
padding-bottom:5px    
}

.cant-note-red
{
font-size: 8px;
padding: 1px 2px;
border-radius: 100%;
background: #ffce00; 
color:#fff;
position:relative;
top:-10px;
left:-17px;
font-weight: 600;
text-align: center;    
}


.div-acc .panel.panel-default a h4
{
font-family:'Open Sans'!important;
font-weight: 400!important;
font-size: 14px!important;  
color: #000;    
}

.note-list
{
width:100%;
padding:5px;
list-style: none; 
background: #efefef;
margin:0px    
}

.div-acc .panel-body
{
padding:0px;
max-height: 315px;
overflow: auto;    
}

.note-list li
{
padding: 15px 0;
border-bottom: 1px solid #fff;
font-size: 12px; 
cursor: pointer;
}



.date-time-note
{
width:100%;
float:left;    
font-size:9px!important;
color:#9a9a9a;    
}

.clock-note
{
font-size:9px!important;
float: right;
margin-right: 5px    
}


.clock-time
{
font-size:9px!important;
float: right; 
color:#000    
}

.check-note-list
{
margin-right: 5px!important;
}

.btns-opc-note
{
width:100%;
height: 15px;
    
}

.btnNoteList
{
padding: 0 3px;
color: #4290ca;
float: right;
font-size: 11px !important;
cursor: pointer; 
transition: all ease-in-out 0.3s;    
}

.btnNoteList:hover
{
color: #ffba00;
}

.div-acc .panel-body::-webkit-scrollbar
{
width: 2px;
background: #fff;
}

.note-body
{
height: 100%;
background: #fff;
padding:10px; 
float: left;    
}

.note-body-cont
{
width:100%;
border: 1px solid #f0f0f0; 
height: 100%;
float: left; 
padding:20px;    
}

.note-ast
{
width:100%;
height: 50px;
background: #4290ca; 
padding:2px;
color:#fff; 
border-radius: 0 5px 0 0   
}


.note-text
{
width: 100%;
height: auto;
background: #ffffff;
float: left; 
border-bottom: 1px solid #e5e5e5; 
padding-bottom:15px    
}

.note-text-date
{
width:100%;
height: 40px;
border-bottom: 1px solid #000; 
margin-bottom:5px;    
}

.note-text-date h5
{
font-size:12px;
font-weight: 600;
padding-left: 20px    
}



.note-text-date h5 span
{
font-size:11px;
font-weight: 400;    
}


.note-textarera
{
height: 280px;
background: #fff;
padding:0px;
}


.note-icon
{
width:50px;
float:left;
height: 96%;
background: #ffce00; 
text-align: center;
padding-top:9px;
font-size:25px; 
border: 2px solid #fff;
padding-bottom: 0;    
padding-left: 0;    
padding-right: 2px;    
}

.calendar-note .datepicker > div
{
background: #fff;
}


.calendar-note .datepicker table tr td,.calendar-note .datepicker table tr th 
{
border:1px solid #e8e8e8;
color:#183e6c;
background: #fff;    
}

.calendar-note .datepicker table tr td:hover,.calendar-note .datepicker table tr th:hover
{
border:1px solid #e8e8e8;
color:#183e6c;
background: #fff;    
}

.calendar-note .dow
{
color: #4290ca!important;
background: #fffcf3!important;    
}

.calendar-note .datepicker table th 
{
background: #f1f1f1;
color:#000;
border:1px solid #e3e3e3;    
}

.calendar-note .datepicker table th:hover
{
background: #f1f1f1;
color:#000;
border:1px solid #e3e3e3;    
}

.calendar-note .datepicker-switch,
.calendar-note .next,
.calendar-note .prev
{
background: #4290ca!important;
color: #fff!important;;    
}

.calendar-note .datepicker-switch:hover,
.calendar-note .next:hover,
.calendar-note .prev:hover
{
background: #3576a7!important;
}

.calendar-note .day:hover
{
background: #f0f0f0!important;
}

.calendar-note tfoot .today
{
background: #4290ca!important;
color: #fff!important;    
}

.calendar-note .active.day
{
background: #eaeaea!important;
border:0px;
color: #000!important;    
}

.calendar-note .active.day:focus
{
border:0px;
}

.calendar-note .disabled.day:hover
{
background: #fff!important;
}

.note-body-cont #submenu-buttons 
{
border-bottom: 0px!important;
}

.note-tit-brand
{
height:52px;
float: left;
background: #e8e8e8;    
}

.n-titl
{
padding-left:10px;
padding-top:5px;
color:#000;    
}


#myModaleventos .nav.navbar-nav li a:focus 
{
background: #f1f1f1;
color: #000;    
}

.note-list
{
padding:0px;
}

.note-list li
{
transition: all ease-in-out 0.3s;
padding:15px 10px;    
}

.note-list li:hover
{
background:#f7f7f7;  
}

.bots-as-note
{
width:30%;
text-align:right;
float:right;
color:#fff;
padding-right: 15px;    
margin-top:17px;
cursor:pointer;
}

.calendario-style .fc-day-header.fc-widget-header
{
padding: 10px!important;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
font-family: 'Open Sans';
border:1px solid #49a1e3;  
}

.calendario-style .fc-day.fc-widget-content.fc-other-month.fc-past,
.calendario-style .fc-day.fc-widget-content.fc-other-month.fc-future
{
background: #f7f7f7
}


.fc-left h2
{
font-size: 18px!important;
color: #4290ca!important;
font-weight: 600; 
margin-top:10px!important    
}

.calendario-style .fc-view-container
{
margin-top:-10px;
height: 291px;    
}

.calendario-style .fc-day-grid-container.fc-scroller
{
height: 250px!important;
}

.calendario-style .fc-title
{
font-size:10px!important
}

.calendario-style .fc-event-container
{
background: rgba(255, 196, 0, 0)!important;
border:0px!important;
color:#fff!important    
}


.calendario-style .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable,
.calendario-style .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end
{
background: #ff9300!important;
border:0px!important;
color:#fff!important;
bottom:2px!important    
}

.notif-icon
{
width:50px;
float:left;
height: 100%;
background: #ffce00; 
text-align: center;
padding-top:3px;
font-size:25px; 
border: 2px solid #fff;
padding-bottom: 0;    
padding-left: 0;    
padding-right: 2px;    
}

.table-notif-content
{
width:100%;
padding:5px;
float: left;
height:auto;
background: #f7f7f7;    
}

.num-notif
{
padding:1px 6px;
border-radius: 100%;
background: #2f7ab3;
text-align: center;
margin-right:10px;
color:#fff;    
}


.head-Fixed a
{
color:#fff;
}

.head-Fixed a:hover
{
color:#ffb700!important;
}

.selector
{
font-family:'Open Sans'!important;
font-weight: 600!important;
}

.selector:hover
{
color:#aa5c00;
font-weight: 600!important;    
}

.head-Fixed th a,
.head-Fixed td a
{
position: relative;
}


.estilo-tooltip
{
display:none;
padding: 5px 10px;
position: absolute!important;
left: 5px;
bottom: 0px;
white-space: nowrap;
z-index:10000;
background-image: -webkit-linear-gradient(bottom, rgba(244, 186, 110, 1), rgba(253, 245, 154, 1));
color:#6a4100;
transition: all ease-in-out 1s;          
width: auto;   
border-radius: 5px 5px 0 0;
font-weight: 400; 
transition: all ease-in-out 1s;
font-size:12px;       
}


.triangulo
{
width: 0;
height: 0;
border-color: #000000 #C13638 #64B757 #4788D5;
border-color: rgba(244, 186, 110, 1) transparent transparent transparent;
border-width: 5px;
border-style: solid;
position: absolute;
bottom: -10px;
left: 10px;
}

.datos-pagimpresion table tbody tr:hover
{
background:#fff;
color: #000;
}

.datos-pagimpresion table tbody tr:nth-child(odd):hover
{
background: #f7f7f7;
color:#000;    
}

.container-tableFootHead-Fixed
{
width: 100%;
height: auto;
float: left;
background: #fff;
padding:10px 5px;
border-bottom: 1px solid #e2e2e2;    
border-left: 1px solid #e2e2e2;    
border-right: 1px solid #e2e2e2;
}

.enc-oProduccion
{
padding-top: 0px!important;
height: 20px!important;
}

.titulo-pagimpresion
{
font-weight: 600;
}

.lbl-impr
{
font-weight: 600!important;
font-family: 'Arial'!important; 
}

.lbl-impr-cant
{
font-weight: 400!important;
font-family: 'Arial'!important;  
}
.tbl-reporte-imp tr td:first-child
{
font-weight: 400!important;
}

.tbl-impr-reporImp
{
background:#000;
color: #fff;    
}

.table-impReport tbody tr
{
color: #000!important;
background: #fff !important;    
}


.table-impReport tbody tr:hover
{
color: #000!important;
background: #fff !important;
}

.tbl-codigosTiempos tr td
{
font-weight: 600;
}

.tbl-codigosTiempos>tbody>tr>td
{
border-top:0px!important;
text-align: left;
width:25%    
}

.busqueda-mdl
{
width:100%;
float: left;
height: auto;
background: #fbfbfb;
padding:10px;
border-bottom: 3px solid #e8e8e8;
margin-bottom: 15px    
}

.btn.btn-default.perfil-button,
.btn.btn-default
{
height: 35px!important;
border:0px!important;
box-shadow: none!important;
font-family: 'Open Sans' !important; 
font-weight: 600!important; 
padding:0px!important;
text-align: center!important;
line-height: 3.2!important;
padding-top: 0px!important;
padding-left:10px!important;
padding-right:10px!important;    
}

.input-group-btn .btn.btn-default.btn-srch
{
height: 29px !Important;
padding: 5px !important;
line-height: 0px !important;
}

.fc-title, .fc-content
{
padding: 2px!important;
    
}

.fc-row.fc-week.fc-widget-content.fc-rigid
{
min-height: 41.8px
}

.fc-more
{
color:#ff7500!important;
font-family: 'Open Sans';
font-weight: 600;   
}

.fc-day.fc-widget-content.fc-wed.fc-today.fc-state-highlight {
    background-image: -webkit-linear-gradient(bottom, rgba(192, 228, 255, 0), rgba(190, 227, 255, 0))!important;
    background: #fff6d7;
}

.fc-day-number.fc-wed.fc-today.fc-state-highlight
{
color:#008bf0;
}

@media print {

    .table-impr.tbl-impr-reporImp tr th, 
    .table-impr tr th,
    .embo-activo,
    .tablaimpresionrequisa tr th
    {
        background-color: #acacac !important;
        color: #000 !important;
        -webkit-print-color-adjust: exact; 
    }
    
    .table-impr.tbl-impr-reporImp 
    {
      border: 1px solid #000!iportant;
      -webkit-print-color-adjust: exact;    
    }
    
    .label-tEmbobinado
    {
     font-family: 'Arial'!important;
     font-weight: 600!important;
     -webkit-print-color-adjust: exact;     
    }
    
    .label-bold-print
{
     font-family: 'Arial'!important;
    font-size: 11px!important;
    font-weight: 800!important;
     -webkit-print-color-adjust: exact; 
}
    
    .table-bimpr.tbl-reporte-imp .special-trDou td
{
    border:0px!important
    -webkit-print-color-adjust: exact; 
}

.tr-observacion
{
    border-bottom: 1px solid #000!important;
     -webkit-print-color-adjust: exact; 
}
    
    .imprTitAgrupado
{
    background: #f0f0f0;
      -webkit-print-color-adjust: exact; 
}
    
    .signSpace
{
    border-bottom: 1px dotted #000;
    -webkit-print-color-adjust: exact; 
}


}


.contenido-pop button
{
width:100%!important;
font-size: 10px!important;
font-family: 'Open Sans'!important;
font-weight: 600!important;    
}

.contenido-pop  #button-cerrarSecion
{
margin-left: 0px!important
}

.contenido-pop .form-group div
{
width:50%!important;
padding-left:3px;
padding:0px;
padding-left:3px;  
}

.resaltado
{
background: #ffe254!important;
color: #000000!important;    
}


.resaltado:hover
{
background: #48b8d9!important;
color:#fff!important;    
}


.btn-table-td
{
padding: 3px 10px;
background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
color:#183e6c;
border:0px;    
}

.btn-table-td:hover
{
padding: 3px 10px;
background-image: -webkit-linear-gradient(bottom, #e2ac66, #fff582);
color:#fff;
border:0px;    
}

.btn-table-td:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}

.num-important-td
{
color:#c40000!important;
text-align: center;
font-weight: 600!important;
font-family: 'Open Sans'!important;   
}



.form-filter-prog
{
width:100%;
height: auto;
float:left;
background: rgba(255, 255, 255, 0.02);
padding:5px 10px;
margin-top:50px    
}

.label-filter
{
color:#fff;
font-size: 12px;
font-weight: 600;
width:100%;
padding:5px; 
background: rgba(255, 255, 255, 0.05);
margin-top:10px    
}

.label-filter-select
{
font-size:11px;
color:#fff;
margin-top:10px;
text-align: left!important;
background: rgba(255, 255, 255, 0.06);
padding:2px;
font-weight: 600;    
}


.btn-select-filter .btn-group.bootstrap-select.show-tick.form-control
{
    background: rgba(234, 36, 36, 0)!important;
}

.btn-select-filter .btn.dropdown-toggle.selectpicker.btn-select
{
background: rgba(255, 255, 255, 0.1)!important;
border:1px solid rgba(255, 255, 255, 0.16)!important;
color:#fff!important;    
}


.form-filter-prog .btn-group.bootstrap-select.show-tick.form-control
{
background: rgba(0, 0, 0, 0);
border:0px; 
color:#fff!important;    
}

.btn-select-filter .btn-select .filter-option.pull-left
{
color:#fff!important;
font-size: 11px;
font-weight: 400;    
}

.encabezado-label-black
{
color:#4290ca;
font-weight: 600;
font-size: 12px;
text-align: left!important;    
}

.encabezado-label
{
font-weight: 400;
font-size: 12px;
text-align: left!important;    
}

.cont-encabezado-mdl
{
float:left; 
margin-bottom:5px;
padding-top:5px; 
text-align:left;
border:1px solid #e0e0e0;
background:#fff;
border-bottom:3px solid #d9d9d9
}

.cont-form-mdl
{
float:left; 
margin-bottom:5px;
padding-top:5px; 
text-align:right;
border:1px solid #e0e0e0;
background:#fff;
}

.accPlusSign
{
font-size:10px;
float:left;
margin-right: 10px;
color: #ffffff;   
background: #ffb100;
padding: 2px 2px 3px 3px;
text-align: center; 
position: relative;
top:0; 
border-radius: 2px;    
}

.accProgMaq h4
{
font-size: 13px!important
}

.accProgMaq
{
background:#ffffff;
box-shadow: none;    
}

.accProgMaq .panel-collapse
{
border-top:1px solid #dbdbdb;
overflow: auto;      
}


.accProgMaq .panel-body
{
padding: 5px
}




.code-tfixed-prueba * {height: auto; min-height: none;} /* fixed ie9 & <*/

.code-tfixed-prueba {
  background: #fff;
  table-layout: fixed;
  margin: 1rem auto;
  width: 100%;
/*  box-shadow: 0 0 4px 2px rgba(0,0,0,.4);*/
  border-collapse: collapse;
  border: 1px solid rgb(218, 218, 218);
  border-top: 0 none;
  border-radius: 15px 15px 0px 0px;    
}
.code-tfixed-prueba thead {
  background: #4290ca;
  color:#fff;    
  text-align: center;
  z-index: 2;
  border-radius: 15px 15px 0px 0px;
  font-weight: 600;       
}
.code-tfixed-prueba thead tr {
  padding-right: 5px;
/*  box-shadow: 0 4px 6px rgba(0,0,0,.6);*/
  z-index: 2;
  border-radius: 15px 15px 0px 0px;      
}

.code-tfixed-prueba th {
text-align: center;
}

.code-tfixed-prueba th:first-child
{
border-radius: 15px 0 0 0;
}

.code-tfixed-prueba th {
  border-right: 1px solid rgba(255, 255, 255, 0.49);
  padding: .7rem 0;
  font-size:13px;
  font-weight: 400;
/*  font-variant: small-caps;*/
  background: #4290ca;    
}
.code-tfixed-prueba tbody {
  display: block;
  height: calc(50vh - 1px);
  min-height: calc(200px + 1px);
  /*use calc for fixed ie9 & <*/
  overflow-Y: scroll;
  color: #000;
}
.code-tfixed-prueba tr {
  display: block;
  overflow: hidden;
  border-bottom:1px solid #d0d0d0;    
}

.code-tfixed-prueba tr:last-child
{
border-bottom: 0px;
}

.code-tfixed-prueba tbody tr:nth-child(odd) {
  background: #f6f6f6;
}
.code-tfixed-prueba th, .code-tfixed-prueba td {
  width: 21%;
  float:left;
}
.code-tfixed-prueba td {
  padding: 1rem 0 1rem 1rem;
  border-right: 1px solid rgb(180, 180, 180);
}
.code-tfixed-prueba [data-campo='Mail'] {
  width: 30%;
}  
.code-tfixed-prueba th:last-child, .code-tfixed-prueba td:last-child {
  width: 7%;
  text-align: center;
  border-right: 0 none;
  padding-left: 0;
}


@media only screen and (max-width:767px) {
  .code-tfixed-prueba {
    border-top: 1px solid ;
  }
  .code-tfixed-prueba thead {display: none;}
  .code-tfixed-prueba tbody {
    height: auto;
    max-height: 55vh;
  }
  .code-tfixed-prueba tr {
    border-bottom: 3px solid #ffe301;
  }
  .code-tfixed-prueba tbody tr:nth-child(odd) {background: #e1f4f7;}
  .code-tfixed-prueba tbody tr:nth-child(even) {background:#d5eefb;}
  .code-tfixed-prueba td {
    display: block;
    width: 100%;
    min-width: 100%;
    padding: .4rem .5rem .4rem 40%;
    border-right: 0 none;
  }
  .code-tfixed-prueba td:before {
    content: attr(data-campo);
    background: rgba(66, 144, 202, 0.65);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: auto;
    min-width: 37%;
    padding-left: .5rem;
/*    font-family: monospace;*/
    font-size: 12px;
/*    font-variant: small-caps;*/
    line-height: 1.8;
    color:#fff; 
    font-family:'Open Sans';
      
  }
  .code-tfixed-prueba tbody td:last-child {
    text-align: left;
    padding-left: 40%;
  }
  .code-tfixed-prueba td:nth-child(even) {
    background: rgb(255, 255, 255);
  }
      
    
}

.code-tfixed-prueba * {margin:0;padding:0; border: 0 none; position: relative;font-family:'Open Sans'}
.code-tfixed-prueba *, .code-tfixed-prueba *:before, .code-tfixed-prueba *:after {box-sizing: inherit;}


.Col-FixInput
{
width:100%;
height: 30px;
margin-bottom: 0px!important;
background:rgba(255, 255, 255, 0);
padding-left:10px;
padding-right:10px;
float:right; 
border:1px solid rgba(0, 0, 0, 0);
font-size: 11px;
font-family: 'Open Sans';
font-weight: 400;
    
}

.Col-FixImput-td
{
padding: 2px!important;
}

.Col-FixInput:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
border-radius: 5px; 
background: rgba(0, 216, 255, 0.08);
font-weight: 600;
color:#1a477e;   
}

.code-tfixed-prueba.code-tfixed-prueba-tdInput tbody
{
height: auto;
max-height:350px;     
}


.button-submenu.button-submenu-inactivo
{
background: #194274!important;
color: rgba(255, 255, 255, 0.3)!important;    
}


.button-submenu.button-submenu-inactivo .livicon
{
opacity: 0.3
}

.button-submenu.button-submenu-inactivo:hover
{
background: #194274!important;
color: rgba(255, 255, 255, 0.3)!important; 
box-shadow: none;    
}

.totales-proMaq
{
width:40%!important;
float: right!important;    
}

.table-impReport tfoot
{
background:#ffffff;  
}

.table-impReport tfoot tr td
{
padding:3px!important
}

.table-impReport tfoot tr td
{
font-weight: 600;    
font-family: 'Open Sans';
font-size:10px!important;
text-align:right
}

.table-bimpr.tbl-reporte-imp .EnProgramacion-Tr td
{
background: #a8a8a8!important;
font-weight: 600!important;   
}

@media print 
{
.table-bimpr.tbl-reporte-imp .EnProgramacion-Tr td
{
background: #a8a8a8!important;
font-weight: 600!important;     
-webkit-print-color-adjust: exact;    
}
    
.table-impReport tbody tr td,
.table-impReport tfoot tr td
{
border: 1px solid #404040!important;
-webkit-print-color-adjust: exact;    
} 
    
.report-name-rV
    {
        background: #000!important;
        border-left: 10px solid #c1c1c1!important;
    }

}

.table-impReport tbody tr td,
.table-impReport tfoot tr td
{
border: 1px solid #404040!important;  
}

.table-impReport tr td
{
font-size:9px!important;
}


.table tbody tr td a 
{
color:inherit!important;
}

ul.checkout-bar li.active:before
{
background: #ffc400!important;
}

ul.checkout-bar li.visited:before 
{
background: #4290ca!important;
}

.group-grphs
{
width:100%;
height: 328px;
float: left;
padding:5px;
overflow: auto; 
padding-top:0px;    
}


.calendario .datepicker-days table tbody tr {
line-height:1.63
}

input[readonly]
{
background: #fbfbfb!important;
cursor:no-drop !important;
}

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

input[readonly]:focus {
    outline: 0px solid rgba(17, 182, 255, 0.1);
    box-shadow: none;
    background: rgba(0, 216, 255, 0);
    border: 1px solid rgb(224, 223, 223)
}

.table.demo.table-bordered tbody > .conceptos-fijos 
{
color: #000!important;
}

.table.demo.table-bordered tbody > .conceptos-variables 
{
color: #4290ca!important;
}

.table.demo.table-bordered tbody > .conceptos-variables:hover,
.table.demo.table-bordered tbody > .conceptos-fijos:hover
{
color: #fff!important;
}

.btn-cont-flright {
float:right!important;
padding-right:0px!important;

}

.mdl-foot-fl {
    float: left;
    width: 100%;
    margin-top: -15px;
    margin-bottom: -15px;
}

.scroll-filter-null::-webkit-scrollbar
{
width: 1px!important;
background: #fff !important;
}

.select-filter-Iz {
background:rgba(255, 255, 255, 0.1);
border:1px solid rgba(255, 255, 255, 0.2);
color:#fff!important;
}

.footable-toggle {
color:#ffac00 !important;
font-size:12px!important;
}

#tablaEmpleadoConcepto .footable-toggle {
margin-top:0px!important;
}

.btn.btn-default.btn-search-mdl {
height:30px!important;
padding-top:0!important;
line-height:2.7!important;
}

.btn.btn-default.btn-srch {
width:100px!important;
line-height:2.7!important;
padding-top:0!important;
}

.label-imprirm-cont
{
width:100%;
height: 100%;
border-bottom: 1px solid #575757;
padding-left:5px;
height: 15px!important;
line-height: 0.9    
}

.form-group-impr {
    height: 20px!important;
    margin-bottom:0px!important;
}


.label-imprirm-cont
{
height: 23px;
}

.div-LabelImprimir
{
background:#f4f4f4;
border-radius: 3px;
height: 15px;
line-height: 0.9;
padding-left: 3px!important;
    
}

.div-LabelImprimirCont
{
padding-left:2px!important;
padding-right:15px!important;
text-align:left!important;    
}

.table-impReport tbody tr td,
.table-impReport thead tr th
{
font-size:10px!important;
font-family: 'Arial'!important    
}

.impr-titulo
{
margin-bottom: 5px!important;
font-size:12px!important;
font-family: 'Arial'    
}

.table-impReport thead tr th
{
border-top: 1px solid #000!important;
border-bottom: 1px solid #000!important;
}

.special-lg-width
{
width:152px!important;
}

.special-lg-widthMod
{
width:105px!important;
}

.form-group-dinam .div-LabelImprimir,
.form-group-dinam .div-LabelImprimirCont
{
margin-bottom:3px!important
}


@media print 
{
    .div-LabelImprimir
    {
        background-color:#f4f4f4!important;
        -webkit-print-color-adjust: exact; 
    }
}

td input[readonly]
{
background: rgba(0, 0, 0, 0)!important;
cursor: no-drop!important;
}

.label-desCom
{
padding-right: 3px!important
}

.select-input-Td
{
margin-bottom: 0px!important    
}

.page-foot
{
    font-size:11px;
    font-weight: 400;
    color:#a7a7a7;
}

.quick-key
{
    padding:1px 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.36);
    font-size: 11px;
    color:#00387c;
    font-weight: 800!important;
    position: relative;
    top:-1px;
    font-family:'Open Sans'!important;
    margin-left: 3px
}


.btn-quick-key
{
    width:70px!important
}


.num-caja
{
    width: 100%;
    height: 100%;
    padding-top:6px;
    text-align: right;
    padding-right: 5px;
    background: rgba(66, 144, 202, 0.17);
        
}

.punt-venta
{
    color:#ffffff;
    font-size: 11px;
}

.icon-punt-venta{
    color: #fff
}

.puntVentas
{
    padding:3px 10px;
    width:auto;
    background: rgba(255, 255, 255, 0.13);
    border:1px solid rgba(255, 255, 255, 0.28);
    border-radius: 3px;
    color:#ffc400;
    
}


.fa.fa-calendar.icon-punt-venta
{
margin-left: 10px;    
}

.fechapunt-venta
{
    color:#fff;
    font-size: 11px
}

.foto-cajas
{
    height: 214px;
    background: #fff;
    padding:15px!important
}

.check-cajas
{
    margin-top:5px;
}

.check-cajas label
{
    font-size: 12px;
    color:#000!important;
    font-weight: 600!important;
    font-family:'Open Sans'!important;
}


.foto-colegiado
{
    width:100%;
    height: 100%;
    position: relative;
}
   

.full-screen-icon
{
    width:40px;
    height: 40px;
    background: rgba(66, 144, 202, 0.4);
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    padding-top: 10px;
    transition: all ease-in-out 0.5s;
    cursor: pointer;
    
}

.full-screen-icon:hover
{
   background: rgba(66, 144, 202, 0.71); 
   width:100%;    
}

.full-icon
{
 color: #fff;
font-size: 20px!important;
   
}

.label-caja
{
    color:#7e7e7e;
    font-size: 14px
}

.NumRecibo
{
    font-size: 13px;
    color:#000;
    font-family:'Open Sans';
    font-weight: 600;
}


.grid-quick-hey
{
    font-size: 8px;
    color:#ffffff;
    background: #9d9d9d;
    position: relative;
    top:-40px;
    left:15px;
    padding:2px;
    border-radius: 2px;
    font-family: 'Arial';
    font-weight: bold;    
}

.caja-total-label
{
    height: 30px;
    padding-top: 4px;
    font-size: 18px;
    font-family: 'Arial'!important;
    font-weight: bold;
    text-align: right;
}

.caja-total-input
{
    font-size: 21px!important;
    font-family: 'Arial'!important;
    font-weight: 800;
    text-align: right;
    color: #000!important;
}

.checked-tr
{
    background: #fffcdd;
}

.tab-caja
{
    width:100%;
    background: #f0f0f0;
    margin-bottom:5px!important;
    position:relative;
}

.tab-caja a
{
  background: rgba(255, 255, 255, 0)!important;  
  border:0!important;
  border-radius: 0!important;
  width:100%;    
}

.tab-caja.active a
{
    border: 0px!important;
    width:100%;
    border-radius: 0;
    background: #4290ca!important;
    color:#fff!important;
}

.tab-caja:hover
{
    background: #ebebeb;
    border-radius: 0!important;
    border:0
}

.tab-caja.active .triangulo-caja
{
    position:absolute;
    top:14px;
    transform: rotate(270deg);
    left: 100%;
    border-color: #4290ca transparent transparent transparent;
    display: inherit;
}


.tab-caja .triangulo-caja
{
    display: none;
}

.quick-key-rubros
{
    float: right;
    padding: 3px 5px;
    background: #e2e2e2;
    border-radius: 100%;
    position: relative;
    top:-1px;
    font-size: 11px
}

.tab-caja.active .quick-key-rubros
{
    color:#4290ca;
    background: rgba(255, 255, 255, 0.61);
}

.tab-cont-caja
{
    width:100%;
    height: auto;
    background: #fff;
    padding:5px;
    border:1px solid #e4e4e4;
    float:left
}

.form-tab-caja
{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 5px;
    float: left;
}

.title-rubro-caja
{
    font-size: 16px;
    color:#4290ca;
    margin:0px;
    float:left
}

.total-label
{
    font-size:14px!important;
    padding-top:0!important;
    line-height: 2!important;
    font-family: 'Arial'!important;
    font-weight: 600!important;
    color: #000!important;
}

.input-total
{
 font-size:14px!important;
    padding-top:0!important;
    line-height: 2.3!important;
    font-family: 'Arial'!important;
    font-weight: 600!important;
    color: #000!important; 
    text-align: right;
}

.caja-contPagar
{
    width:100%;
    height: 100%;
    padding: 5px;
    background: #fff;
    border: 1px solid #e8e8e8;
    float: right;
}

.input-total-neg
{
color:#e30000!important;
}


.cont-buttonPagar
{
    height: 40px;
    float: left;
}

.btn-formPago
{
    width:100%;
    height: 100%;
    background: #dcdcdc;
    padding:2px;
    color:#676767;
    transition: all ease-in-out 0.5s;
}

.btn-formPago:hover
{
   
    background: #c8c8c8;
    padding:2px;
    color:#fff;
}


.btn-formPago:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
}


.input-total-Pag
{
    height: 100%!important;
    font-size:18px!important;
    padding-top:0!important;
    line-height: 2.3!important;
    font-family: 'Arial'!important;
    font-weight: 600!important;
    color: #000!important; 
    text-align: right;
    border-radius: 5px 0 0 5px;
    border-right: 0;
}


.select-moneda-Pag .btn.dropdown-toggle.selectpicker.btn-select
{
    height: 40px!important;
    border-radius: 0 5px 5px 0;
    width: 100%;
    background: #ebebeb;
    font-size: 16px;
    padding-top:10px;
    font-family: 'Arial';
    font-weight: 800
        
}

.select-moneda-Pag .bootstrap-select.btn-group .dropdown-menu
{
    margin-top:12px;
}

.select-moneda-Pag .bootstrap-select.btn-group .dropdown-menu  a
{
   padding:5px 0px;
   width:100%;
    text-align: center;
    font-size: 16px!important;
    font-family: 'Arial';
    font-weight: bold;
}

.select-moneda-Pag .bootstrap-select.btn-group .dropdown-menu  a:hover
{
    background: #000000;
}

.select-moneda-Pag .bootstrap-select.btn-group .dropdown-menu  a:focus
{
outline: none;
box-shadow: none; 
border: 0px;  
}

.img-btn-Pag
{
    width:39px;
    height: 100%;
    background:rgba(255, 255, 255, 0);
    border-radius: 2px 0 0 2px;
    padding:0px
}

.btn-quick
{
    position: absolute;
    top:0px;
    right: 5px;
    background: rgba(66, 144, 202, 0.32);
    color: #fff;
    border-radius: 0 0 0 3px
    
        
}


.elim-table-icon
{
    cursor: pointer;
}

.elim-table-icon:hover
{
    color:#ff9d00;
}

.popover.popover-default.has-footer.right.in.popover-x
{
   max-width:500px!important;
}


.popover-fPago-cont
{
    width:100%;
    height:auto;
    padding:10px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    
}

.td-total
{
    font-size:16px;
    color:#000;
    font-weight: 600;
}


.pop-foot-fPago
{
    height: auto!important;
    float:left!important;
    padding: 10px!important;
    width:100%!important;
}


.popover-title
{
    background: #4290ca!important;
    color:#fff!important
}

.Fpago-Active:hover,
.Fpago-Active
{
    background: #f3f3f3;
    -webkit-box-shadow: 1px 1px 1px 1px #fff;
     box-shadow: 1px 1px 0px 1px #d5d5d5;
    color: inherit;
    border: 1px  solid #fff
}


.modal-backdrop
{z-index: 1001!important}

.modal
{
    z-index: 1002!important
}



          
#contactFormContainer
{
    position:absolute;
    right:55px;
    float:right;
    bottom: 55px;
    background: #dce5ea;
    z-index: 99;
}

#theme-menu
{
    position:fixed;
    right:0px;
    float:right;
    top: 52px;
    background: #dce5ea;
    z-index: 99;
    width:130px;

}



#changecontent,
#contactForm
{
    display:none;

}
#contactForm fieldset
{
    border:none;
}      
     
.head-chat
{
    width:100%;
    height: 45px;
    background: #4290ca;
    padding:5px;
    position: relative;
}


#contactLink
{
    height:100%;
    width:100%;
    display:block;
    cursor:pointer;
    background: rgba(255, 255, 255, 0);
    text-align: right;
    padding-top:9px;
    padding-right: 5px;
}




.med-lista
{
    list-style: none;
    padding:5px;
}

.med-lista li
{   
 color: #fff;
 font-size: 11px;
 height: 30px;
 padding:7px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
 background: rgba(255, 255, 255, 0.04);  
transition: all ease-in-out 0.5s;
}


.sb-med-list
{
    width:300px!important
}

.med-cod
{
    background: rgba(66, 144, 202, 0.44);
    padding:2px 5px;
    margin-right: 5px;
    border-radius: 2px;
    color: #ffffff;
    font-weight: 600;
    font-size: 'Open Sans';
}

.medi-cod-cont
{
    width:25%;
    float:left;
    text-align: left;
}

.medi-name-cont
{
    width:65%;
    float: left;
}


.tit-list-md
{
    margin-top:55px;
    padding:10px;
    color:#fff;
    font-size: 14px;
    margin-bottom: 0px;
}


.med-lista li:hover
{
    background: rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



.chat-cont
{
    height: 55px;
    float: right;
    text-align: right
}

.head-title-chat
{
position: absolute;
width:100px;
    top:14px;
    right: 0;
    color:#fff;
    font-size: 12px;
}






.user-name-chat
{
    width: 100%;
    height: 30px;
    background: #46bdd9;
    padding:5px
}

.chat-user
{
    color: #fff;
    font-size: 11px;
    padding-left:10px;
}


.btn-chat
{
    color:#fff;
    float: right;
    margin: 3px;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
}

.chat-not-bubble
{
    padding:1px 6px 2px 5px;
    border-radius: 100%;
    background: #ffbd00;
    color: 46bdd9
    
}

.chat-user b
{
    font-family: sans-serif;
    font-weight: 800;
    font-size: 12px;
}

.msjs-chat-cont
{
    width:100%;
    height: auto;
    float: left;
    padding: 10px; 
    text-align: right;
}

.date-divider
{
    font-size: 10px;
    color:#fff;
}
.date-chat
{
    font-size: 10px;
    color:#fff;
    height: auto;
    float: left;
    padding:3px;
    width:100%
}



.date-span
{
    padding: 3px 10px;
    background: #8697a3;
    border-radius: 5px;
    position: relative;
    
}

.msj-rec
{
    width:100%;
    height:auto;
    float: left;
    margin-top:5px;
    margin-bottom: 5px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.foto-chat-rec
{
    width: 40px;
    height: 40px;
    background-image: url(/images/chat-1.png);
    background-size: cover;
    background-position: center;
    border-radius:5px;
    float: left;
}


.msj-bubble
{
    width:280px;
    float: right;
    height: auto;
    padding:5px;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    min-height: 40px;
    position: relative;
    
}



.tri-chat
{
    border-width: 8px;
    border-color: #fff transparent transparent transparent;
    transform: rotate(90deg);
   position: absolute;
    top:15px;
    left:-15px
}

.msj-user-rec
{
    width:100%;
    float: left;
    text-align: left;
    font-size: 12px;
    color:#4290ca
}



.company-name-chat
{
    float: right;
    font-size: 11px;
    color:#b5b5b5;
}


.msj-bubble p
{
    float: left;
    text-align: left;
    font-size: 12px;
    color:#6f6f6f;
    margin-bottom:0px;
}





.bubble-foot
{
    position: relative;
    font-size: 11px;
    top: -10px;
    left: -3px;
    color:#fff;
    background: #f00;
}



.chat-time
{
    font-size: 9px;
    color: #c7c7c7;
    background: #fff;
    padding:2px;
    border-radius: 5px;
    float: left;
    
}


.foto-chat-home
{
    width: 40px;
    height: 40px;
    background-image: url(/images/chat2.jpg);
    background-size: cover;
    background-position: center;
    border-radius:5px;
    float: right;
}

.msj-bubble-home
{
     width:280px;
    float: left;
    height: auto;
    padding:5px;
    background: #fff9d6;
    border-radius: 10px 10px 10px 10px;
    min-height: 40px;
    position: relative;

/*
    width:280px;
    float: left;
    height: auto;
    padding:5px;
    background: #fff9d6;
    border-radius: 10px 10px 10px 10px;
    min-height: 40px;
    position: relative;
*/
    
}

.tri-chat-home
{
    border-width: 8px;
    border-color: #fff7cb transparent transparent transparent;
    transform: rotate(270deg);
    position: absolute;
    top:15px;
    left: 280px;
}


.msj-bubble-home p
{
  float: right;
    text-align: left;
    font-size: 12px;
    color:#505050;
    margin-bottom:0px;   
}

.msj-user-home
{
    width:100%;
    float: left;
    text-align: right;
    font-size: 12px;
    color:#4290ca   
}


.chat-time-home
{
 font-size: 9px;
    color: #c7c7c7;
    background: rgba(228, 215, 141, 0);
    padding:2px;
    border-radius: 5px;
    float: right;   
}

.user-status
{
float: left;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    position: relative;
    top:30px;
    left: -5px;
    border: 3px solid #dce5ea;
    
}

.user-status.activo
{
    background: #19dd00;
}

.user-status.inactivo
{
    background: #ff0000;
}

.msjs-chat-cont::-webkit-scrollbar{
  width: 0px;
  background: #fff;
}

.msjs-chat-cont
{overflow: auto;
max-height: 225px
}

.input-chat
{
    width:100%;
    height:45px;
    float: left;
    background: #2C3E50;
    padding:5px;
}

.input-ch
{
    width:100%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0);
    padding-left: 5px;
    padding-right: 5px;
    background: rgb(255, 255, 255);
    color: #000;
    font-size: 11px;
    
    
}

.input-ch:focus
{
outline: none;
box-shadow: none; 
border: 1px solid rgba(255, 255, 255, 0.4); 
}

.btn-send-cont
{
    height: 100%;
    padding:0!important;
    
}

.btn-send-chat
{
border-radius: 100%;
padding: 5px 9px 5px 7px;
color:#fff;
background: #667e90;
}

.btn-send-chat:focus
{
outline: none!important;
box-shadow: none!important; 
border: 1px solid rgba(255, 255, 255, 0.4); 
}


.icon-adj
{
    color: #fff;
    cursor: pointer;
    position: relative;
    top:4px
}

.icon-adj:hover
{
    color: #5c5c5c;
    cursor: pointer;
    position: relative;
    top:4px
}


.active-list-med
{
    background: #ffc200!important;
    color:#183e6c!important;
}

#PopoverOpcChat .popover-content
{
    float: left;
    width:100%;
    padding: 5px!important
}



.chat-Option
{
 list-style: none;
 padding:0px;
 margin-bottom: 0px;    
}



#PopoverOpcChat .popover-fPago-cont
{
    padding:0px;
    background: #46bdd9;
}

.chat-Option li
{
    height: 40px;
    width: 100%;
    font-size: 12px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(209, 209, 209, 0.3);
    transition: all ease-in-out 0.5;
    opacity: 1;
    cursor: pointer;
}

.chat-Option li:last-child
{
 border-bottom: 0px;   
}

.btn-chat-opt
{
    padding:3px 5px;
    background: #00a9c7;
    border-radius: 5px;
    float: left;
    width: 100px;
    color: #fff;
    text-align: center;
        
}

.icon-option-chat
{
    float: left;
    font-size: 15px;
    color:#3d566e;
    position: relative;
    top:1px;
    margin-right:5px;
    padding:4px 3px 2px 3px;
    border-radius: 100%;
    background: #ffb800;
}

.chat-Option li:hover
{
    opacity: 0.5
}

.nav-option-chat
{
    width:135px;
    float: left
}

.nav-option-chat li a
{
    padding:0px;
    background: rgba(255, 0, 0, 0)
}

.nav-option-chat 
{
   border-bottom: 0px!important;
    position:relative;
    top:-5px;
    left:-5px;
}

.nav-option-chat li a
{
border-radius: 0px;
height: 30px!important;
float: left;
border: 0px;
width: 30px;
margin:0;
text-align: center;
padding-top:7px; 
color:#fff!important;
border-right: 1px solid rgba(255, 255, 255, 0.1);    
}

.nav-option-chat li.active a
{
background: #3fabc5!important;
border: 0px!important;
color:#fff!important;
border-right: 1px solid rgba(255, 255, 255, 0.3); 
}


.nav-option-chat .tooltip-inner
{
background: #2c3e4e;
color:#fff;
font-weight: 400;    
border: 1px solid #2c3e4e;  
opacity: 1!important;    
}

.tooltip.bottom .tooltip-arrow
{
border-width: 0px 5px 5px;
border-bottom-color: #2c3e4e;
}


.nav-option-chat li a:hover
{
 background: rgba(0, 128, 159, 0.13); 
 border-right: 1px solid rgba(255, 255, 255, 0.3); 
}


.cont-contacts
{
    width: 100%;
    height: auto;
    float: left;
    overflow: auto;
    padding:5px 10px;
}

.cont-contacts::-webkit-scrollbar{
  width: 0px;
  background: #fff;
}

.contacts-list
{
    list-style: none;
    height: auto;
    float:left;
    width:100%;
    padding:0px!important;
    margin-left:0px!important;
    margin-bottom:0px;
}

.contacts-list li
{
    height: 50px;
    padding:5px;
    background: #fff;
    margin-bottom: 3px;
    transition: all ease-in-out 0.6s;
     color:#5c5c5c;
    cursor: pointer;
}

.contact-list-photo
{
    width:40px;
    height: 40px;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    float: left;
}


.contact-name
{
    float: left;
    margin-left:10px;
    font-weight: 600;
    width:80%;
    font-size:12px;
    margin-top:4px
}







.contact-name-company
{
    width:80%;
    float: left;
    margin-left:10px;
    font-size: 11px;
    font-weight: 600;
    color:#9d9d9d;
}


.status-cont-list
{
    padding:1px 3px;
    color:#fff;
    border-radius: 3px;
    position: relative;
    top:-27px;
    left:240px;
    font-size: 10px
}


.status-cont-list.inline
{
        background: #008905;
}


.status-cont-list.ofline
{
        background: #c4003c;
}

.photo1
{
background-image:url(/images/chat2.jpg);
}

.photo2
{
background-image:url(/images/developers/team-member1.jpg);
}

.photo3
{
background-image:url(/images/developers/team-member4.jpg);
}

.photo4
{
background-image:url(/images/developers/team-member5.jpg);
}

.photo5
{
background-image:url(/images/developers/team-member8.jpg);
}

.photo6
{
background-image:url(/images/developers/team-member9.jpg);
}

.photo7
{
background-image:url(/images/developers/team-member11.jpg);
}

.photo8
{
background-image:url(/images/developers/team-member13.jpg);
}

.photo9
{
background-image:url(/images/developers/team-member6.jpg);
}

.photo10
{
background-image:url(/images/developers/team-member2.jpg);
}

.photo11
{
background-image:url(/images/developers/team-member12.jpg);
}

.photo12
{
background-image:url(/images/developers/team-member3.jpg);
}





.condensed-thead tr th
{
    font-weight: 600;
    text-align: center;
    border:0px!important;
    
}

.condensed-thead tr
{
    background: #fffbeb
}

.contacts-list li.contact-conversActiva
{
    background: #2C3E50;
     color:#fff;
}

.contacts-list li:hover
{
    background: #4281A4;
     color:#fff;
}

.incid-content
{
    width:100%;
    height: 270px;
    padding:5px 10px;
}

.chat-label
{
    font-size:11px!important;
    color:#969696;
    width: 100%;
    float: left;
    margin-bottom: 3px;
    padding-left: 5px
}

.cont-input-chat
{
    height: auto;
    float: left;
    margin-bottom: 5px;
}

.input-chat-incid
{
    width:100%;
    border:1px solid rgba(0, 0, 0, 0);
    height: 30px;
    border-radius: 3px;
     padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    
}

.textarea-chat
{
    width:100%;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    border:1px solid rgba(0, 0, 0, 0);
}

.input-chat-incid:focus,
.textarea-chat:focus
{
 outline: none;
box-shadow: none; 
border: 1px solid #00ebff;
background: rgb(255, 252, 217);   
}




.icons-adj
{
    height: 35px;
    padding: 8px;
    padding-left: 10px!important
}

.icons-adj span
{
   margin-right:10px;
   color:#8d8d8d;
   cursor: pointer;
}

.icons-adj span:hover
{
  color: #ffa200;    
}

.title-incid
{
margin:0;
margin-bottom: 10px;
padding-left:5px; 
margin-top: 5px    
}

.phone-ext
{
    color:#4290ca;
    font-size: 12px;
}

.phone-selec-titl
{
    padding:5px;
    background: #4290ca;
    color:#fff;
}


.unpload-chat span
{
    cursor: pointer;
}


.submenu-shr .no-touch .cbp-hsmenu > li > a:hover, .submenu-shr.no-touch .cbp-hsmenu > li > a:focus, .submenu-shr .cbp-hsmenu > li.cbp-hsitem-open > a {
    color: #fff;}

.table-historial-comp .glyphicon,
.table-EstVac .glyphicon
    {
      font-size: 15px 
    }

.login-content
{
    width:330px;
    height: 360px;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top:-200px;
    margin-left:-165px;
    background-image: url(../../images/bg.png);
    border-radius: 5px;
    padding:10px;
    max-width: 330px;
}

.wrapper-login
{
    position: relative;
    background-image: url(../../images/fondo.png);
    background-size: cover;
    background-position: center;
}

.logo-login
{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding:5px 25px;
}


.login-form
{
    width:100%;
    height: 270px;
    padding:10px;
}

.label-login
{
    font-size:12px;
    color: #fff;
    width: 100%;
}

.input-login
{
    width:100%;
    height: 35px;
    border-radius: 3px;
    border: 0px;
    margin-top:3px;
    padding-left:10px;
    font-size: 13px;
    margin-bottom: 10px;
}

.btn-login
{
    background: #0076cc;
    color: #fff;
    width:100%;
    margin-top:10px;
    transition: all ease-in-out;
    
}

.btn-login:hover
{
    background: #0065af;
    color: #fff;
}



.input-login:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00ebff;
background: rgb(255, 252, 217);
}

.btn-login:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00ebff;
color: #fff;
background: #0065af;
}

.foot-login
{
    width:100%;
    float: left;
    text-align: center;
    margin-top:0;
}

.foot-login a
{
     color: #00ceff;
    font-size: 11px;
}

.unpload-chat
{
    height: 35px;
    padding-top: 8px;
    padding-left: 10px!important
}


.unpload-chat span
{
    margin-right: 10px
}

.inline-offline-bubble
{
    width:10px;
    height: 10px;
    border-radius: 100%;
    position: relative;
    top:30px;
    left: 30px;
    border: 2px solid #ffffff;
    transition: all ease-in-out;
    
}

.inline-offline-bubble.inline-b
{
    background: #00c44b
}

.inline-offline-bubble.offline-b
{
    background: #ff0058
}


.inline-offline-bubble.inline-b{
background-color: #03a9f4;
animation: parpadeo 0.2s;
-webkit-animation: parpadeo 1s;
-moz-animation: parpadeo 1s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
}


@keyframes parpadeo { 
0% {background-color: white}
100%{background-color: #00c44b} 
}

@-webkit-keyframes parpadeo { 
0% {background-color: white}
100%{background-color: #00c44b} 
}


#contactLink .tooltip-inner
{
background: #fff;
color:#4290ca;
font-weight: 400;    
border: 1px solid #fff;  
opacity: 1!important;    
}

#contactLink  .tooltip.left .tooltip-arrow
{
border-left-color: #fff!important;
}


.bubble-foot{
background-color: #ff0045;
animation: pulse 0.8s;
-webkit-animation: pulse 0.8s;
-moz-animation: pulse 0.8s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
}


@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(0.5); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(0.5); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}


.titulo-procesos i
{
    color:#ffb400
}


.input-filter-search
{
width:100%;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.27);
box-shadow: none;
height: 30px;
padding: 5px;
background: rgba(255, 255, 255, 0.17);  
color: #fff; 
font-size: 12px;
    
}


.input-filter-search:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff; 
background: rgba(0, 226, 255, 0.4);   
}



.checkout-bar li.active.active-lastchild:after
{
 display: none;
}

.impr-titulo
{text-transform: uppercase;
text-align: center;
}

.impr-subtitulo
{
    font-size:12px;
    font-weight: 600;
    margin-top:0px;
    margin-bottom: 10px;
    float: left;
    width:100%
}

.label-tEmbobinado
{
    font-size: 8px!important;
    font-weight: 600;
    font-family: 'Open Sans'!important;
}

.label-bold-print
{
    font-size: 11px!important;
    font-weight: 800!important;
    font-family: 'Arial'!important;
}

.check-td-input
{
    margin-left: -20px!important;
    margin-right: 10px!important;
    margin-top: 3px!important;

}

.span-check-td
{
    position: relative;
    top:1px;
    font-weight: 600;
}

.btn.btn-default.perfil-button.btn-heightInput,
.btn.btn-default.btn-heightInput
{
    height:30px!important;
    line-height:2.1!important;
}


.bank-div
{
    margin-bottom:10px
}

.header-drag-inp {
line-height:2.1;
}

.img-pdf-hover
{width: 96%;
height: 200px;
background: rgba(66, 144, 202, 0.49);
position: absolute;
opacity: 0;
    text-align: center;
transition: all ease-in-out 1s;
}

.img-pdf-hover:hover
{
  opacity: 1;  
}

.btn-hover-img
{
    width:100px;
    top:100px!important;
    position: relative;
}

.div-mdlDetalleProd
{
    background: #fff;
    border-top:1px solid #d1d1d1;
    border-left:1px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1;
}



.div-mdlDetalleProd-2
{
 background: #fff;
 border:1px solid #d1d1d1;  
}

.subtit-detalle-NV
{
    margin-top:0px;
    font-weight: 600;
    color: #4290ca;
}

.icon-td-pM
{
    font-size:14px;
    float: right;
    top:3px;
    transition: all ease-in-out 0.5s;
}

.icon-td-pM:hover
{
    color: #183e6c
}


.div-heightAuto
{
    float:left; 
    margin-bottom:5px;
    background:#fff;
    padding-top:5px;
    border:1px solid #cecece;
    margin-top:10px;
    height: auto;
}

/*
body::-webkit-scrollbar {
    width: 10px!important;
    background: #fff;
}
*/

.embo-margen img
{
    width:100%!important;
}

.table-lgFormato thead tr
{
 color: #fff;
}

.table-lgFormato thead tr th
{
    text-align: center!important;
}

.table-lgFormato
{
    min-width:1400px
}

.btn-menu-theme span
{
    color: #fff;
    font-size: 16px!important;
    cursor: pointer;
}

.change-mdlUser
{
    margin-top:5px;
    height: 350px;
    float: left;
    width: 100%;
    background: #fff;
}

.mdlUser-change
{
    width: 100%;
    height: auto;
    float: left;
}
















.btn-menu-theme
{
    padding-top: 20px;
    height:100%;
    float: left;
    text-align: left;
    height: 50px
}


.theme-tittle
{
    width: 100%;
    height: auto;
    padding: 10px;
}

.theme-tittle h5 
{
 text-align: center; 
 font-size: 13px    
}

.theme-tittle h5 b
{
/*    font-weight: 600;*/
}

.colors-theme
{
    width: 100%;
    height: auto;
}

#theme-menu #contactForm
{
   width: 100%;
height: 190px
}

.color-theme-content
{
    height: 65px;
    padding: 10px;
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.btn-theme
{
width: 100%;
height: 100%;
}

.btn-theme.yellow
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fecb00+50,000333+50 */
background: #fecb00; /* Old browsers */
background: -moz-linear-gradient(top,  #fecb00 50%, #333333 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fecb00 50%,#333333 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fecb00 50%,#333333 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecb00', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
border:0px;
}

.btn-theme.blue
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4290ca+50,183e6c+50 */
background: #4290ca; /* Old browsers */
background: -moz-linear-gradient(top,  #4290ca 50%, #183e6c 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4290ca 50%,#183e6c 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4290ca 50%,#183e6c 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4290ca', endColorstr='#183e6c',GradientType=0 ); /* IE6-9 */
border:0px;
}

.btn-theme.green
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4cb963+50,054a29+50 */
background: #4cb963; /* Old browsers */
background: -moz-linear-gradient(top,  #98b83d 50%, #054a29 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #98b83d 50%,#054a29 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #98b83d 50%,#054a29 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b83d', endColorstr='#054a29',GradientType=0 ); /* IE6-9 */
border:0px;
}

.btn-theme.red
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c10e16+50,000333+50 */
background: #c10e16; /* Old browsers */
background: -moz-linear-gradient(top,  #c10e16 50%, #333333 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c10e16 50%,#333333 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c10e16 50%,#333333 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10e16', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
border:0px;
}

.btn-theme 
{
    color: rgba(255, 255, 255, 0);
    transition: all ease-in-out 0.5s;
}

.btn-theme:hover 
{
    color: #fff;
    border: 2px solid #fff;
    
}

.btn-theme.theme-active,
.btn-theme:focus
{
outline: none;
box-shadow: none; 
color: #fff;
border: 2px solid #fff;
text-shadow: 0 3px 6px #000000;
}

#change-menu,
#theme-menu
{
    background: #f7f7f7;
    border: 0px solid #183e6c;
    border-top:0px;
}

.theme-tittle
{
    color: #ffffff;
    background: #4290ca;
}

.btn-menu-theme span:hover
{
    color: #4290ca;
}

.menu 
{
    border-bottom: 2px solid #183e6c!important;
}

.navbar-inverse {
    border-bottom: 2px solid #183e6c!important;
}


.navbar.navbar-inverse.navbar-fixed-top
{
    padding-right: 0px!important
}


.container
{
    margin-left: 0px !important;
    padding-left: 30px!important
}


.imprHeader
{
    width:100%;
    height: 130px;
    float: left;
/*    border-top: 1px solid #000;*/
/*    background: #ff0;*/
    border-bottom: 5px solid #000;
}

.logo-imprHeader
{
    height: 100%;
    background: #fff;
    text-align: center;
    position: relative;
    border:1px solid #bcbcbc;
    border-right:0px;
}

.logo-imprHeader img
{
    width: 80%;
     position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
/*    -webkit-filter: invert(1); */
   
}

.center-titles
{
    height: auto;
    width: 98%;
     position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
/*    -webkit-filter: invert(1); */
}



.compName-title
{
    height: 100%;
    background: #fff;
    position: relative;
    padding-left:5px!important;
    border:1px solid #bcbcbc;
}


.center-titles h2
{
    font-weight: 400;
    margin: 0px;
    font-family:'Open Sans'!important;
    font-size:16px;
    background: #333;
    color: #fff;
    padding:5px;
}

.center-titles h4
{
    font-weight: 400;
    margin:0px;
    margin-bottom: 10px;
    font-family:'Open Sans'!important;
    font-size: 14px;
    padding:5px;
    background: #f4f4f4;
}

.headImp-label
{
    font-weight: 600!important;
    font-size: 12px;
    padding-left:5px;
}

.center-titles label
{
    font-size: 12px;
}

.table-impReport tbody tr td.observPagImpr
{
    border-bottom: 1px solid #fff!important;
}

.label-bold
{
    font-weight: 600!important;
    font-size: 11px;
}

.label-bold span
{
    font-weight: 400;
}

.table-bimpr tr td 
{
    background: rgba(0, 0, 0, 0);
}


.table-impReport .tbl-sdividers tr td
{
    border:1px solid rgba(255, 255, 255, 0)!important;
    background: rgba(255, 255, 255, 0)!important;
}

.table-impReport .tbl-sdividers tr
{
    background: #f3f3f3!important
}

.complete-line
{
    border-top: 2px solid #fff;
}


@media print {
  .imprHeader
{
    width:100%;
    height: 130px;
    float: left;
/*    border-top: 1px solid #000;*/
/*    background: #ff0;*/
    border-bottom: 5px solid #000;
}

.logo-imprHeader
{
    height: 100%;
    background: #fff;
    text-align: center;
    position: relative;
    border:1px solid #bcbcbc;
    border-right:0px;
}

.logo-imprHeader img
{
    width: 80%;
     position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
/*    -webkit-filter: invert(1); */
   
}

.center-titles
{
    height: auto;
    width: 98%;
     position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
/*    -webkit-filter: invert(1); */
}



.compName-title
{
    height: 100%;
    background: #fff;
    position: relative;
    padding-left:5px!important;
    border:1px solid #bcbcbc;
}


.center-titles h2
{
    font-weight: 400;
    margin: 0px;
    font-family:'Open Sans'!important;
    font-size:16px;
    background: #333;
    color: #fff;
    padding:5px;
}

.center-titles h4
{
    font-weight: 400;
    margin:0px;
    margin-bottom: 10px;
    font-family:'Open Sans'!important;
    font-size: 14px;
    padding:5px;
    background: #f4f4f4;
}

.headImp-label
{
    font-weight: 600!important;
    font-size: 12px;
    padding-left:5px;
}

.center-titles label
{
    font-size: 12px;
}

.table-impReport tbody tr td.observPagImpr
{
    border-bottom: 1px solid #fff!important;
}

.label-bold
{
    font-weight: 600!important;
    font-size: 11px;
}

.label-bold span
{
    font-weight: 400;
}

.table-bimpr tr td 
{
    background: rgba(0, 0, 0, 0);
}


.table-impReport .tbl-sdividers tr td
{
    border:1px solid rgba(255, 255, 255, 0)!important;
    background: rgba(255, 255, 255, 0)!important;
}

.table-impReport .tbl-sdividers tr
{
    background: #f3f3f3!important
}

.complete-line
{
    border-top: 2px solid #fff;
}  
}

.modal-body.mdl-user-body
{
    float: left;
    width: 100%;
    padding:0px;
    height: auto;
    border-radius: 0px;
}

.mdl-cont-user
{
    border-radius: 0 0 5px 5px;
    border:0px;
}

.mdl-user-header
{
    width:100%;
    float: left;
    height: 60px;
}

.box-side
{
    width:10%;
    height: 100%;
    float: left;
    text-align: center;
    padding-top:13px
}

.user-title
{
    width: 90%;
    float: left; 
    font-size: 20px;
    padding-left: 20px;
}

.mdl-user-header button
{
    position: relative;
    top:-30px;
    left: -20px;
    color:#fff;    
}

.mdl-userBody
{
    width: 100%;
    height: auto;
    float: left;
    background: #f0f0f0;
}

.mdlUser-name
{
    width: 100%;
    height:auto;;
    float: left;
    padding: 10px 20px;
/*    border-bottom: 3px solid #bebebe;*/
}

.mdlUser-icon
{
    padding:5px 13px;
    font-size: 25px;
    border-radius: 100%;     
}

.mdlUser-name h3
{
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    margin:0;
}


.mdlUser-name h6
{
    float: left;
    font-weight: 400;
    margin: 0;
    padding:0px
}


.mdlUser-company
{
    text-align: right;
    font-weight: 600!important;
}

.mdl-User-photo-cont
{
    width: 100%;
    height: auto;
    float: left;
    padding: 5px 20px;
}


.mdl-photoUser
{
    
    height: 150px;
    background-image: url(../../images/avatar-user-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mdlUser-info
{
    height: auto;
    float: left;
    padding-left: 10px!important;
    padding-right: 10px !important;
}

.mdlUser-label-bold
{
    font-weight: 600;
    font-size: 12px;
    background: #f7f7f7;
}

.mdl-User-label
{
    font-size: 12px;
}

.btn-file
{
    margin-top:0px!important;
    width: 100%;
}

.fileinput-remove.fileinput-remove-button
{
    width:100%;
    margin-top:0px!important;
    margin-bottom:5px!important
}


.mdl-inputUser
{
   border-radius: 5px;
   box-shadow: none;
   border: 1px solid #b2b2b2; 
   height: 30px;
   margin-bottom: 5px;
   font-size: 11px; 
   width:100%;
   padding-left:10px    
    
}

.file-preview-frame
{
    margin: 0 auto!important;
}

.checkout-bar li.active:after
{
    display: none;
}

.modal-notes
{
    margin-bottom: 70px;
}


.mdl-inputUser:focus
{
outline: none;
box-shadow: none; 
border: 1px solid #00e2ff;
}

/*------------*/

#form-name
{
  margin-top:0 ;
}

.btn.btn-default.btnDef-input
{
    height: 30px!important;
    line-height: 2.7!important
}


.close.fileinput-remove
{
   position: absolute;
   right: 10px;
   top: 25px 
}


.nav.nav-tabs.mdlUser-nav>li>a
{
    margin-right: 0px!important
}

.logo-imReVac
{
    height: 150px;
    float: left;
    padding: 5px;
    text-align: center;
    
}

.encabezado-imReVac
{
    height: 150px;
    float: left;
    padding-top:45px;
}

.company-name-rV
{
    font-size: 20px;
    font-weight: 600;
    margin:0px;
    margin-bottom:5px
}

.report-name-rV
{
    font-size: 15px;
    font-weight: 400;
    margin: 0px;
    background: #000;
    color: #fff;
    padding: 3px;
    border-left: 10px solid #c1c1c1;
    text-transform: uppercase;
}

.report-number-rV
{
    font-size: 13px;
    font-weight: 600;
    text-align:left;
}


.RVline
{
    width:100%;
    float: left;
    background-color: #000;
    height: 5px;
    margin-bottom: 10px;
    margin-top:10px
}


.date-RV
{
    float: right;
    font-weight: 600;
    font-size: 13px;
}
 
.date-num-RV
{
    color: #a0a0a0;
    font-weight: 400;
    font-size: 13px;
}

.dataRV-content
{
    width: 100%;
    height: auto;
    padding: 5px;
    float:left;
    padding-top:13px;
    border-bottom: 4px solid #c6c6c6;
}


.label-DataRV
{
    width: 100%;
    height: auto;
    padding:3px;
    background: #e9e9e9;
    font-size: 11px;
    font-weight: 600;
    border-radius: 3px;
}

.label-numRV
{
    font-size: 11px;
    width: 100%;
    height: auto;
    padding:3px;
    border-bottom: 1px solid #dedede;
    
}

@media print {
 .company-name-rV
{
    font-size: 20px!important;
    font-weight: 600!important;
    margin:0px!important;
    margin-bottom:5px!important;
}

.report-name-rV
{
    font-size: 15px!important;
    font-weight: 400!important;
    margin: 0px!important;
    background: #000!important;
    color: #fff!important;
    padding: 3px;
    border-left: 10px solid #c1c1c1!important;
}

.report-number-rV
{
    font-size: 13px!important;
    font-weight: 600!important;
    text-align:left!important;
}


.RVline
{
    width:100%!important;
    float: left!important;
    background: #000!important;
    height: 5px!important;
    margin-bottom: 10px!important;
    margin-top:10px!important;
}


.date-RV
{
    float: right!important;
    font-weight: 600!important;
    font-size: 13px!important;
}
 
.date-num-RV
{
    color: #a0a0a0!important;
    font-weight: 400!important;
    font-size: 13px!important;
}

.dataRV-content
{
    width: 100%!important;
    height: auto!important;
    padding: 5px!important;
    float:left!important;
    padding-top:13px!important;
    border-bottom: 4px solid #c6c6c6!important;
}


.label-DataRV
{
    width: 100%!important;
    height: auto!important;
    padding:3px!important;
    background: #f4f4f4!important;
    font-size: 12px!important;
    font-weight: 600!important;
    border-radius: 3px!important;
}

.label-numRV
{
    font-size: 12px!important;
    width: 100%!important;
    height: auto!important;
    padding:3px!important;
    border-bottom: 1px solid #dedede!important;
    
}   
    
}


.fg-RV
{
    height: auto;
    float: left;
    width:100%;
    margin:0px;
}

.ObseCmplLine
{
    height: 15px
}

.foot-RV-user
{
    font-size: 12px;
    font-weight: 600;
    width:100%;
    
}

.foot-RV-user span
{
    font-weight: 400;
}


.signature-space
{
    width:100%;
    height: auto;
    float: left;
    background: #fff;
    padding:5px;
    margin-top:100px;
}

.signature-label
{
    font-size: 13px;
    font-weight: 400;
    width:100%;
    text-align: center;
    border-top:1px dotted #000;
    margin-top:40px
}

.signature-padd
{
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.btn-minimize
{
    background: none;
    border: none;
    color: #fff;
    padding:0px!important;
    position: absolute;
    right: 40px;
    top: 10px
}

.btn-minimize:focus
{
outline: none;
box-shadow: none; 
border: 0px; 
} 


.btn-minimize:before 
{
        content:"-";
      font-size: 20px;
      font-weight: 800
}

.btn-minimize.btn-plus:before 
{
    content:"+";
    font-size: 20px;
    font-weight: 800
}


.mdl-collapse
{
    width:300px!important;
    position: fixed;
    bottom:24px;
    left: 0px;
    box-shadow: none!important
}

.mdl-collapse .modal-header
{
    border-bottom: 0px;;
    border-radius: 0px!important;
    height: 40px;
    padding-top:14px;
}

.mdl-collapse .modal-header .modal-title
{
    font-size: 12px;
}

.mdl-collapse .modal-header .btn-minimize
{
    top: 9px
}

.mdl-collapsed-back .modal-backdrop.in
{
  opacity: 0!important  
}


.important-titleMDL
{
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.important-subtitlMDL
{
    font-weight: 600;
    text-align: left;
    
}


.ads-menuNav li
{
   font-weight: 400!important;
    font-size:13px!important;
}

.inputFilterSlide
{
    width:100%;
    border-radius:5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.09);
    height: 30px!important;
    margin-bottom:5px;
    color: #fff;
    padding-left: 5px;
    font-size:11px;
}

.inputFilterSlide:focus { 
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ceff;	
}

.color-Simbol

{
    
	width: 20px;
    
	height: 20px;
    
	float: left;
    
	border-radius: 25px;
    
	text-align: center;
    
	line-height: 2
        

}




.cont-colorSimbol

{
    
	height: auto;
    
	padding:5px;
    
	text-align: left;

}



.ColorSign

{
    
	color: #000;
    
	line-height: 1;
    
	margin-left:5px

}

td.urgente
{
    background: #f00!important;
    color: #fff;
}

td.prioritario
{
    background: #ff9300!important;
    color: #fff;
}

.sb-slidebar.sb-left.sb-especial-width.sb-active
{
    min-width:330px!important;
}

.btn-coldorFilter
{
    height: 25px!important;
    width:100%;
    margin-top:0px!important
}

.collapse-coldorFilter
{
margin-top:5px;
background: rgba(255, 255, 255, 0);
border:0px;
color: #fff;
    padding:0;
}

.coldor-ListFilter
{
    width:100%;
    float: left;
    height: auto;
    list-style: none;
    padding:0px;
    font-size: 12px;
    height: auto;
    max-height:300px;
    overflow: auto;
}

.coldor-ListFilter li
{
    margin-bottom: 0px!important;
    margin-top: 0px!important;
    padding:0px!important;
    height: 25px!important;
    float: left;
    width: 100%;
    line-height:2.1;
    padding-left:3px!important;
}

.checkbox.check-coldor-filter
{
    margin:0px;
}

.checkbox.check-coldor-filter span
{
    font-size: 12px!important;
    color: #fff!important;
    font-weight: 400!important;
}

.check-coldor-filter input
{
  position: relative;
  top: 3px
    
}

.coldor-ListFilter li:nth-child(odd)
{
    background: rgba(255, 255, 255, 0.1);
}

.checkbox.check-coldor-filter span:hover
{
    color: #9b9b9b!important;
}

.coldor-ListFilter::-webkit-scrollbar{
  width: 10px;
  background: rgba(255, 255, 255, 0);
}

.mdl-collapse .modal-content
{
    box-shadow: none!important;
    border-radius: 0px!important;
}

.modal-content .modal-header
{
    border-radius: 0px!important;
}

.td-icon
{
    font-size:18px!important
}


.thead-caret
{
    position: absolute;
    right: 10px;
    font-size: 15px!important
}


.caret-close
{
    transform: rotate(180deg)
}

.panelFilter
{
    background: rgba(255, 0, 0, 0);
    border:0px;
}

.panel-heading.panel-headFilter
{
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
}

.panel-titleFilter
{
    font-weight: 400!important;
    font-size: 13px
}

.checkbox .check-filterC
{
    font-size: 11px!important;
    color: #fff!important;
}

.check-filterC input
{
    position: relative;
    top: 0px
}


.checkbox.checkFilter-Cactus
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-left:5px; 
    float: left;
    width:100%;
    margin:0px;
}

.checkbox.checkFilter-Cactus:nth-child(odd)
{
    background: rgba(255, 255, 255, 0.08);
}

.checkbox.checkFilter-Cactus:hover
{
    background: rgba(255, 255, 255, 0.2); 
}

.check-pCliente
{
    font-size: 12px;
    font-weight: 600!important;
}

.check-pCliente input
{
    top:0;
}

.check_width .checkbox 
{
    width:auto;
    float: left;
    margin-right:35px;
}

.collapse.collapse-contacFill
{
    background: #fff;
    border:0px;
    float: left;
    width: 100%;
}

.well.well-contactFill
{
    float: left;
    width: 100%;
    margin-top:5px;
}

.panel-head-client
{
    background: #fbfbfb;
    box-shadow: none;
    border: 0px;
}


#Creditos .panel-default,
#Contactos .panel-default
{
    box-shadow: none;
    border-radius: 0px;
}


.panel-body .tooltip.top .tooltip-arrow,
.panel-body .tooltip.bottom .tooltip-arrow
{
    display:none;
}


.btn.btn-default.btn-coldorFilter
{
    background: rgba(255, 255, 255, 0.11)!important;
    text-align: left!important;
}

.btn.btn-default.btn-coldorFilter:hover
{
 background: rgba(255, 255, 255, 0.2)!important;   
}

.filter-iconCol
{
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 16px!important;
    color: #4290ca;
}


.plusContent i
{
    font-size: 14px;
}

.tableAcc tr
{
    color: #000!important
}

.UsersTd i
{
 font-size: 14px   
}

/*---------------------------------------*/


.panel-TDProductos
{
    border-radius: 0px!important;
    border:0px!important;
}

.panel-TDProductos .panel-default
{
    border-radius: 0px!important;
    border:0px!important; 
    margin: 0px!important
}

.panel-TDProductos .panel-default .panel-heading:nth-child(odd)
{
    background: #fff!important
}

.active-Prod
{
    background: rgba(152, 184, 61, 0.20);
}

.inactive-Prod
{
    background: rgba(255, 0, 0, 0.1);
}

.cont-select-filter
{
    float: left;
    width: 100%;
    margin-top:5px;
    background: rgba(255, 255, 255, 0.1);
    padding: 5px;
    color: #fff;
}

.slider.slider-horizontal
{
    width: 70%!important
}

.slider-track
{
    background: rgba(255, 255, 255, 0.48)!important;
}

.tableAcc
{
    min-width: 1000px;
}

.SimbolFueraPeriodo td,
.SimbolCCInactivo td,
.SimbolAuxiliares td,
.SimbolPendiente td,
.SimbolListoMayorizar td,
.SimbolDesbalanceado td
{
  font-family: sans-serif;
  font-weight: 600;
}

.SimbolPendiente
{
    color: #000;
/*    background: rgba(0, 0, 0, 0.1)!important;*/
}


.SimbolAuxiliares
{
    color: #001fff;
/*    background: rgba(0, 31, 255, 0.1)!important;*/
}

.SimbolListoMayorizar
{
    color:#26A65B;
/*    background: rgba(0, 208, 40, 0.2)!important;*/
}

.SimbolDesbalanceado
{
    color:#ce0000;
/*    background: rgba(222, 0, 0, 0.2)!important*/
}

.SimbolCCInactivo
{
    color:#00bbf7;
/*    background: rgba(0, 244, 244, 0.2)!important;*/
}


.SimbolFueraPeriodo
{
    color:#f99c0e;
/*    background: rgba(0, 191, 184, 0.2)!important;*/
}

.inputTDInv
{
    width: 100%;
    height: 34px;
    margin: 0px;
    border: 1px solid rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0);
    padding-right: 5px;
    padding-left: 5px;
    text-align: right;
}

.img-PrgDet
{
    width: 300px;
    float: right;
    height: auto;
    margin: 10px;
    margin-top:0px;
    margin-right: 0px;
    border: 10px solid rgba(149, 149, 149, 0.2);
}

.cont-textPrDe
{
    text-align: justify;
}

.td-iconProv
{
    font-size: 17px!important;
}

.cont-select-filter b
{
    margin-left:10px;
    margin-right: 0px!important
    
}

.cont-select-filter b:first-child
{
     margin-right:10px!important;
    margin-left: 0px!important
}

#form-name.prov-name
{
    font-weight: 600!important;
    font-size: 20px!important;
    background: #f3f3f3;
    padding: 3px;
    border-left: 10px solid;
    padding-left: 10px;
}

.num-fichasheading
{
    font-size: 12px;
    font-weight: 600!important;
    color: #969696;
    position: relative;
    top: -1px
}

.tabs-horizontal
{
    padding:0px!important;
}

.tabs-horizontal li 
{
    width:100%;
    border: 1px solid #dbdbdb;
}

.tabs-horizontal li a
{
    width:100%;
    border: 0px solid #eaeaea;
}

.panel-body .nav.nav-tabs.tabs-horizontal>li.active>a,
.panel-body .nav.nav-tabs.tabs-horizontal>li.active>a:hover,
.panel-body .nav.nav-tabs.tabs-horizontal>li.active>a:focus

{
    margin:0px!important;
    border-radius: 0px!important;
    background: rgb(247, 247, 247)!important;
    border:0px!important;
}

.FichBubble
{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    position: absolute;
    text-align: center;
    line-height: 1.5;
    top: 12px;
    right: 7px;
    font-size: 10px
}

.btn-default.btn-sm
{
    height: 30px!important;
    margin-top:0px!important;
    margin-bottom: 0px!important;
    line-height: 1!important;
    font-size: 11px!important
}

.input-group-addon.btn.btn-file
{
    width:100px;
    height: 30px!important;
}

.cont-fotosProv
{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    max-height: 400px;
    overflow: auto;
}

.fotos-Proveedor
{
    height: 200px;
    padding-top:5px;
    padding-bottom: 5px;
}

.inter-fotoProveedor
{
   float: left;
   width: 100%;
   height: 100%;   
   background: #f7f7f7;    
}

.head-fotoProveedor
{
    float: left;
    width: 100%;
    height: 35px;
    padding: 6px
}

.cont-imgProveedores
{
    width: 100%;
    float: left;
    height: 155px;
    padding: 5px 5px 7px 5px;
    text-align: center;
    line-height: 140px;
}

.cont-imgProveedores img
{
    max-width: 100%;
    max-height: 100%; 
    
}

.head-fotoProveedor label
{
    font-size: 12px;
    color: #fff;
    margin-left: 5px;
}

.imgActive
{
border: 3px solid;
}

.imgActive .cont-imgProveedores
{
    height: 148px;
    line-height: 135px;
}

.mapProveedor {
        width: 100%;
        height: 500px;
        margin-top:10px;
        float: left;
    background: #fafafa;
      }

.table-headFixed tbody tr td.TDInputIn
{
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.input-TableTD
{
    width: 100%;
    height: 34px;
    margin: 0px!important;
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0);
    padding-left:5px; 
    padding-right:5px;
    
}

input[type=date].form-control,
input[type=hidden].form-control,
.pikaday__display.pikaday__display--pikaday
{
height: 30px;
color: #000000;
font-weight: 400; 
margin-bottom: 5px;
font-family: arial;	
font-weight: normal;
width: 100%!important; 
/*box-shadow: none!important;*/
font-size: 12px;
border-radius: 5px;
border: 1px solid #c9c9c9;
padding-left: 10px
}

.pikaday__container
{
    width: 100%;
}



.menu-opcioneslateral .tooltip.bottom .tooltip-arrow
{
display: none!important;
}

.table-provContent
{
    width: 100%;
    float: left;
    overflow: auto;
}

.nom-Personal
{
    margin-top: 0px!important;
    text-align: left;
    font-size: 17px;
    font-weight: 600;
    
}

.cedPersonal
{
    color: #b1b1b1;
    font-size: 15px
}

.contenent-Form
{
    width: 100%;
    height: auto;
    border: 1px solid #e2e2e2;
    padding:5px;
    border-radius: 5px;
    float: left;
}



.cont-Form-Square
{
    border: 1px solid #e2e2e2;
    width: 100%;
    height: auto;
    padding: 5px;
    float: left;
}

.fotoPersonal
{
    height: 282px;
/*    border: 1px solid #e2e2e2;*/
    padding:5px;
    position: relative;
    background: #f6f6f6;
}


.fotoPer
{
    width: 100%;
    height: 200px;
    background: #fafafa;
    background-image: url(../../images/colaborador.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.btns-contentPhoto
{
    width: 100%;
    height: 40px;
    float: left;
/*    background: #f00;*/
    position: absolute;
    bottom: 5px;
    left: 0px;
    
}


.fotoPersonal .fileinput.fileinput-exists
{
    text-align: center;
}

.hover-preview
{
    width: 100%;
    height: 200px;
    background: #fff;
    position: absolute;
    top:0px;
    left: 0;
    opacity: 0;
    transition: all ease-in-out 0.7s;
    text-align: center;
    
}

.hover-preview .btn
{
    
    color: #fff;
    position: relative;
    top:50%;
    bottom: 50%;
    margin-top:-15px;
    transition: all ease-in-out 0.5s;
}

.hover-preview:hover
{
       opacity: 0.8;
}

.hover-preview .btn:hover
{
    background: #333;
    
}

.PhotoContentZoom
{
    width: 100%;
    float: left;
    height: auto;
    background: rgba(51, 51, 51, 0.66);
    border-radius: 0 0 5px 5px;
    padding:20px!important
}

.PhotoZoom
{
    width: 70%;
    height: auto;
    margin:0 auto;
    background: #fff;
    border: 5px solid #fff;
    
}

.headmdldiv
{
    color: #8b8b8b;
}

.table-headFixed tbody tr td.tdSelectCont
{
    padding-left:0px!important;
    padding-right:0px!important;
}

.form-control.TdSelect
{
    width:100%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 0px!important
}

.tdSelectCont .form-control.tdInput:focus,
.form-control.TdSelect:focus
{
 outline: none;
box-shadow: none; 
border: 1px solid #00ebff;
background: rgba(0, 226, 255, 0.2);  
border-radius: 0!important    
}

.mouse-Hovertable
{
    height: 30px;
    background: #ededed;
    margin-bottom: 5px;
    line-height: 2.2;
    padding-left:5px;
    padding-right:10px;
    color: #000;
    border-radius: 3px;
    font-weight: 600;
}

.btn.btn-default.btn-ConTD
{
    height: 25px!important;
    margin-top:0px!important;
    float: right;
    line-height: 0!important;
    margin: 0!important;
    font-size: 15px;
    position: absolute;
    top: 5px!important;
    right: 5px;
    padding-top: 0!important;
    background: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar:horizontal{
  height: 10px;
  background: #fff;
}

.Subt-sec
{
    font-size: 15px;
    font-weight: 600;
    margin-top:0px;
    margin-bottom: 5px;
    text-align: left;
    background: #f7f7f7;
    padding: 3px;
}

.btn.btn-Tidentificacion
{
    height: 30px;
    width:100%;
    text-align: center;
    line-height: 1.3;
    font-size: 12px;
    background: #fff;
    border: 1px solid #d6d6d6;
    transition: all ease-in-out 0.5s;
    margin-bottom: 5px;
}

.btn.btn-Tidentificacion:hover
{
     background: #f4f4f4;  
}

.tdcenter
{
    text-align: center;
}

.inputright,
.tdright
{
    text-align: right;
}

.inputleft,
.tdleft
{
    text-align: left;
}

.Subt-ter
{
    font-size: 14px;
    margin: 0;
    margin-bottom:5px;
    font-weight: 600;
}

.blinkButton {
  display: none;    
  width: 40px;
  height: 40px;
  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
position: absolute;
top:-7px;
left: -1px;    
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.filter-active
{
    position: relative;
}

.filter-active .blinkButton
{
    display: block;
}

.btn-addonGroup
{
    padding: 3px 10px;
    margin:0px;
    border-radius: 0 3px 3px 0;
    background: #e6e6e6;
    color: #000;
}

.input-group-addon.ig-AddonBTN
{
    padding:0px;
}

.popover-Password-header
{
    height: 40px;
    background: #333;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    float: left;
    width:100%;
    
}

.popover-content.popover-Pass
{
    padding:0px;
}

.popover-Password-header label
{
    color: #fff;
}

.popover-body
{
    float: left;
    width:100%;
    height: auto;
    padding:10px;
    border-radius: 0 0 5px 5px;
}

input[type=password]
{
    border-radius: 4px!important;
}


.form-group.btn-popoverPass .btn
{
    margin-top:0px;
    width:100%;
}

.content-form-G
{
    float: left;
    height: auto;
    width:100%;padding:3px;
    border: 1px solid #ececec;
    margin-bottom: 5px;
}

.logo-imReVac
{
    line-height: 140px
}


.imgReporte
{
    max-width: 90%!important;
    max-height: 90%!important;
    position: relative;
    width: auto!important;
}


.labelImpBold
{
    font-weight: 600;
}

.table-impr.tbl-impr-reporImp.thead-asientosDiarioImpr tr th
{
 font-size: 9px!important   
}

@media print
{
 .logo-imReVac
{
    line-height: 140px
}


.imgReporte
{
    max-width: 90%!important;
    max-height: 90%!important;
    position: relative;
    width: auto!important;
}


.labelImpBold
{
    font-weight: 600;
}
    
    .table-impr.tbl-impr-reporImp.thead-asientosDiarioImpr tr th
{
 font-size: 9px!important   
}
   
    
}

.dropdown-menu.inner.selectpicker li a span
{
    color: inherit;
    
}

.dropdown-menu.inner.selectpicker li a
{
    color: #000!important
}

.dropdown-menu.inner.selectpicker li a:hover
{
    color:#000!important
}

.dropdown-menu.inner.selectpicker li.selected a:hover
{
    color: #000!important
}

.pikaday__container
{
    width:100%!important;
}

.form-control.tdInput
{
    border-radius: 0px!important;
    height: 36px!important;
    margin-bottom: 0px!important;
    border:1px solid rgba(255, 255, 255, 0);
    width:100%!important;
    margin: 0px!important;
}

.tdSelectCont .pikaday__display.pikaday__display--pikaday.form-control
{
 border-radius: 0px!important;
    height: 36px!important;
    margin-bottom: 0px!important;
    border:1px solid rgba(255, 255, 255, 0);
    text-align: center;
}


.form-control.tdInput:focus,
.tdSelectCont .pikaday__display.pikaday__display--pikaday.form-control:focus
{
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ceff;
background: rgba(0, 216, 255, 0.08);
}

.hoja-impresion.oproduccion
{
    position: relative!important;
}

.tfootTableImpr tr td.TFImpTotals
{
     background-color:#e9e9e9!important;
}

@media print
{
    .report-name-rV
    {
        background-color: #000!important;
         -webkit-print-color-adjust: exact;
    }
    
    .label-DataRV
{
  
    background-color: #e9e9e9!important;
     -webkit-print-color-adjust: exact;

}
    
.tfootTableImpr tr td.TFImpTotals
    {
        background-color:#e9e9e9!important;
         -webkit-print-color-adjust: exact;
    }
    
.RVline
    {
        background-color: #8e8e8e!important;
        -webkit-print-color-adjust: exact;
    }
    
}


.tablecenterimg {
display: table;
height: 150px;
margin: auto;
text-align: center; 
float: left; 
padding:5px;    
}
.cellcenterimg{
display: table-cell;
vertical-align: middle;
}

.TSFLink
{
    color: #0089ff!important;
}

.checkbox .checkfilter
{
    color: #fff!important;
    font-size: 12px
}

.checkbox .checkfilter input
{
    top: 0px
}

.table-specPadding
{
    padding-right:10px!important
}

 .div-heightAuto h4.tabletitlemed
{
    margin: 0px!important;
    padding:5px;
    background: #545454;
    color: #fff!important;
}

.btn.btn-default.btn-filterClean
{
    margin-top:0px!important;
    float: right;
    height: 20px!important;
    padding:3px 10px!important;
    font-size: 11px;
    line-height: 0!important;
}


.btn-minimize:before,
.btn-minimize.btn-plus:before {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.btn-minimize:before,
.btn-minimize.btn-plus:before {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    font-size: 40px;
    margin-top:-10px;
}

.btn-minimize:hover:before,
.btn-minimize:focus:before

{
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

.filtroprueba
{
    width:49%;
    float: left;
    height: 400px;
    background: #fff;
    border: 1px solid #d1d1d1;
    padding:5px;
    overflow: auto;
}

.tablaprueba
{
    width: 51%;
    float: left;
    height: 400px;
    background: #fbfbfb;
    padding:5px;    
}

.toggle-in
{
    width:100%!important;
}

.btn-toggle-Cerrar:before
{
    content: 'Ocultar Filtros'
}

.btn-toggle-Abrir:before
{
    content: 'Mostrar Filtros'
}

.tCambioLink
{
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}

.tCambioLink i
{
    position: absolute;
    right: 15px;
    top: 6px
}

.change.change-link
{
    padding:2px;
    position: relative;
}

.ChangeType
{
    float: left;
    width:100%;
    height: auto;
    padding:5px;
}

.table-tCambio
{
    background: #fff;
}

.table-tCambio thead tr th
{
    color: #fff;
    text-align: center;
    padding:3px;
}

.table-tCambio tbody tr td
{
   padding:3px;
    position: relative;
}

.table-tCambio tbody tr td:first-child
{
    font-weight: 600
}

#change-menu
{
    position:fixed;
    right:0px;
    float:right;
    top:85px;
    background: #333;
    z-index: 99;
    width:350px;
}

.table-tCambio tbody tr td i
{
    position: absolute;
    left:5px;
    top:5px;
    font-size: 15px
   
}

.dis-notdis
{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 20px;
/*    font-weight: bold;*/
    color: #000;
    margin-top:5px;
}

.dis-notdis i
{
    color: #d00;
}

.contChangeTheme
{
    float: left;
    width: 100%;
    height: auto;
    padding:10px;
    background: #f9f9f9;
    margin-top:5px;
}

.themepic1
{
    height: 150px;
    border-radius: 15px 15px 15px 0;
    background-image: url(../../images/amarillo.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0);
    transition: all ease-in-out 0.5s
}

.themepic1 .color-themecircl
{
    width:30px;
    height: 30px;
    background: #fecb00;
    border-radius: 0  5px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding-top:5px
}

.color-themecircl i
{
    color: #333;
    font-size: 20px;
    opacity: 0;
    
}

.themepic1:hover
{
    opacity: 0.5;
    border: 2px solid #fecb00;
}

.themepic1.themepic-active i
{
   opacity: 1; 
}

.themepic2
{
    height: 150px;
    border-radius: 15px 15px 15px 0;
    background-image: url(../../images/verde.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0);
    transition: all ease-in-out 0.5s
}


.themepic2 .color-themecircl
{
    width:30px;
    height: 30px;
    background: #98b83d;
    border-radius: 0  5px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding-top:5px
}

.themepic2.themepic-active i
{
   opacity: 1; 
   color: #fff;    
}

.themepic2:hover
{
    opacity: 0.5;
    border: 2px solid #98b83d;
}

.cont-picTheme
{
    padding: 0  10px 0 0!important
}

.themepic3
{
    height: 150px;
    border-radius: 15px 15px 15px 0;
    background-image: url(../../images/rojo.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0);
    transition: all ease-in-out 0.5s
}


.themepic3 .color-themecircl
{
    width:30px;
    height: 30px;
    background: #d80007;
    border-radius: 0  5px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding-top:5px
}

.themepic3.themepic-active i
{
   opacity: 1; 
   color: #fff;    
}

.themepic3:hover
{
    opacity: 0.5;
    border: 2px solid #d80007;
}


.themepic4
{
    height: 150px;
    border-radius: 15px 15px 15px 0;
    background-image: url(../../images/azul.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0);
    transition: all ease-in-out 0.5s
}


.themepic4 .color-themecircl
{
    width:30px;
    height: 30px;
    background: #4290ca;
    border-radius: 0  5px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding-top:5px
}

.themepic4.themepic-active i
{
    opacity: 1; 
    color: #fff;    
}

.themepic4:hover
{
    opacity: 0.5;
    border: 2px solid #4290ca;
}

.btn-input-in
{
    padding:0 5px;
}

.sb-slidebar.sb-left.sb-especialWidth
{
    width:400px;
    padding:5px;
    padding-bottom: 60px;
    padding-top:55px
}

.cont-filterSpecial
{
    width:100%;
    float: left;
    height:100%;;
    padding:5px;
    background: rgba(255, 255, 255, 0.06);
    overflow: auto;
}

.input-filter-Spec[readonly],
.input-filter-Spec
{
    background: rgba(255, 255, 255, 0.06)!important;
    border:1px solid  rgba(255, 255, 255, 0.17)!important;
    color: #fff!important;
}

.input-filter-Spec:focus
{
    outline: 0px solid rgba(17, 182, 255, 0.1)!important;
    box-shadow: none!important;
    border: 1px solid #00ceff!important;
    background: rgba(0, 216, 255, 0.08)!important;	  
}

.input-filter-Spec[readonly]:focus
{
    outline: 0px solid rgba(17, 182, 255, 0.1)!important;
    box-shadow: none!important;
    background: rgba(255, 255, 255, 0.06)!important;
    border:1px solid  rgba(255, 255, 255, 0.17)!important; 
}

.asc-nomov
{
    float: right;
    transform: rotate(90deg);
}

.desc-nomov 
{
    float: right;
    transform: rotate(270deg);
}

.cont-filterSpecial::-webkit-scrollbar
{
    width: 5px;
    background: #fff;
}

.label-appFilter
{
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    margin-bottom:0px;
}

.table-headFixed.table-c-exp tbody tr.TD-disponible a,
.table-headFixed.table-c-exp tbody tr.TD-disponible
{
    color: #000!important;
}

.table-headFixed.table-c-exp tbody tr.TD-nodisponible a,
.table-headFixed.table-c-exp tbody tr.TD-nodisponible 
{
    color: #960000!important;
}


.table-headFixed.table-c-exp tbody tr.TD-disponible a:hover,
.table-headFixed.table-c-exp tbody tr.TD-disponible:hover
{
    color: #000!important; 
}

.table-headFixed.table-c-exp tbody tr.TD-nodisponible a:hover,
.table-headFixed.table-c-exp tbody tr.TD-nodisponible:hover
{
    color: #960000!important; 
}

.simbologia-tabla
{
    width: 100%;
    height: 40px;
    float:left;
    padding:5px;
    text-align: right;
}

.squared-simbol-dis i
{
    margin-right:5px;
}

.squared-simbol-dis label
{
    font-size: 13px
}

.cont-filterSpecial .form-group  .label-filter-select.link-label a
{
    color: #fff!important
}

.btn-default.btn-mini
{
    padding: 0px!important;
    height: 20px!important;
    margin-top:0px!important;
    float: right;
    line-height: 1!important;
    font-size: 11px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
}

.desactivar:hover,
.desactivar
{
    background: rgb(47, 47, 47)!important;
    color: #505050!important;
    border-bottom: 1px solid!important;
}

.desactivar span
{
   color: #505050!important;
   border: 2px solid #505050!important;
}

.app-modal-list li
{
    width:300px!important;
    font-size: 12px
}

.app-modal-list li.btnapp-inactivo:hover,
.app-modal-list li.btnapp-inactivo
{
    background: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.19);
}

.app-modal-list li.btnapp-inactivo span
{
    color:rgba(0, 0, 0, 0.19)!important; 
}

.table-bimpr.tbl-reporte-imp .special-trDou td
{
    border:0px!important
}

.tr-observacion
{
    border-bottom: 1px solid #000!important;
}

.foot-print div
{
    padding:0px!important
}

.foot-print label
{
    font-size: 10px!important;
    text-align: center!important;
}


.check-content-cbr
{
    width:100%;
    height: auto;
    float: left;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #e3e3e3
}

.report-number-rV.subSpecial-Rporte
{
    margin: 5px!important
}

.chkSpecialTop label input[type=radio]
{
    margin-top:-3px;
}

.calwidth
{
    height:129px!important;
}

.search-LG-Content
{
    width:100%;
    height: auto;
    float: left;
}

.quickSearchInp
{
    padding-right: 0px!important
}

.quickSearchInp input
{
    border-radius: 5px 0 0 5px!important
}

.btn.btn-default.btn-searchQuick
{
    margin-top:0px!important;
    border-radius: 0 5px 5px 0;
    height: 30px!important;
    line-height: 1.6!important;
    width:100%;
}

.quickSearchBtn
{
    padding-left:0px!important
}

.mdlLGPagination
{
    height:auto:
}

.paginationMdl
{
    margin:0px!important;
    float:left;
}


.menu-factEncabezado
{
    width: 100%;
    height: 20px;
    float: left;
    background: #f00;
}

.form-appFact
{
    width:100%;
    height: auto;
    padding:0px;
    float: left;
}

.appFact-items
{
    padding:5px 20px;
    background: rgba(251, 251, 251, 0);
    float: left;
    width:100%;
    height: auto;
}

.appFact-label
{
    width:100%;
    font-size: 11px;
    margin: 0px;
    padding:0px!important;
    font-weight: 600!important;
}


.form-groupApp .form-control.input-appFact
{
    background: rgba(255, 255, 255, 0.6);
    height: 40px!important;
    margin-bottom: 0px!important;
    border: 1px solid rgb(212, 212, 212);
    padding-top:8px;
    font-size: 13px;
}

.form-groupApp .form-control.input-appFact:focus,
.liPage .form-groupApp input.pikaday__display.pikaday__display--pikaday.form-control:focus,
.liPage .form-groupApp input:focus,
.liPage .form-control.input-appFact:focus
{
    outline: none;
    box-shadow: none; 
    border-bottom: 1px solid #00e2ff; 
    border-top: 1px solid rgba(212, 212, 212, 0);    
    border-left: 1px solid rgba(212, 212, 212, 0);    
    border-right: 1px solid rgba(212, 212, 212, 0);    
    background: rgba(0, 226, 255, 0.07);
}

.input-group-addon.addon-Spec
{
    padding:0px 5px;
    border: 0px; 
    background: #f7f7f7; 
    border: 1px solid rgb(212, 212, 212);    
}

.btn-specAddon
{
    background: #f7f7f7;
    padding: 3px 10px;
    font-size: 20px;
}

.btn-specAddon:focus
{
    outline: none;
    box-shadow: none; 
    border: 1px solid #00e2ff;
}

.table.tableAgrProds tr td
{
    padding-top:15px!important;
    padding-bottom: 15px!important;
}


.table.tableAgrProds .tdPlusSign
{
    padding:12px 0!important;
}

.tdPlusSign i
{
    font-size: 20px;
}

.table.tableAgrProds
{
    width:100%;
    max-width: 100%;
}



.table.tableAgrProds tr:hover
{
    background: #ececec;   
}

.search-iconFact
{
    width:10%;
    float:left;
    height:40px;
    font-size:20px;
    padding-top: 10px;
    text-align:center    
}

.ProdSeleccionado
{
    background:#e7e7e7;
}

.ProdSeleccionado  td
{
   font-weight: 600 
}

.ProdSeleccionado .tdPlusSign i
{
    color:#a7a7a7; 
}

.searchbox
{
    position:relative;
    height:35px;
    width:100%;
    float:right;
}

.searchbox-input
{
    position:absolute;
    top:0;
    right:0;
    border:0;
    outline:0;
    width:100%;
    height:35px;
    margin:0;
    padding-left: 20px;
    font-size:13px;
    color:#fff;
    border-radius: 5px;
    z-index: 2
}

.searchbox-input::-webkit-input-placeholder 
{
    color: #cbcbcb;
}

.searchbox-input:-moz-placeholder
{
    color: #cbcbcb;
}

.searchbox-input::-moz-placeholder 
{
    color: #cbcbcb;
}

.searchbox-input:-ms-input-placeholder 
{
    color: #cbcbcb;
}

.searchbox-icon,
.searchbox-submit
{
    width:35px;
    height:35px;
    display:block;
    position:absolute;
    top:0;
    font-family:verdana;
    font-size:20px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:35px;
    text-align:center;
    cursor:pointer;
    color:#dcddd8;
    z-index: 3    
}

.searchbox
{
    position:relative;
    min-width:35px;
    width:0%;
    height:35px;
    float:right;
    overflow:hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}


.searchbox-open
{
    width:100%;
}

.btn-encFac
{
    width:35px;
    height:35px;
    display:block;
    position:absolute;
    font-family:verdana;
    font-size:20px;
    right:40px;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:35px;
    text-align:center;
    cursor:pointer;
    color:#dcddd8;
    background:#172b3c;
    border-right: 1px solid #6d6d6d;    
}

.btn-encFac2
{
    width:50px;
    height:50px;
    display:block;
    position:absolute;
    font-family:verdana;
    font-size:20px;
    right:110px;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    color:#dcddd8;
    background:#172b3c;
    border-right: 1px solid #6d6d6d;    
}

.labelEnc-Fact
{
    height: 50px;
    margin-bottom: 0px;
    line-height: 7;
    font-size: 12px;
    color: #ababab;
}

.labelEnc-Fact b
{
    font-weight: 600;
    color: #000;
    
}

.nav-paginFact
{
    width:255px;
    height: 45px;
    text-align: center;
    padding: 5px;
    margin:0 auto!important
}

.btn-pagination
{
    width:35px;
    height: 100%;
    float: left;
    line-height: 2.5;
    
}

.btn-pagination:first-child
{
    border-radius: 5px 0 0 5px;
}

.btn-pagination:last-child
{
    border-radius: 0 5px  5px 0;
    border-right: 0;
}

.modal-dialog.modal-lg.mdlDetalleProductos
{
    height: 100%;
    top:0!important;
}

.tfootFact tr td
{
    background: #fff;
}

.tfootFact tr td:first-child
{
    background: rgba(0, 0, 0, 0);
}

.tfootFact tr,
.tfootFact tr td
{
    border:0!important;
    padding:5px!important
}

.tfootFact tr td.border-table-Fac
{
    border: 1px solid #e5e4e4!important;
}

.tfootFact tr td.border-top-tableFact
{
  border-top: 1px solid #e5e4e4!important;  
}

.tdTotalFact
{
    font-size:14px;
    font-weight:600;
}

.content-sbSpecial
{
    width:100%;
    height: 100%;
    float: left;
    padding-top:70px;
}

.header-appFac
{
    width: 100%;
    height: 34px;
    float: left;
    background: #333;
    padding:0 10px;
}

.cont-pages
{
    width:100%;
    margin:0px;
    height:410px;
    position:relative;
    top:0px; 
    overflow:auto;
    float: left;
}

.tabSpecial
{ 
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    float: left;
    padding:5px 0;
    font-size: 12px;
    margin-right: 10px;
    width:120px;
    text-align: center;
    cursor: pointer;
}

.cont-pages li.liPage
{ 
    position:absolute; 
    left:0px; top:0px; 
    width:100%; 
    height:auto;
    padding:5px;
    background: #e5e5e5;
    float: left;
}


.header-noFac
{
    width:100%;
    height: auto;
    margin:0;
    float: left;
    padding:5px 10px;
    position: relative;
}

.header-noFac label
{
    text-shadow: none;
    font-size: 13px;
    margin: 0px;
    padding: 0;
    width: 100%;
    padding-left:12px
}

.header-noFac label span
{
    font-weight: 300;
    font-size: 12px;
}


.header-noFac label i
{
    position: absolute;
    font-size: 25px;
    cursor: pointer;
    right: 45px;
    top:5px;
    transition: all ease-in-out 0.5s;
}

.header-noFac label i.i2
{
    position: absolute;
    font-size: 25px;
    cursor: pointer;
    right: 15px;
}


.form-groupApp
{
/*    width:100%;*/
    margin:0;
    float: left;
    height: 65px;
}

.form-groupApp label
{
    width:100%;
    padding:0;
    margin:0px;
    font-size: 12px;
    font-weight: 600;
}


.liPage .btn.dropdown-toggle.selectpicker.btn-select,
.liPage .form-groupApp input.pikaday__display.pikaday__display--pikaday.form-control,
.liPage .form-groupApp input
{
    width:100%;
    height: 40px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    padding-right: 10px;
}


.border-App
{
    float: left;
    width:100%;
    height: 100%;
    padding:5px;
    background: #fff;
    position: relative;
}

.AgreProds
{
    width:100%;
    height: 45px;
    float: left;
/*
    position: absolute;
    bottom: 0;
    left: 0;
*/
}


.btn.btn-agrArt
{
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    color: #fff;
    font-weight: 400!important;
    font-size: 12px
}


.AppTableContent
{
    float: left;
    width:100%;
    height: 100%;
    padding-bottom: 75px;
    overflow: auto;
    
}

.table-appFact
{
    width:100%;
    max-width: 100%;
}

.table-appFact thead tr
{
    background: #d8d8d8!important;
}

.table-appFact thead tr th
{
    padding:3px;
    text-align: center;
    font-weight: 600;
}

.total-articulos
{
    width:100%;
    position: absolute;
    height: 30px;
    background: #b5b5b5;
    bottom:45px;
    left: 0;
    padding:6px 10px
}

.totalesTableFac tr td
{
    font-weight: 600;
    font-size: 13px;
    padding:0px!important;
    text-align: right;
    border:0!important
}

.totalesTableFac
{
    border:0!important
}

.MdlAgregaArt
{
    width:100%;
    margin:0px!important;
    height: 100%;
    margin-top:0px;
}

.MdlAgregaArt .modal-content
{
    width:100%;
    height: 100%;
    border-radius: 0;
    margin-top:0px!important
}

.modl-headContent
{
    width:100%;
    float: left;
    height: 50px;
    background: #333;
    padding:7px;
    position: relative;
    border-top: 1px solid #484848;
    border-bottom: 3px solid #fecb00;
}


.label-mostrFact
{
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 15px;
    top:17px;
}


.cont-tableAgregarArt
{
    width:100%;
    float: left;
    height: 100%;
    background: #f7f7f7;
    overflow: auto;
}

.iInputCont
{
    padding:0px!important;
    padding-top:5px!important
}

.iInputCont i
{
    font-size:20px;
    color:#bababa;
}

.agregFooter
{
    width:100%;
    position: absolute;
    height: 50px;
    bottom:0;
    left: 0;
    background: #333;
    padding:15px 10px;
    color:#fff;
}

.agregFooter label
{
    font-size: 12px;
    text-align: right;
    width:100%;
}

.agregFooter label span
{
    color:#fecb00;
}

.table-agreProdFac
{
    width: 100%;
    float: left;
    height: 83%;
    overflow: auto;
}

.tabSpecial:hover
{
    border-radius: 3px 3px 0 0;
}

.estado-acpersonal
{
    width: 100%;
    text-align: right;
    padding-top: 5px;
    font-weight: 600;
}

.estado-acpersonal.ea-NoAplicada 
{
    color: #f00;
}


.subtitle-rep
{
    font-size: 16px
}

.table-bimpr.tbl-reporte-imp.table-imp-sinBorders tr td
{
    border:0px!important;
    padding:3px 5px!important;
    border-bottom: 1px solid #d3d3d3!important;
}

.table-bimpr.tbl-reporte-imp.table-imp-sinBorders tr td.tdLabelImprimir
{
    background: #e9e9e9!important;
    border-bottom: 3px solid #ffffff!important;
}


.form-group.fg-RV .especBold
{
    font-weight: 800!important;
}

.theadBorderedSpec
{
    border-right:1px solid #fff!important;
}

.table-impr.tbl-impr-reporImp tr th
{
    border-right: 1px solid #969696!important;
    background: #000!important
}

.table-impr.tbl-impr-reporImp tr th:last-child
{
    border-right: 1px solid #000!important;
}

.table-impr.tbl-impr-reporImp tr th:first-child
{
    border-left: 1px solid #000!important; 
}


.table-impReport .tfootTableImpr tr td,
.table-bimpr.tbl-reporte-imp tr td
{
    border:0px!important;  
}

.table-impReport .tfootTableImpr tr td
{
    background: #ebebeb!important;  
}


.table-impReport.tableWidthBorders tr td
{
    border: 0.1em solid #d3d3d3!important;
}



/* MEDIA PRINT - IMPRESION DE LOS REPORTES */
@media print 
{

.table-bimpr.tbl-reporte-imp.table-imp-sinBorders tr td
{
    border:0px!important;
    padding:5px!important;
    border-bottom: 1px solid #d3d3d3!important;
    -webkit-print-color-adjust: exact; 
}
    
.table-bimpr.tbl-reporte-imp.table-imp-sinBorders tr td.tdLabelImprimir
{
    background: #e9e9e9!important;
    border-bottom: 3px solid #ffffff!important;
    -webkit-print-color-adjust: exact; 
}  
    
.form-group.fg-RV .especBold
{
    font-weight: 800!important;
    -webkit-print-color-adjust: exact; 
}
    
.theadBorderedSpec
{
    border-right:1px solid #000!important;
    -webkit-print-color-adjust: exact;
}  
    
.table-impr.tbl-impr-reporImp tr th
{
    border-right: 1px solid #000!important;
    background-color: #c3c3c3!important;
    color:#000!important;
    -webkit-print-color-adjust: exact;
}

.table-impr.tbl-impr-reporImp tr th:last-child
{
    border-right: 1px solid #000!important;
    -webkit-print-color-adjust: exact;
}

.table-impr.tbl-impr-reporImp tr th:first-child
{
    border-left: 1px solid #000!important;
    -webkit-print-color-adjust: exact;
}
    
.table-impReport .tfootTableImpr tr td,
.table-bimpr.tbl-reporte-imp tr td
{
    border:0px!important;
    -webkit-print-color-adjust: exact;
}

.table-impReport .tfootTableImpr tr td
{
    background-color: #ebebeb!important; 
    -webkit-print-color-adjust: exact;
}
    
.table-impReport.tableWidthBorders tr td
{
    border: 0.1em solid #d3d3d3!important;
    -webkit-print-color-adjust: exact;
}    

} 
/* FIN MEDIA PRINT - IMPRESION DE LOS REPORTES */

.contenedorTabla
{
    float: left;
    width:100%;
    height: auto;
    overflow: auto;
}

.btn.btn-default.btnSpec-grid
{
    margin-top: 0px!important;
    height: 30px!important;
    padding-top:0px!important;
    line-height: 2.6!important;
    width:100%;
    
}

.btn.btn-default.btn-printReport
{
    font-size: 20px;
/*   background: rgba(255, 255, 255, 0.2); */
/*   border: 1px solid rgba(255, 255, 255, 0.3);*/
/*   color: #f00;*/
    position: relative;
    left: -50px;
    transition: all ease-in-out 0.5s;
    height: auto!important;
    padding:10px!important;
    line-height: 0!important;
    opacity: 0;
    margin:5px!important;
    width: 40px;
}

.barra-ImprimirMdl
{
    width:60px;
    height:120px;
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    z-index: 2;
    top:65px;
    left: 0;
    opacity:0;
    transition: all ease-in-out 0.8s;
    text-align: center;
    padding:10px;
    border-radius: 0 5px 5px 0;
/*
    left: 50%;
    margin-left: -75px!important;
*/
    
}

.med-reporte:hover .barra-ImprimirMdl,
.mdl-impresion-reporte:hover .barra-ImprimirMdl
{
    opacity: 1
}

.med-reporte:hover .btn.btn-printReport,
.mdl-impresion-reporte:hover .btn.btn-printReport
{
    left: -5px; 
    opacity: 1;
}

.btn.btn-default.btn-printReport:focus
{
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ceff!important;	
}

.btn.btn-agrArt
{
transition: all ease-in-out 0.5s;
}

.btn.btn-agrArt:focus
{
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow: none;
border: 1px solid #00ceff;
border-radius: 0px!important
}

.table.totalesTableFac tr .td-specColor
{
    color:#5a5a5a!important;
    font-weight: 600!important;
}

.total-articulos
{
    padding-top:8px;
}

@media print {
    #Header, #Footer { display: none !important; }
}

.tableContntFact
{
    width:100%;
    height: auto;
    float: left;
    max-height: 350px;
    overflow: auto;
    
}

.tfoot-AppAfact .head-Fixed,
.head-Fixed.head-FixedApp
{
    padding:5px!important;
    height: 23px!important;
}

.thead-first-fixed.theadAppFact
{
    padding-top:23px;
    border-radius: 0px;
    background: #a5a5a5!important;
    padding-bottom:23px;
}

.table-headFixed .tbodyAppFact tr td
{
    padding:0 3px!important;
    height: 25px;
}




.toggle-square-filled.table-headFixed .tbodyAppFact tr:hover
{
    background: #c0c0c0!important;
    color: #fff!important;
}

.AgrefactApp
{
    position: absolute;
    bottom:0px;
    left: 0
}


.cont-factAppLg
{
    float:left; 
    margin-bottom:0px;
    background:#fff;
    padding-top:5px;
    border:1px solid #dedede;
    margin-top:5px;
}

.PhotoZoom img
{
    width:100%;
    height: auto;
    
}

.mdl-ZoomPhoto .modal-content
{
 float: left;
width:100%;
    height: auto;
    
}

.btn.btnInpExo
{
   width:19%;
    height: 35px;
    margin:0!important;
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    text-align: center;
    font-size: 15px;
    padding:0!important;
    line-height: 1!important;
}


.btn.btnInpExo:focus,
.btn.btnInpExo:hover
{
    outline: none;
    box-shadow: none;
    border: 0px;
    background: rgba(0, 0, 0, 0.08);
}

.MdlDobleImpresion
{
    width:98%;
    top:-15px;
}

.cont-dobleImpr
{
    width:100%;
    border-radius: 0px;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 0px;
}

.med-reporte
{
    height: auto;
    padding:5px;
    float: left;
    background: #e6e6e6;
}

.border-rep
{
    border: 1px solid #d0d0d0;
    float: left;
    width:100%;
}

.headDobleRep
{
    width:100%;
    float: left;
    height: 30px;
    background: #333;
}

.border-rep .headDobleRep h5
{
    height: 100%;
    margin:0;
    width:100%;
    float: left;
    padding: 8px;
    color: #fff!important;
}


.content-RepoDob
{
    width:100%;
    float:left;
    height: auto;
    padding: 5px;
    background: #fff;
    overflow: auto;
    max-height: 530px
}

.table-bimpr.tbl-reporte-imp tr td.tdcenter
{
    text-align: center!important;
}


.table-bimpr.tbl-reporte-imp tr td.tdright
{
    text-align: right!important;
}

.table-bimpr.tbl-reporte-imp tr td.tdleft
{
    text-align: left!important;
}


.med-reporte:first-child
{
    border-right: 1px solid #afafaf;
}

.hoja-impresion.oproduccion.dobleImpresion
{
    width:100%
}

.hoja-impresion.oproduccion.dobleImpresion .encabezado-imReVac h3
{
    font-size: 13px
}

.hoja-impresion.oproduccion.dobleImpresion .encabezado-imReVac .report-name-rV
{
    font-size: 11px!important
}

.hoja-impresion.oproduccion.dobleImpresion .table.table-bordered.table-impReport.tableWidthBorders 
{
    width:100%!important;
    margin-bottom:0px!important;
    margin-top:-10px!important;
    float:left;
}

.hoja-impresion.oproduccion.dobleImpresion .table.table-bordered.table-impReport.tableWidthBorders tr td,
.hoja-impresion.oproduccion.dobleImpresion .table.table-bordered.table-impReport.tableWidthBorders tr th
{
    font-size: 7px!important
}


.dobleImpresion  .logo-imReVac img
{
    width:70%!important
}

.hoja-impresion.oproduccion.dobleImpresion .label-DataRV,
.hoja-impresion.oproduccion.dobleImpresion .label-numRV
{
   font-size: 7px; 
}


.hoja-impresion.oproduccion.dobleImpresion  .foot-print .foot-RV-user
{
    font-size: 9px!important
}


.btn.btn-input.btnI-inactivo
{
    background: rgba(255, 255, 255, 0)!important;
    color: #eeeeee;
    border: 1px solid rgba(255, 255, 255, 0);
    cursor: no-drop;
    
}

.btn.btn-input.btnI-inactivo:hover,
.btn.btn-input.btnI-inactivo:focus
{
    background: rgba(255, 255, 255, 0)!important;
    color: #eeeeee;
    border: 1px solid rgba(255, 255, 255, 0);
    outline: none;
    box-shadow: none;
    
}

.imprTitAgrupado
{
    padding:3px;
    background: #f0f0f0;
}

.TColaborades
{
    font-size: 11px;
    text-transform: none;
    float:right;
    font-weight: 400;
    margin-right:10px;
}

.TColaborades b
{
    font-weight: 600!important;
    font-size: 12px;
}


.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td
{
    font-size: 9px!important;
    border: 0px!important;
}

.toggle-square-filled.table-headFixed tr .collapseTD
{
   padding:0px!important;
   height: auto!important;
   border: 0px!important        
}

.collapseTD .well

{
  margin:0px!important;
  background: #fff;
    border:0px;
    border-radius: 0;
    padding:0px;
/*    border-bottom: 3px solid #9f9f9f;*/
/*    border-top: 3px solid #919191;*/
    padding:5px;
}

.thead-first-fixed table .tableinnerTD tr th
{
    color:#000!important;
    font-weight: 600;
    height: 30px!important;
    padding: 0 5px;
    line-height: 30px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.table.tableinnerTD thead tr 
{
    background: #c7c7c7!important;
    height: 30px!important;
}

.thead-first-fixed table .tableinnerTD tr td
{
    border:0px!important;
    height: 30px;
    line-height: 30px;
/*    background: #fff;*/
    color:#000!important
}




.thead-first-fixed table .tableinnerTD tbody tr:hover
{
    background: #cbcbcb!important;
    color:#000!important;
}

.thead-first-fixed table .tableinnerTD tbody tr:nth-child(odd):hover
{
    background: #cbcbcb!important;
    color:#000!important;
}


.table-headFixed-content.tableWithInnerTab .thead-first-fixed .container-table-fixed
{
    max-height: 2000px!important;
}



.btn.btn-plusTD:hover
{
    color: #fff!important;
}

.btn.btn-plusTD:focus
{
    box-shadow: none;
}

.thead-first-fixed table .tableinnerTD tbody tr:nth-child(odd)
{
    background: #f0f0f0!important
}

.table-headFixed tbody tr.TR-Pendiente td a
{
    color: #f00!important;
    font-weight: 600!important;
}

.table-headFixed tbody tr.TR-Aprobado td a
{
    color: #0f8600!important;
    font-weight: 600!important;
}

.table-headFixed tbody tr.TR-Aplicado td a
{
    color: #000!important;
    font-weight: 600!important;
}

.table-headFixed tbody tr.TR-Vencido td a
{
    color: #e08a00!important;
    font-weight: 600!important;
}




.Simbologia-Colores
{
    float: left;
    height: auto;
    width:100%;
    text-align: right;
}

.Simbologia-Colores span 
{
   margin-left:10px;
    font-size: 12px;
}

.Simbologia-Colores span i
{
    margin-right: 5px;
}

.Simbologia-Colores span:first-child i
{
    color:#f00;
}

.Simbologia-Colores span:nth-child(2) i
{
    color:#0f8600;
}

.Simbologia-Colores span:nth-child(3) i
{
    color:#000;
}

.Simbologia-Colores span:nth-child(4) i
{
    color:#e08a00;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top
{
    width:250px!important;
    padding:5px;
    height: 
}

 .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days table
{
    width:100%;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days table tr td
{
    border:0px!important;
    border-radius: 0!important
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days tr .datepicker-switch, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days tr .next,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days tr .prev, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-months tr .datepicker-switch, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-months tr .next, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-months tr .prev, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years tr .datepicker-switch, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years tr .next, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years tr .prev
{
    background: #fff!important;
    font-weight: 600;
    border:0!important;
    text-align: center;
    border-radius: 0!important;
    border: 0!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days .dow,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days table tr th,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days th,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days .dow:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days table tr th:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days th:hover
{
    background: #333!important;
    border:0!important;
    text-align: center;
    padding: 3px 5px!important;
    color: #fff!important;
    border-radius: 0!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.day
{
    background: #f6f6f6!important;
    text-align: center;
    font-weight: 600;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.old.disabled.day,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.new.day,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.old.day,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.old.disabled.day:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.new.day:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.old.day:hover
{
    background: #fff!important;
    color: #d6d6d6!important;
    font-weight: 400!important;
    border-radius: 0!important;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top  table tr td.today, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top table tr td.today:hover, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top table tr td.today.disabled,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top table tr td.today.disabled:hover
{
    border:0px!important;
    background: #f6f6f6!important;
    font-weight: 600;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.day:hover
{
    background: #f3f2f2!important;
    text-align: center;
    font-weight: 600;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.active.day
{
    border-radius: 5px!important;
    text-shadow: none!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-months table,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years table
{
  width:100%!important;
  background: #fff!important;    
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-months table tr td,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years table tr td
{
    border:0px!important
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-months table tr td span,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years table tr td span
{
    font-weight: 600!important;
    transition: all ease-in-out 0.5s;
    color: #000!important
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-months table tr td span:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-years table tr td span:hover
{
    font-weight: 600!important;
    background: #f0f0f0!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top > div
{
    background: #f6f6f6 !important;
}

/*---------------*/


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom
{
    width:250px!important;
    padding:5px;
    height: 
}

 .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days table
{
    width:100%;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days table tr td
{
    border:0px!important;
    border-radius: 0!important
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days tr .datepicker-switch, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days tr .next,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days tr .prev, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-months tr .datepicker-switch, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-months tr .next, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-months tr .prev, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-years tr .datepicker-switch, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-years tr .next, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-years tr .prev
{
    background: #fff!important;
    font-weight: 600;
    border:0!important;
    text-align: center;
    border-radius: 0!important;
    border: 0!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days .dow,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days table tr th,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days th,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days .dow:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days table tr th:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days th:hover
{
    background: #333!important;
    border:0!important;
    text-align: center;
    padding: 3px 5px!important;
    color: #fff!important;
    border-radius: 0!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.day
{
    background: #f6f6f6!important;
    text-align: center;
    font-weight: 600;
    color: #000!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.old.disabled.day,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.new.day,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.old.day,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.old.disabled.day:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.new.day:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.old.day:hover
{
    background: #fff!important;
    color: #d6d6d6!important;
    font-weight: 400!important;
    border-radius: 0!important;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom  table tr td.today, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom table tr td.today:hover, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom table tr td.today.disabled,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom table tr td.today.disabled:hover
{
    border:0px!important;
    background: #f6f6f6!important;
    font-weight: 600;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.day:hover
{
    background: #f3f2f2!important;
    text-align: center;
    font-weight: 600;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.active.day
{
    border-radius: 5px!important;
    text-shadow: none!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-months table,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-years table
{
  width:100%!important;
  background: #fff!important;    
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-months table tr td,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-years table tr td
{
    border:0px!important
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-months table tr td span,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-years table tr td span
{
    font-weight: 600!important;
    transition: all ease-in-out 0.5s;
    color: #000!important
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-months table tr td span:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-years table tr td span:hover
{
    font-weight: 600!important;
    background: #f0f0f0!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom > div
{
    background: #f6f6f6 !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom
{
    background: #fff!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.disabled.day, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .datepicker-days td.disabled.day:hover,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.disabled.day, 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top .datepicker-days td.disabled.day:hover
{
    background: #fbfbfb!important;
    color: #d4d4d4!important;
}


.cont-logo
{
    height: 130px;
    padding:10px;
    text-align: center;
}

.companyName
{
    height: 130px;
    position: relative;
    padding:10px;
    padding-top: 50px
    
}


.companyName h6,
.companyName h4
{
    width:100%;
    float:left;
    text-align: left;
    margin:0px;
    font-weight: 600;
}

.letterSpace
{
    width:100%;
    height: auto;
    padding:0 10px;
    float:left;
    height:auto;
}



.letterSpace label
{
    float:right;
    font-size: 12px;
}

.letterSpace h6
{
    float:left;
    width:100%;
    font-size: 14px;
    font-weight: 600;
    margin-top:60px
}

.letterSpace p
{
    float:left;
    font-size: 12px;
    margin-top:30px
}

.letterSpace p span
{
    font-weight: 600;
}

.letterSpace h6.emisorLetter
{
    margin-top:10px;
}

.letterSpace h4
{
    float: left;
    font-size: 12px;
    margin:0;
    font-weight: 600;
}

.letterfooter
{
    width:100%;
    height: 110px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding:10px;
}

.emisorFooter
{
  
    width:100%;
    height: 110px;
    position: absolute;
    bottom: 140px;
    left: 0;
    padding:50px 90px;  
}

.letterfooter label
{
    width:100%;
    margin:0;
    font-size: 11px;
    text-align: right;
    float: left;
    padding-right: 10px;
    
}

.letterfooter label:first-child
{
    font-weight: 600;
}


@media print {
    
.label-DataRV.labelFechaIns
    {
       background: #fff!important;
          -webkit-print-color-adjust: exact; 
    }

.companyName h6,
.companyName h4
{
    font-weight: 600;
    -webkit-print-color-adjust: exact; 
} 
    
.letterSpace h6
{
    font-weight: 600;
    -webkit-print-color-adjust: exact; 
} 
    
.letterSpace p span
{
    font-weight: 600;
    -webkit-print-color-adjust: exact; 
}  
    
.letterSpace h4
{
    font-weight: 600;
     -webkit-print-color-adjust: exact; 
} 
    
.letterfooter label:first-child
{
    font-weight: 600;
    -webkit-print-color-adjust: exact; 
}    
    
.impr-titulo.Fcolaborador
{
background: #efefef!important;
-webkit-print-color-adjust: exact; 
}    
    
}

.UserContRep
{
    height: 157px;
    padding:0px;
    text-align: center;
}

.UserContRep img
{
    height: 100%;
}

.impr-titulo.Fcolaborador
{
   padding:5px;
   text-align: center!important;
  background: #efefef;    
}

.table-headFixed tbody tr.TR-Pendiente td
{
    color: #f00!important;
    font-weight: 600!important;
}

.table-headFixed tbody tr.TR-Aprobado td
{
    color: #0f8600!important;
    font-weight: 600!important;
}

.table-headFixed tbody tr.TR-Aplicado td
{
    color: #000!important;
    font-weight: 600!important;
}

.table-headFixed tbody tr.TR-Vencido td
{
    color: #e08a00!important;
    font-weight: 600!important;
}

.table-headFixed tbody tr.TR-Ajuste td 
{
    color: #7000ff!important;
    font-weight: 600!important;
}

.Simbologia-Colores span:nth-child(5) i
{
    color:#7000ff;
}

.paginationToogle
{
    height: 100%;
    float: right;
}

.paginationToogle .pagination.pagination-sm.next-prev
{
    margin:0!important;
    float:right!important;
}

.cont-EstadoOP .form-group div
{
 width:100%;   
}


.cont-EstadoOP .form-group div label
{
  padding:0;
    width:100%!important
}

.cont-EstadoOP .form-group div label input
{
    margin-right: 10px
}

.r-icon
{
    padding:2px 10px;
    background: #f00;
    color: #fff!important;
    text-decoration: none!important;
    border-radius: 3px;
    float:right;
    margin-top:-2px
}

p.estado-Retenida
{
    background: #ffd1d1;
}

.radio-button input[type=radio]
{
  margin-left:0!important;margin-right:5px;
}


.radio-button label
{
    padding:0;
}

.radio-button input[type=checkbox]
{
    margin-left:0;
    margin-right: 0px;
    position: relative;
}

.adjunSelect .input-group-addon.btn.btn-default.fileinput-exists,
.adjunSelect .input-group-addon.btn.btn-default.btn-file
{
    height: 30px!important;
    line-height: 30px!important
}


.trashSize
{
    font-size: 18px!important
}

.form-group.formBusq label
{
float: left;
width:100%;
text-align: left;
margin: 0;
font-size: 12px;
    
}



.inputInMsg
{
  width:100%;
  height: auto;
  border-radius: 5px;
  border: 1px solid #c7c7c7;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
  min-height: 30px;  
  float:left;
  padding-left:5px;
  margin-bottom:5px    
}

.inputMsg
{
    height: 30px;
    border:0;
    box-shadow: none;
    background: rgba(255, 255, 255, 0);
/*    padding-left:10px;*/
    width:250px;
    font-size: 12px;
    float: left;
    line-height: 30px;
}


.inputMsg:focus
{
    outline: none;
}

.direccionCorreo
{
    float: left;
    width:auto;
    padding:2px 10px;
    background: #f2f2f2;
    margin-top:4px;
    border-radius: 3px;
    margin-right: 10px
    
}

.direccionCorreo
{
    font-size: 12px
}

.direccionCorreo i
{
    margin-left: 5px;
    color:#b5b5b5;
    cursor: pointer;
}

.direccionCorreo i:hover
{
    color:#000;
}

h4#form-name .ConsecInscripcion
{
    float: right;
    font-size: 13px;
    font-family:'Open Sans'!important;
    color:#000!important;
    margin-top:5px
}

h4#form-name .ConsecInscripcion b
{
    font-weight: 600;
    color:#f00;
    margin-left: 5px
}

h6.tituloCarta
{
    font-size: 16px!important;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:50px!important
}

.letterSpace p
{
    font-size: 14px!important;
    text-align: justify;
}

.EmisorC
{
 font-weight: 600;
font-size: 15px
}

.CargoC
{
    font-weight: 600;
    font-size: 14px;
}
.letterfooter label
{
    font-size: 9px;
    color:#959595
}


.blueLabel
{
    background: #4290ca!important;
    color:#fff!important;;
    padding: 3px;
    text-align: left!important;
    padding-left: 20px;
}


.emisorFooter.MSCemicFoot .EmisorC
{
    margin:2px;
    font-weight: 600;
    font-family: arial;
    font-size: 15px;
}

.emisorFooter.MSCemicFoot .EmisorC:first-child
{
    border-top:2px solid #000;
    width:300px;
    padding-top:5px
}

.letterfooter.letterFooterMsc
{
    padding-left:90px
}
.letterfooter.letterFooterMsc label
{
    text-align: left;
    color:#000;
    font-weight: 800;
    font-size: 11px;
}


.botones-acciones.inactivoBntGrid,
.botones-acciones.inactivoBntGrid:focus,
.botones-acciones.inactivoBntGrid:hover
{
    background:#fff!important;
    color:#c4c4c4!important;
    border: 1px solid #e6e6e6!important;
    box-shadow: none;
}

.botones-acciones.inactivoBntGrid:hover  .tooltip
{
    display: none!important;
}

.ModalidadCategoria
{
    float:right
}


.table-bimpr.tbl-reporte-imp.tblWithSigns tr td
{
    padding:  0px 5px!important;
    height: 40px!important;
    padding-top: 24px!important 
}

.signSpace
{
    width:100%;
    height: 10px;
    border-bottom: 1px dotted #000;
}

.check-divProv.checTemp div label
{
    padding-left:0!important;
    
}

.check-divProv.checTemp div label input
{
    margin-right: 5px
}

.imgContenedor
{
    height: 300px;
    border: 1px solid #dddddd;
    text-align: center;
    position: relative;
}

.imgContenedor img
{
    height: 100%;
}

.checkContenedor
{
    position: absolute;
    bottom:5%;
    right: 5px;
    width:20px;
    line-height: 2.5;
    font-size: 15px
    
}

.SignSpaceContent
{
    padding:0 10px!important;
    height: 100%!important;
    position: absolute!important;
    right: 0;
    top:-5px!important;
}

.SignSpaceContent label
{
    width:100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #b9b9b9;
    
}

.ContDoubleimg
{
    width:100%;
    float: left;
    height: auto;
    position: relative;
    padding:0!important;
    margin-top:5px;
}

.formImprimirChck label
{
    border-bottom: 0!important
}

.formImprimirChck div.col-lg-1
{
    padding:0
}


.label-numRV
{
    height: 22px!important
}


.checked-contenedor
{
 position: absolute;
 height: 100%;
    right: 20px;
    top:0;
    width:20px;
}

.checked-contenedor input:nth-child(3)
{
    position: absolute;
    bottom:30px
}
.checked-contenedor input:nth-child(2)
{
    position: absolute;
    bottom:55px
}

.checked-contenedor input:nth-child(1)
{
    position: absolute;
    bottom:75px
}

.label-numRV.leyendaContenedor
{
    height: auto!important;
    font-size: 9px!important;
    border-bottom: 0;
}

.label-DataRV.label-signature
{
    background: #fff;
    text-align: center;
    border-top:1px dotted #c1c1c1;
}

.encabezado-imReVac.encReporteTitulos h3
{
    margin:0!important
}



.encabezado-imReVac.encReporteTitulos h3:nth-child(2)
{
   margin-bottom: 5px!important; 
}

.encabezado-imReVac.encReporteTitulos h3.categ1
{
    font-size: 13px;
    font-weight: 600;
    padding:2px 10px;
/*    background: #f7f7f7;*/
    margin-bottom: 2px!important;
    border:1px solid #ececec;
    text-transform: uppercase;
    
}


.encabezado-imReVac.encReporteTitulos h3.categ1 span
{
    font-weight: 400;
    color:#898989;
    text-transform: none;
}

@media print {

.signSpace
{
    border-bottom: 1px dotted #000;
    -webkit-print-color-adjust: exact; 
}
    
.imgContenedor
{
    border: 1px solid #dddddd;
    -webkit-print-color-adjust: exact;
}   
    
.SignSpaceContent label
{

    border-top: 1px dotted #000;
    -webkit-print-color-adjust: exact;
}  
    
.label-DataRV.label-signature
{
    background: #fff!important;
    border-top:1px dotted #c1c1c1!important;
    -webkit-print-color-adjust: exact;
}  
    
.encabezado-imReVac.encReporteTitulos h3.categ1
{

    border:1px solid #ececec;
    -webkit-print-color-adjust: exact;
    
}


.encabezado-imReVac.encReporteTitulos h3.categ1 span
{
    color:#898989;
    -webkit-print-color-adjust: exact;
} 
    
.hojainscripcion .impr-titulo.Fcolaborador
{
  background: #f7f7f7;  
  text-align: left!important;
   -webkit-print-color-adjust: exact;    
}
    
.label-DataRV.labelFechaIns
{
    background: #fff;
/*    font-size: 12px;*/
    font-weight: 600;
}
    
    
}

.label-DataRV.labelFechaIns
{
    background: #fff;
/*    font-size: 12px;*/
    font-weight: 600;
}

.hojainscripcion .impr-titulo.Fcolaborador
{
  background: #f7f7f7;  
  text-align: left!important    
}


.iconTDin
{
    font-size: 17px!important
}

.DocImpreso .iconTDin
{
    color:#e00000;
}

/*
.hoja-impresion
{
    position: relative!important;
}
*/

.label-DataRV.label-signature
{
    background: #fff;
    border-top:1px dotted #c1c1c1;
}  

.dataRV-content .form-group.fg-RV div
    {
       padding-left:0!important;
       padding-right: 5px!important;
    }
 
.BodyResponsiveTable .btn.btn-plusTD
{
 padding:0   
}

.BodyResponsiveTable .btn.btn-plusTD i
{
    font-size: 20px
}

.table-AppDates tr td
{
    background: #fff;
    color:#000;
}

.table-AppDates tr td:first-child
{
    background: #333;
    color:#fff;
    font-weight: 600;
    border:0;
    border-bottom: 1px solid #717171;
    border-right: 2px solid #fecb00
}

.table-AppDates
{
    border-top:2px solid #fecb00;
    border-bottom:0!important;
}

.btn-default.btnUbicacion
{
    margin-top: 0!important;
    margin-bottom:5px;
    width:100%;
}

.fechaModifUbi
{
    height: 30px;
    line-height: 36px;
    font-size: 13px;
    font-weight: 600;
    padding:0!important
}

.fechaModifUbi span
{
    font-weight: 400;
    color:#535353;
    border-bottom: 1px dotted #bfbfbf;
    padding:0 10px;
}

.ContentPagesUbic
{
    width: 100%;
    height: 460px!important;
    float:left;
    padding:0;
}

.cont-pages.UbicacionPages
{
    width:100%;
    height: 100%!important;
    float: left;
    padding:0!important;
        list-style: none!important
}

.cont-pages.UbicacionPages .liPage.pageUbic
{
    height: auto!important;
    float: left;
    width:100%;
    background: #f0f0f0;
    padding:0;
}


.btn-CambiarUbic
{
    height: 80px;
    padding:10px!important;
    
}

btnUbicacionTab.activeFact,
.btnUbicacionTab
{
 width:100%;
height: 100%;
background: #fff;
line-height: 60px!important;
text-align: center;
border-radius: 4px;
border: 1px solid #e3e3e3;
font-size: 12px;
font-weight: 600; 
transition: all ease-in-out 0.5s;
position: relative;    
}

btnUbicacionTab.activeFact i,
.btnUbicacionTab i
{
    font-size: 15px!important;
    
}

.barGoUbication
{
    position: absolute;
    width:100%;
    height: 60px;
    bottom:0px;
    padding:0 10px;
    left:0;
    background: #fff;
    padding:5px;
    z-index: 4
}

.barGoUbication .btnUbicacionTab
{
  width:100% ;
  height: 50px!important;  
  border-radius: 4px;
  padding:0!important;
line-height: 50px!important;
    font-size: 12px;
    font-weight: 600;
    border:1px solid #d0d0d0
}

.SectionUbic
{
    width:100%;
    height: 400px;
    float:left;
    padding-bottom:80px;
    overflow: auto;
    background: #ededed;
}

.cont-btnSeccion
{
 height: 70px;
padding:10px;
    
}

.btn.btnSection
{
   width:100%;
    margin-top:0!important;
    height:100%!important;
    background: #fff!important;
}

.filterUbication
{
    width:100%;
    height: 60px;
    padding:13px 5px;
    
}

.contentBtnsUbic
{
    width:100%;
    height: 400px;
    overflow: auto;
    background: #efefef
}


.SectionUbic::-webkit-scrollbar,
.contentBtnsUbic::-webkit-scrollbar
{
  width: 5px;
  background: #fff;
}

.contentBtnsUbic::-webkit-scrollbar:horizontal
.SectionUbic::-webkit-scrollbar:horizontal
{
  height: 5px;
  background: #fff;
}

.filterUbication .form-group input.form-control:focus
{
    background: #eafdff!important
}

@media print { .barra-ImprimirMdl { display:none!important;} }



.btn.btnSection
{
    font-size: 12px;
    font-weight: 600;
    background: #fff!important;
    transition: all ease-in-out 0.5!important;
    position: relative;
}

.btn.btnSection:focus
{
    outline: none;
    box-shadow: none;
    border:1px solid rgb(0, 227, 255)
}



.btn.btnSection i
{
    display: none;
}

.btn.btnSection.selectedBtn i
{
    display: inline;
    font-size: 25px;
    position: absolute;
    left: 5px;
    top: 10px
}


.FilteredUb
{
    font-size: 13px;
    color:#fff;
    height: 100%;
    padding:5px 10px
}


.checkboxLabel
{
    font-size: 12px;
    font-weight: 600;
}



.checkboxLabel input
{
    margin-right: 5px
}

.checkContent
{
    height: 30px;
    padding-top:0!important;
    line-height: 30px;
}

.btnContent5 button
{
    margin-bottom: 5px!important
}


.tbodyAsientos .tr-ListoMayorizar td,
.tbodyAsientos .tr-ListoMayorizar td a
{
    color:#26a65b!important;
    font-weight: 400!important;
}

.tbodyAsientos .tr-Auxiliares td,
.tbodyAsientos .tr-Auxiliares td a
{
    color:#001fff;
    font-weight: 400!important;
}


.tbodyAsientos .tr-desbalanceado td,
.tbodyAsientos .tr-desbalanceado td a
{
   color:#ce0000;
   font-weight: 400!important;
}

.tbodyAsientos .tr-CCinactivo td,
.tbodyAsientos .tr-CCinactivo td a
{
    color: #00bbf7;
    font-weight: 400!important;
}

.tbodyAsientos .tr-FueraPeriodo td,
.tbodyAsientos .tr-FueraPeriodo td a
{
    color:#f99c06;
    font-weight: 400!important;
}

.tbodyAsientos .tr-Pendiente td,
.tbodyAsientos .tr-Pendiente td a
{
    color:#000;
    font-weight: 400!important;
}
   .divSpecBorder
{
    border:1px solid #e6e6e6;
}


.border-Div
{
    border:1px solid #e6e6e6; 
}

.table-headFixed tbody tr td.inputInTd
{
    padding:0px!important;
    position: relative;
}

.form-control.TdInput
{
width:100%;
height: 36px;
border:1px solid rgba(255, 255, 255, 0);
border-radius: 0!important;
box-shadow: none;    
}


.form-control.TdInput:focus
{
    border: 1px solid #00ebff!important;
    outline: none;
}

.btn.btnInputIn
{
   position: absolute;
    top:0;
    right: 0;
    background: rgba(255, 255, 255, 0);
    height: 100%;
    
}


.btn.btnInputDetail:focus,
.btn.btnInputIn:hover,
.btn.btnInputIn:focus
{
    outline: none;
    box-shadow: none;
}

.btn.btnInputDetail
{
    position: absolute;
    top:0;
    right: 5px;;
    padding:0;
    height: 30px;
    width:30px;
    line-height:1.03;
    font-size: 20px;
    background: rgba(255, 255, 255, 0);
    color:#717171
}


.thead-first-fixed table tbody tr:hover
{
    background: #ececec!important;
}
.thead-first-fixed table tbody tr:nth-child(odd):hover ,
.thead-first-fixed table tbody tr:hover 
{
    color: #000!important
}

.table-headFixed table tbody tr:nth-child(odd):hover ,
.table-headFixed table tbody tr:hover 
{
    color:#000!important
}

.toggle-square-filled.table-headFixed tr:hover
{
    background: #ececec!important;
}

.inputAddonButton
{
    padding:0;
    border:0;
    margin:0;
}

.btn.btn-default.btn-inInput
{
    height:30px!important;
    padding:0% 20px!important;
    margin:0!important;
    line-height: 30px!important;
    border-radius: 0 5px 5px 0;
}


.leyenda-gr
{
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    float: left;
    text-align: right;
    padding-right: 10px;
}


.mdl-labelNumeracion
{
    float:left;
    font-size: 12px;
    color:#838383;
    height: 31px;
    line-height: 31px;
    margin-left:5px;
}

.mdl-labelNumeracion span
{
    color:#000;
    font-weight: 600;
}


/*---------------*/

.AcMSCTittle
{
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin:0;
    margin-bottom: 3px;
    margin-top:10px    
}

.AcMSCsubTittle
{
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin:0;
    margin-bottom: 3px
}


.AcMSCRepTittle
{
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin:0;
}

.dataRV-content.AcMSCContent-Group
{
   border-bottom: 1px solid #000!important;
   border:1px solid #000
}

.label-DataRV.labelAccMsc
{
    background: rgba(255, 255, 255, 0)!important
}


.label-numRV.Labelsquare
{
   border:1px solid #000!important; 
   text-align: center;
       
}

.form-group.fg-RV.formG-background
{
    padding-top:5px;
    background: #f6f6f6
}


.infoTittleAccMSC
{
    float: left;
    margin:0;
    margin-top: 10px;
    text-align: center;
    width:100%;
    font-size: 13px;
    font-weight: 700;
    padding:4px;
    border: 1px solid #000;
    border-bottom: 0px;
}

.nameCompanyMSC
{
    font-size: 12px;
    font-weight: 700;
    margin-top: 20px
}

.signature-label.signMSCRep
{
    font-size: 11px!important;
    font-weight: 600;
}



@media print {

    .AcMSCTittle
{
    font-size: 14px;
    font-weight: 600;
    -webkit-print-color-adjust: exact; 
}
    .AcMSCsubTittle
{
    font-size: 13px;
    font-weight: 600;
    -webkit-print-color-adjust: exact; 
}
    
    .AcMSCRepTittle
{
    font-size: 15px;
    font-weight: 700;
   -webkit-print-color-adjust: exact; 
}

   .dataRV-content.AcMSCContent-Group
{
   border-bottom: 1px solid #000!important;
   border:1px solid #000;
   -webkit-print-color-adjust: exact; 
} 
    
    .label-DataRV.labelAccMsc
{
    background: rgba(255, 255, 255, 0)!important;
    -webkit-print-color-adjust: exact; 
}
    
.noPaddingCMC
{
 padding:0px!important;
-webkit-print-color-adjust: exact; 
}


.label-numRV.Labelsquare
{
   border:1px solid #000!important; 
   -webkit-print-color-adjust: exact; 
       
}

.form-group.fg-RV.formG-background
{
    padding-top:5px;
    background: #f6f6f6;
    -webkit-print-color-adjust: exact; 
}
    
    .infoTittleAccMSC
{
   
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #000;
    border-bottom: 0px;
      -webkit-print-color-adjust: exact;
}

.nameCompanyMSC
{
    font-size: 12px;
    font-weight: 700;
     -webkit-print-color-adjust: exact;
}
    
.CMCencab
{
    border: 1px solid #000;
    border-bottom: 0;
    -webkit-print-color-adjust: exact;
}

.infoTittleAccMSC.CMCtittle,
.CMCencab .AcMSCTittle,
.CMCencab .AcMSCsubTittle,
.CMCencab .AcMSCRepTittle
{
    color: #121289!important;
    -webkit-print-color-adjust: exact;
}    

    .specLabelCMC .label-DataRV.labelAccMsc
{
    font-weight: 800;
    -webkit-print-color-adjust: exact;
}
    
.tdspacePrint 
{
    background: #e3e3e3;
    -webkit-print-color-adjust: exact;
}
    
    
}

.btn.btn-default.btn-NuevCorr
{ 
    margin:0!important;
    height: 25px!important;
    padding:0!important;
    line-height: 25px!important;
    float:right;
    width:100%;
}


.CMCencab
{
    height: 100px;
    padding-top: 20px;
    border: 1px solid #000;
    border-bottom: 0;
}

.infoTittleAccMSC.CMCtittle,
.CMCencab .AcMSCTittle,
.CMCencab .AcMSCsubTittle,
.CMCencab .AcMSCRepTittle
{
    color: #121289!important
}

.specLabelCMC .label-DataRV.labelAccMsc
{
    font-weight: 800;
}

.btn.btn-default.btninputIn
{
    margin:0;
    height: 30px!important;
    padding:0!important;
    line-height: 30px!important;
    width:100%;
}

.checkTActivo .check-pCliente 
{
 padding-left:0;
}

.checkTActivo .check-pCliente  input
{
    margin-right: 5px;
}

.btn.btn-default:focus
{
outline: 0px solid rgba(17, 182, 255, 0.1);
box-shadow:inherit!important;
border: 1px solid #00ebff!important;
/*background: rgba(0, 216, 255, 0.08);	  */
}

.divTDTitle td
{
    padding:0!important;
    height: 20px!important;
    text-align: center;
    font-weight: 600;
    background: #e8e8e8!important;
    color:#000;
}

.btn.btn-default.btnOtrasOpcApp
{
    width:260px;
    height: 50px!important;
    margin:0;
    padding:0!important;
    line-height: 50px!important;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid rgba(255, 255, 255, 0)
}

.btn.btn-default.btnOtrasOpcApp i
{
    position: absolute;
    top:19px;
    right: 10px
}




.editableTR td
{
    background: rgba(0, 216, 255, 0.08)!important;
    border-bottom: 1px solid #00ebff!important;
    border-top: 1px solid #00ebff!important;
}

.report-name-rV span
{
    font-size: 12px;
}


.hoja-impresion.hoja-vertical
{
    border: 0;
    position: relative;
    width:1100px;
    height: 850px;
    margin:0 auto
}



.encabezado-imReVac.encReporteTitulos h3.filtroReporte
{
    font-size: 13px;
    font-weight: 600;
    padding:2px 10px;
/*    background: #f7f7f7;*/
    margin-bottom: 2px!important;
/*    border:1px solid #ececec;*/
    text-transform: uppercase;
    
}

.encabezado-imReVac.encReporteTitulos h3.filtroReporte span
{
    font-weight: 400;
    color:#898989;
    text-transform: none;
    
}

.tfootRep tr td
{
    background: #f6f6f6;
    font-weight: 700!important;
}

@media print {
    
    .encabezado-imReVac.encReporteTitulos h3.filtroReporte
{
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
     -webkit-print-color-adjust: exact;
    
}

.encabezado-imReVac.encReporteTitulos h3.filtroReporte span
{
    font-weight: 400;
    color:#898989;
    text-transform: none;
    -webkit-print-color-adjust: exact;
    
}

.tfootRep tr td
{
    background: #f6f6f6;
    font-weight: 700!important;
    -webkit-print-color-adjust: exact;
}
    
.table.table-bordered.table-impReport.tableWidthBorders .totalesFootPrint tr td
{
    font-weight: 700!important;
    font-size: 11px!important;
     -webkit-print-color-adjust: exact;
}  
    
.labelImportantBL
{
    font-weight: 600;
    font-size: 12px;
     -webkit-print-color-adjust: exact;
} 
    
.EncImpr h3 span
{
    font-size: 12px;
    -webkit-print-color-adjust: exact;
} 
    
.ColumnaDos .titleColumn,
.ColumnaUno .titleColumn
{
    
    background: #bebebe;
    color:#000!important;
    font-weight: 600;
    font-size: 14px;
    -webkit-print-color-adjust: exact;
}
    
.label-DataRV.labelImportantBL.totalLabelColumn
{
    background: #ffffff!important;
    font-size: 11px!important;
     -webkit-print-color-adjust: exact;
}  
    
.label-DataRV.labelImportantBL.totalLabelColumn
{
    background: #ffffff;
    font-size: 11px!important;
     -webkit-print-color-adjust: exact;
}

.tfootRep.tfootsize tr td
{
    font-size: 12px!important;
    -webkit-print-color-adjust: exact;
}

.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td.tdTomaFisica
{
    border-bottom:1px dotted #000!important;
    -webkit-print-color-adjust: exact;
    
}

.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td.tdBorderBot
{
   border:1px solid #dddddd!important;
   -webkit-print-color-adjust: exact;
}

.dataRV-content.DivAgrupTable.BigDatatable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td
{
    font-size: 9px!important;
    overflow: hidden!important;
     -webkit-print-color-adjust: exact;
}

.dataRV-content.DivAgrupTable.BigDatatable .table.table-bordered.table-impReport.tableWidthBorders .table-impr.tbl-impr-reporImp.thead-asientosDiarioImpr tr th
{
    font-size: 8px!important;
     -webkit-print-color-adjust: exact;
}  
    
.dataRV-content.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders .table-impr.tbl-impr-reporImp.thead-asientosDiarioImpr tr th.border-BottomTd
{
  border-bottom:0.1em solid #b4b4b4!important;
 -webkit-print-color-adjust: exact;    
}    
  
    
}

.noPaddingCMC
{
 padding:0px!important;
}

.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td
{
    font-size: 11px!important;
}


.contentModalIn
{
    background: #fff;
    padding:5px!important;
    border-radius:0px;
    margin-bottom:0px;
    margin-top:0px;
}

.simbolListaGenerica
{
    float:left;
    width:100%;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin-top:5px;
    margin-bottom: 5px;
    height: auto;
}

.SquareRojo
{
    color:#f00;
/*    margin-left: 20px;*/
}

.SquareNegro
{
    color:#000;
/*    margin-left: 20px;*/
}

.SquareVerde
{
    color:#26a65b;
/*    margin-left: 20px;*/
}

.SquareAzul
{
    color:#004eff;
/*    margin-left: 20px;*/
}

.SquareCeleste
{
    color:#06bbf7
}

.SquareNaranja
{
    color:#f99c06
}


.head-Fixed i.downCaret
{
    position: absolute;
    right: 20px;
    font-size: 15px;
    transition: all ease-in-out 0.5s;
}

.head-Fixed i.upCaret
{
    position: absolute;
    right: 10px;
    font-size: 15px;
    transition: all ease-in-out 0.5s;
    transform: rotate(180deg)
}

.table-headFixed tbody tr.simbolrojoTR td a,
.simbolrojoTR td a,
.simbolrojoTR td
{
    color:#f00!important
}

.table-headFixed tbody tr.simbolnegroTR td a,
.simbolnegroTR td a,
.simbolnegroTR td
{
    color:#000!important
}

.table-headFixed tbody tr.simbolverdeTR td a,
.simbolverdeTR td a,
.simbolverdeTR td
{
    color:#009628!important;
}

.table-headFixed tbody tr.simbolazulTR td a,
.simbolazulTR td a,
.simbolazulTR td
{
    color:#004eff!important;
}

.table.table-bordered.table-impReport.tableWidthBorders .totalesFootPrint tr td
{
    font-weight: 700!important;
    font-size: 11px!important;
}

.SignSpace
{
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    border:1px dotted #a8a8a8
}

.col-md-salta
{
    height: 30px;
    margin-bottom:5px;
}


.dataRV-content img.ImgCapturaFirma
{
    width:100%;
    height: 100px;
    position: absolute;
    left:0;
    top:-100px;
}

.botones-acciones.btn-esp-cc
{
    border:1px solid rgba(255, 255, 255, 0);
}


.botones-acciones.btn-esp-cc:focus
{
    outline:none!important;
    background: rgba(0, 235, 255, 0.17)!important;
    border: 1px solid #00e2ff!important;
    -webkit-box-shadow:inset 0 1px 0 1px rgba(0, 0, 0, 0.1);
    box-shadow:inset 0 1px 0 1px rgba(0, 0, 0, 0.1);
}


.tab-content.TabsCCble .tab-pane
{
    float: left;
    width:100%;
    height: auto;
    padding:5px;
}


.button-submenu-app
{
    border:0;
    box-shadow: none;
    width:60px;
}

.modal-content.appButtons-conteiner
{
    height: auto!important;
    background: #fff;
/*    box-shadow: none;*/
    border: none;
    margin:0!important;
    border-radius: 5px;

}


.modal-content.appButtons-conteiner .modal-body
{
    height: auto!important;
    background: #f7f7f7!important;
    border: 1px solid #dedede;
}


.button-submenu-app
{
    height: 50px;
   
}


.mdl-srch .modal-dialog.modal-lg
{
    
    width:100%;
    height: auto;
    width:90%!important;
    margin:0 auto!important;
    margin-top:150px!important
}


.button-submenu-app:focus
{
    border:1px solid #00ffff
}

.filtroReporte
{
    padding-left: 0!important;
}

.page-wrapper.contenido
{
    min-height: 100vh!important
}

.labelImportantBL
{
    font-weight: 700;
    font-size: 12px
}


.tfootRep.tfootTotalRep tr td
{
    font-size: 12px!important;
}


.EncImpr h3 span
{
    font-size: 12px;
}


.ColumnaUno
{
    height: auto;
    position: relative;
/*    border: 1px solid #a7a7a7;*/
    padding-top: 5px;
    
}
.ColumnaDos .titleColumn,
.ColumnaUno .titleColumn
{
    margin:0;
    background: #000;
    color:#fff!important;
    font-weight: 600;
    font-size: 14px;
    padding:3px;
    margin-bottom:5px;
    float:left;
    width:100%;
}


.ColumnaDos
{
    height: auto;
    position: relative;
/*    border: 1px solid #a7a7a7;*/
    padding-top: 5px;
    border-left: 0;
}


.label-DataRV.labelImportantBL.totalLabelColumn
{
    background: #ffffff;
    font-size: 11px!important;
}

.tfootRep.tfootsize tr td
{
    font-size: 12px!important
}

.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td.tdTomaFisica
{
    border-bottom:1px dotted #000!important;
    
}

.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td.tdBorderBot
{
   border:1px solid #dddddd!important 
}

.dataRV-content.DivAgrupTable.BigDatatable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td
{
    font-size: 9px!important;
    overflow: hidden!important;
}

.dataRV-content.DivAgrupTable.BigDatatable .table.table-bordered.table-impReport.tableWidthBorders .table-impr.tbl-impr-reporImp.thead-asientosDiarioImpr tr th
{
    font-size: 8px!important
}

.dataRV-content.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders .table-impr.tbl-impr-reporImp.thead-asientosDiarioImpr tr th.border-BottomTd
{
  border-bottom:0.1em solid #b4b4b4!important   
}

.doubHeadCenter
{
 position: absolute;
 top:-6px;
 width:100%;
 left:0;
 text-align: center;
}

.ColumnReportLabel
{
    float:left;
    width:100%;
    margin: 0!important;
    font-weight: 600;
    margin-bottom:5px!important
}

.hojaVistaPrev
{
    float: left;
    width:100%;
    height: auto;
    padding:5px;
    background: #e0e0e0;
    max-height: 220px;
    overflow-y: hidden!IMPORTANT
}

.table.tableVistaPrev tr th
{
    color:#fff;
    text-align: center;
    font-size: 7px
}

.table.tableVistaPrev tr td
{
    font-size: 7px;
    background: #fff;
    border:0
}



.btn-Form .btn.btn-default    
{
    height: 30px!important;
    margin-top:-5px!important;
    padding: 0!important;
    line-height: 1!important
}


.table-impr.tbl-impr-reporImp tr th.InactiveCheck,
.table-bimpr.tbl-reporte-imp tr td.InactiveCheck,
.tableVistaPrev tr td.InactiveCheck,
.tableVistaPrev tr th.InactiveCheck
{
    display:none!important
}

#mdlPantallas .modal-dialog.modal-lg
{
    float: none!important;
    max-width: 400px
}

#mdlPantallas .modal-content.appButtons-conteiner
{
    padding:5px!important
}

#mdlPantallas .modal-content.appButtons-conteiner .modal-body
{
    padding:5px!important;
    height: auto!important;
}

.ocultarTR
{
    display:none!important;
}

#mdlAcercaDe .modal-content 
{
    width:100%;
    height: 400px;
    border-radius: 0;
    border: 0;
    background: #333;
    padding:0px;
    background-image: url(../../images/content_about_background.png);
    background-size: cover;
    background-position: right;
}

.FirstColumnAbout
{
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top
}


.SecColumnAbout
{
    height: 100%;
    padding: 20px!important;
    position: relative;
}

.SecColumnAbout h3
{
  color: #fff; 
  float: left;
  width:100%;    
}

.SecColumnAbout h3 span
{
    font-size: 12px;
}

.SecColumnAbout p
{
    float: left;
    width: 100%;
    color:#fff;
}

.logoAbout
{
    height: 100px;
    float:left; 
}

.btn-about
{
 height: 100px;    
}

.logoAbout img
{
    width: 100%;
}

.descSistemAbout
{
    float:left;
    width: 100%;
    height: auto;
    max-height: 150px;
    overflow: auto;
}

.descSistemAbout::-webkit-scrollbar{
  width: 5px;
  background: #fff;
}


.descSistemAbout p
{
      color:#afafaf;
      font-size: 12px;
}

.footerAbout
{
    height: 50px;
    position: absolute;
    width:100%;
    left:0;
    bottom: 0;
    color:#fff;
    font-size: 20px;
    line-height: 50px;
    padding: 0 10px;
    text-align: right;
}

.footerAbout a
{
    color:#fff;
    text-decoration: none;
    margin-left:10px;
    transition: all ease-in-out 0.5s
}



.btn-about .close span
{
    color:#fff;
    text-shadow: none;
    transition: all ease-in-out 0.5s
}

.form-group.formBusq
{
 height: auto!important;
    
}

.form-group.formBusq
{
    height: 60px!important;
    float: left;
    margin-bottom: 5px!important;
    width:100%
}


.form-group.formBusq input.form-control
{
    height: 40px!important;
    line-height: 40px!important;
    padding-top:5px!important;
    float:left!important;
}

.form-group.formBusq .btn-select
{
  height: 40px!important;
    float:left!important;  
}

.form-filter-prog .link-label a
{
    color: #fff!important;
}


.sprite {
    background-image: url(../../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    float:right;
}

.sprite-Channels {
    width: 68px;
    height: 68px;
    background-position: -83px -83px;
}

.sprite-Products {
    width: 68px;
    height: 68px;
    background-position: -83px -5px;
}

.sprite-Regions {
    width: 68px;
    height: 68px;
    background-position: -5px -83px;
}

.sprite-Sales {
    width: 68px;
    height: 68px;
    background-position: -5px -5px;
}

.sprite-avatar-user-01 {
    width: 143px;
    height: 140px;
    background-position: -161px -5px;
}

.mdlTareasPrincipal .modal-content
{
  height: 500px;
  background: #333; 
  border-radius:0 0 5px 5px;
  border: 0;  
    position: relative;
}


.headerMdlTareas
{
    float: left;
    width: 100%;
    height: 45px;
    background: #333;
    z-index: 99;
    position: relative;
    border-bottom: 1px solid #535353;
}

.logo-tareas
{
    height: 100%;
    padding: 0!important;
    background: #434343
}

.logoIconTareas
{
 width: 55px;
 height: 100%;
 text-align: center;
 line-height: 52px;
 position: relative;
float: left;   
}

.logoIconTareas i
{
    font-size: 25px;
}


.badge.badge-Tareas
{
   position: absolute;
    right: 2px;
    top:2px;
    font-size: 12px!important
}


.logo-tareas h3
{
    float: left;
    height: 100%;
    margin:0;
    line-height: 45px;
    padding:0 20px;
    color:#fff;
    font-weight: 300;
    font-size: 20px
}

.userTareas
{
    height: 100%;
    float: right;
    padding: 0!important
    
}

.userTareas h5
{
    height: 100%;
    margin:0;
    line-height: 45px;
    color:#fff;
    font-weight: 100;
    color:#888888;
    font-size:12px;
    border-left: 25px solid #626262;
    padding:0 20px;
    text-align: center;
    background: #262626
}



.userTareas h5 i
{
    font-size: 15px;
}

.searchTarea
{
    float: right;
    height: 100%;
    position: relative;
    border-left: 1px solid #4a4a4a;
    z-index: 99!important
}

.searchTarea .form-group
{
    height: 100%;
    padding-top:8px
}

.searchTarea input.form-control
{
   background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    width:100%;
    padding-left: 25px;
    color:#fff;
}

.searchTarea i
{
    position: absolute;
    top:14px;
    left:10px;
    color:#808080;
    font-size: 17px
}

.contentTarea,
.menuTareas
{
    position: absolute;
    top:-45px;
    height: 100%;
    left: 0;
    padding:45px 0 0 0!important;
    z-index: 98!important;
    background: #333
    
}




.contTareas
{
    height: 100%;
    padding-top:45px;
    border-right: 1px solid #898989;
    padding-bottom: 10px;
}

.contTareas .panel-group
{
    padding:5px;
    background: #606060;
    height: 100%;
    overflow: auto;
}


.contTareas .panel-group::-webkit-scrollbar
{
  
  width: 2px;
  background: #fff;  
}

.contTareas .panel-group .panel.panel-default
{
    border-radius: 0;
    border:0;
}

.contTareas .panel-group .panel.panel-default .panel-heading
{
    border-radius: 0;    
}

.contTareas .panel-group .panel.panel-default .panel-heading h4
{
    font-size: 13px;
    position: relative;
}

.contTareas .panel-group .panel.panel-default .panel-collapse
{
    background: #fff;
}


.contTareas .panel-group .panel.panel-default .panel-title i
{
   position: absolute;
   right: 0    
}

.filterMenuTareas
{
    float: left;
    width:100%;
    height: 45px;
    padding:8px 5px;
    border-bottom: 2px solid #969696
}

.filterMenuTareas select.form-control
{
    background: rgba(238, 238, 238, 0);
    border:rgba(0, 0, 0, 0);
    box-shadow: none;
    color:#a7a7a7
}

.menuInterTarea
{
    height: 45px;
    padding:5px 10px;
}

.menuInterTarea div
{
    float:right;
}

.btn.btnTarea
{
    margin:0;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #555555;
    color:#b2b2b2;
    transition: all ease-in-out 0.5s;
}


.tareaCont
{
    float: left;
    width:100%;
    height: 100%;
    margin-top:-45px;
    padding-top:45px;
    padding-bottom:10px;
}


.tarea-form
{
    float: left;
    width:100%;
    height: 100%;
    padding:0  10px;
    
}


.tarea-form .form-group
{
    height: 100%;
    float: left;
    width:100%;
    background: #4a4a4a;
    padding:15px;
/*    border-radius: 5px;*/
}

.tarea-form .form-group label
{
    width:100%;
    font-size: 12px;
    margin:0;
    color:#fff;
}


.tarea-form .form-group input,
.tarea-form .form-group textarea,
.tarea-form .form-group .btn-select,
.tarea-form .form-group .btn-select:focus
{
    background: #535353!important;
    border: 1px solid #808080;
    color:#fff!important    
}

.tarea-form .form-group .dropdown-menu.open,.tarea-form .form-group .dropdown-menu.inner.selectpicker
{
   background: #333!important 
}


.tarea-form .form-group .btn-select .filter-option, .tarea-form .selectpicker li a span
{
    color:#fff!important
}

.btn.btn-NextPrev
{
    font-size: 20px;
    padding:0!important;
    width:30px;
    height: 30px;
    line-height: 30px;
    background: #5a5a5a;
    transition: all ease-in-out 0.5s;
}

.cont-nextPrev
{
    margin-top:10px;
    float:right;
    padding:5!important;
    text-align: right
}


.DetalleTarea
{
    width:100%;
    float: left;
    height: auto;
    padding:3px!important;
    border-bottom:2px solid #c5c5c5;
    background: #efefef;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
}

.DetalleTarea:hover
{
    background: #d8d8d8;
}

.DetalleTarea .form-group
{
  margin:0  
}

.contTareas .panel-group .panel.panel-default .panel-body
{
  padding:3px;  
}

.NoExistenBtn
{
    width:100%;
    float:left;
    padding:5px;
}

.NoExistenBtn i
{
    color:#b50000
}

.DetalleTarea label
{
    font-size: 12px;
    margin:3px!important;
    cursor: pointer;
}

.DetalleTarea label.datetime
{
    color:#838383
}

.DetalleTarea label.datetime span
{
    float: left;
    width:50px;
    font-weight: 600;
    color:#000;
    background: #fff;
    padding: 0 3px;
    margin-right:3px;
    border-radius: 3px;
}

.tarea-form .form-group input:focus,
.tarea-form .form-group textarea:focus,
.btn.btnTarea:focus,
.btn.btn-NextPrev:focus
{
    box-shadow: none;
    outline: none;
    border: 1px solid #00d8ff
}


.btn.btn-NextPrev:hover
{
    background: #333;
}


.btn.btnTarea:hover
{
    background: #464646
}

.userTareas,
.logo-tareas
{
    z-index: 99;
    position: relative;
}

.userTareas button
{
    position: absolute;
    right: 5px;
    top: 10px;
    color: #d0d0d0;
    text-shadow: none;
}


.element-animation2
{
  animation: animationFrames2 linear 1s;
  animation-iteration-count: 5;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames2 linear 1s;
  -webkit-animation-iteration-count: 5;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames2 linear 1s;
  -moz-animation-iteration-count: 5;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames2 linear 1s;
  -o-animation-iteration-count: 5;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: 5;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames2{
  0% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

@-moz-keyframes animationFrames2{
  0% {
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    -moz-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

@-webkit-keyframes animationFrames2 {
  0% {
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

@-o-keyframes animationFrames2 {
  0% {
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    -o-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

@-ms-keyframes animationFrames2 {
  0% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    -ms-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

.table-impReport thead tr th.headMultiple
{
	border-bottom: 1px solid #8b8b8b !important;
}

.table-impReport thead tr th.dobleTrArriba
{
	border-bottom: 0px solid #000 !important;
}

.table-impReport thead tr th.dobleTrAbajo
{
	border-top: 0px solid #000 !important;
}

.table-impReport tfoot tr td
{
	background: #F3F3F3 !important;
	font-weight: bold !important;
}

.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td.lineaSubtotal
{
	border-top: 1px solid #000 !important;
	text-align: right !important;
}

@media print 
{
	.table-impReport thead tr th.headMultiple
	{
		border-bottom: 1px solid #000 !important;
		color: #000 !important;
		-webkit-print-color-adjust: exact;
	}
	.table-impReport thead tr th.dobleTrArriba
	{
		border-bottom: 0px solid #8b8b8b !important;
		-webkit-print-color-adjust: exact;
	}
	.table-impReport thead tr th.dobleTrAbajo
	{
		border-top: 0px solid #8b8b8b !important;
		-webkit-print-color-adjust: exact;
	}
	.table-impReport tfoot tr td
	{
		background: #F3F3F3 !important;
		-webkit-print-color-adjust: exact;
	}
	.imprTitAgrupado {
		background: #f0f0f0 !important;
		-webkit-print-color-adjust: exact;
	}
	.DivAgrupTable .table.table-bordered.table-impReport.tableWidthBorders tbody.table-bimpr.tbl-reporte-imp tr td.lineaSubtotal
	{
		border-top: 1px solid #000 !important;
		text-align: right !important;
		-webkit-print-color-adjust: exact;
	}
}


.form-group.form-group-slider
{

    width:100%;
    float:left;
    padding:5px 0!important;
    height: auto;
}
.slider.slider-horizontal
{
  width:100%!important;  
}
.divslider
{
    float: left;
    height: auto;
    margin-bottom: 10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e5e5e5;    
}
.contSlider
{
    padding:5px 0;
    background: #eaeaea;
    border-radius: 5px;
    float:left;
    width: 100%;
}
.span-slider
{
    font-size: 12px;
    font-weight: 600;
}
.slider-selection
{
    background: #a2a2a2!important;
}
.slider-track-high
{
    background: #fff!important;
    border: 1px solid rgb(206, 206, 206);
}
.totalDiasSlider
{
    font-size: 14px;
    font-weight: 700;
}
.cont_InputGroup .input-group .input-group-addon
{
    padding:0;
}
.cont_InputGroup .input-group .input-group-addon button.btn.btn-default
{
    padding:0!important;
    margin:0;
    height: 28px!important;
    width:40px;
    line-height: 1!important;
    border-radius: 0 2px 2px 0; 
}
.cantSelect span
{
    font-size: 16px;
    color:#888888
}

.btn.dropdown-toggle.selectpicker.btn-select span:hover {
	color: #000 !important;
}