/*
.divFormVer{
    position: relative;
    margin: auto;
    padding: 20px 50px 20px 50px;
    width: 55%;
}

.divFormHor{
    position: relative;
    margin: auto;
    padding: 20px 50px 20px 50px;
    width: 77%; 
}*/

body {
	background-image: url("../images/light_honeycomb.png");
	background-attachment: fixed;
}

.detDiv{
	background-color: rgba(0,0,0,0.1);
	margin: 0px 20px 40px 20px;
	/*margin-right: 20px;*/
	padding: 15px 30px 25px 30px;
	border-radius: 7px; 
}

.formVer{
	background-color: rgba(0,0,0,0.1);
	margin: auto;
	padding: 10px 50px 30px 50px;
	width: 60%;
	border-radius: 7px;
}



.ediForm{
	background-color: rgba(0,0,0,0.1);
	position: relative;
	margin: auto;
	padding: 25px 50px 30px 50px;
	width: 80%;
	border-radius: 7px;
}

#showCliente,#mosBotId,#actShowPass,#actShowUsr,#actShowEmail,
#expAllExcel, .ocuMod {
    display: none;
}

.datRelDivForm {
	background-color: rgba(0,0,0,0.1);
	/*background-color: #fff;*/
	position: relative;
	margin: 25px 45px 25px 45px;
	padding: 25px 20px 15px 20px;
	border-radius: 7px;
	height: 80%;
}




/*Selectores por tipo*/


form.formulario {
	/*box-shadow: 10px 10px 5px #888888;*/
	box-shadow: -16px 16px 10px -5px rgba(153,153,153,1);
	/*background-color: rgba(0,0,0,0.1);*/
	background-color: #fff;
	position: auto;
	margin: 25px 20px 15px 25px;
	padding: 25px 40px 15px 40px;
	border-radius: 7px;
}

.divWhite {
	/*box-shadow: 10px 10px 5px #888888;*/
	box-shadow: -16px 16px 10px -5px rgba(153,153,153,1);
	/*background-color: rgba(0,0,0,0.1);*/
	background-color: #fff;
	position: auto;
	margin: 25px 20px 15px 25px;
	padding: 30px 40px 30px 40px;
	border-radius: 7px;
}



h1, h2, h3, h4, h5, h6 {
	text-align: center;
	color: #428bca;
}

/*
.tableInfo table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

.tableInfo tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}

.tableInfo table tr:first-child td:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}

.tableInfo table tr:first-child td:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}

.tableInfo tr:last-child td:first-child{
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}

.tableInfo tr:hover td{
	
}

.tableInfo tr:nth-child(odd){
	background-color:#aad4ff; 
}

.tableInfo tr:nth-child(even){ 
	background-color:#ffffff; 
}

.tableInfo td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:10px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}

.tableInfo tr:last-child td{
	border-width:0px 1px 0px 0px;
}

.tableInfo tr td:last-child{
	border-width:0px 0px 1px 0px;
}

.tableInfo tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}

.tableInfo tr:first-child td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");
    background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.tableInfo tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");
	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf;
}

.tableInfo tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}

.tableInfo tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
*/
/* Estilo para tablas con paginacion */
/*
.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE 
}

div.dataTables_paginate {
	float: right;
	margin: 0;
}

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

table.table thead .sorting { 
	text-align:center;
	cursor: pointer; 
	background: url('../images/sort_both.png') no-repeat center right; 
}

table.table thead .sorting_asc { 
	text-align:center;
	cursor: pointer; 
	background: url('../images/sort_asc.png') no-repeat center right; 
}

table.table thead .sorting_desc {
	text-align:center; 
	cursor: pointer; 
	background: url('../images/sort_desc.png') no-repeat center right; 
}

table.table thead .sorting_asc_disabled { 
	text-align:center;
	cursor: pointer; 
	background: url('../images/sort_asc_disabled.png') no-repeat center right; 
}

table.table thead .sorting_desc_disabled {
	text-align:center; 
	cursor: pointer; 
	background: url('../images/sort_desc_disabled.png') no-repeat center right; 
}

table.dataTable th:active {
	outline: none;
}

.dataTables_filter {
	width: 25%;
	float: right;
	text-align: right;
}

div.dataTables_length {
	font-weight: normal;
	float: left;
	text-align: left;
}

div.dataTables_length select {
	width: 75px;
}

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

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	position:relative;
	float:left;
	padding:6px 12px;
	line-height:1.428571429;
	text-decoration:none;
	color:#428bca;
	background-color:#fff;
	border:1px solid #ddd;
	margin-left:-1px
}

.paging_full_numbers span.paginate_button {
	border-radius:5px;
	cursor: pointer;
}

.paging_full_numbers span.paginate_button:hover {
	color:#2a6496;
	background-color:#eee;
	border-color:#ddd
}

.paging_full_numbers span.paginate_active {
	z-index:2;
	color:#fff;
	background-color:#428bca;
	border-color:#428bca;
	cursor:default
}
*/

/*estilo de tablas info; c reado por roberto trejo...*/

.infTab {
	background-color: rgba(0,0,0,0.1);
	/*background-color: #fff;*/
    position: relative;
    /*margin: 25px 45px 25px 45px;*/
    padding: 20px 50px 20px 50px;
    width: 95%;
    border-radius: 7px;
    margin-bottom: 20px;
}

.tablasShadow {
	
	width: 100%;
	/*box-shadow: 10px 10px 5px #888888;*/
	box-shadow: -16px 16px 10px -5px rgba(153,153,153,1);
	/*border:1px solid #000000;*/
	vertical-align:middle;
	/*border:1px solid #000000;
	border-width:0px 1px 1px 0px;*/
	text-align:center;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
	border-collapse: collapse;
}

.cabTab {
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");
    background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf;	
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

th,td{
	text-align: center;
}

.cueTab {
	background-color: #fff;
	font-size:11px;
}

/*tablas estilo para recuadros de busqueda y resultado*/


/*
.side-nav{
	top: 61px;
}

.navbar-brand1{
	padding: 0px;
}


.navbar-brand1 {
  
  height: 20px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand1:hover,
.navbar-brand1:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand1,
  .navbar > .container-fluid .navbar-brand1 {
    margin-left: -15px;
  }
}

navbar-default .navbar-brand1 {
  color: #777;
}
.navbar-default .navbar-brand1:hover,
.navbar-default .navbar-brand1:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-inverse .navbar-brand1 {
  color: #999;
}
.navbar-inverse .navbar-brand1:hover,
.navbar-inverse .navbar-brand1:focus {
  color: #fff;
  background-color: transparent;
}
*/

/*menus exportar*/

.exportExcel, .exportPDF, .print {
	cursor: pointer;
	margin: 0px 8px 0px 8px;
	font-size: 12px;
}

.menUsrExp {
	/*box-shadow: 10px 10px 5px #888888;*/
	box-shadow: -16px 16px 10px -5px rgba(153,153,153,1);
	background-color: #fff;
	position: auto;
	margin: 15px 5px 25px 5px;
	padding: 10px 10px 5px 20px;
	border-radius: 7px;
}

/*mensajes de notificacion*/

.mensaje {
	border-radius: 7px;
	display:block;
	text-align:center;
	position: fixed;
	right: 14px;
	bottom: 12px;
	width: 300px;
	z-index:1;
}

.modCor {
	/*box-shadow: 8px 8px 5px #888888;*/
	box-shadow: -16px 16px 10px -5px rgba(153,153,153,1);
	margin-top: 10px;
	display:block;
	padding:15px;
	text-align:center;
	background:green;
	color:#fff;
	font-size: 16px;
	border-radius: 7px;
}

.modInc {
	/*box-shadow: 8px 8px 5px #888888;*/
	box-shadow: -16px 16px 10px -5px rgba(153,153,153,1);
	margin-top: 10px;
	display:block;
	padding:15px;
	text-align:center;
	background:red;
	color:#fff;
	font-size: 16px;
	border-radius: 7px;
}

.modPre {
	/*box-shadow: 8px 8px 5px #888888;*/
	box-shadow: -16px 16px 10px -5px rgba(153,153,153,1);
	margin-top: 10px;
	display:block;
	padding:15px;
	text-align:center;
	background:orange;
	color:#fff;
	font-size: 16px;
	border-radius: 7px;
}

a.guaCam, .fa-floppy-o:hover {
	font-size: 12px;
	color: green;
	margin-top: 8px;
	margin-right: 5px;
	margin-left: 5px;
}

a.canCam, .fa-ban:hover {
	font-size: 12px;
	color: red;
	margin-left: 5px;
	margin-top: 8px;
}

/* Mensage de Notificacion INSERT, UPDATE, DELETE*/
.notificacion {
	/*margin-top: 80px;*/
	/*display: block;*/
	width: 75%;
	/*height: 200px;*/
	margin: auto;
	padding: 50px;
	font-size: 16px;
	text-align: center;
	/*box-shadow: 12px 12px 7px #888888;*/
	position: absolute;
  	top: 50%; 
  	left: 50%;
  	transform: translate(-50%, -50%);
  	border-radius: 7px;
  	box-shadow: -16px 16px 10px -5px rgba(153,153,153,1);
}

/* estilo para index inicio de sesion*/

/* CSS Animations */
@keyframes "login" {
 	0% {
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   		filter: alpha(opacity=0);
   		opacity: 0;
   		margin-top: -273px;
 	}
 	100% {
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   		filter: alpha(opacity=100);
   		opacity: 1;
   		margin-top: 70px;
 	}
}

@-moz-keyframes login {
 	0% {
   		filter: alpha(opacity=0);
   		opacity: 0;
   		margin-top: -273px;
 	}
 	100% {
   		filter: alpha(opacity=100);
   		opacity: 1;
   		margin-top: 70px;
 	}
}

/* animacion para formulario login */

@-webkit-keyframes "login" {
	0% {
   		filter: alpha(opacity=0);
   		opacity: 0;
   		margin-top: -273px;
 	}

 	100% {
   		filter: alpha(opacity=100);
   		opacity: 1;
   		margin-top: 70px;
 	}
}

@-ms-keyframes "login" {
 	0% {
   		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   		filter: alpha(opacity=0);
   		opacity: 0;
   		margin-top: -273px;
 	}
 	100% {
   		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   		filter: alpha(opacity=100);
   		opacity: 1;
   		margin-top: 70px;
 	}
}

@-o-keyframes "login" {
 	0% {
   		filter: alpha(opacity=0);
   		opacity: 0;
   		margin-top: -273px;
 	}
 	100% {
   		filter: alpha(opacity=100);
   		opacity: 1;
   		margin-top: 70px;
   	}
}

/* Main CSS */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

fieldset {
	width: 400px;
	margin: 70px auto;
	padding: 30px;
	text-align: right;

	-webkit-animation: login 2s ease-in-out;
	-moz-animation: login 2s ease-in-out;
	-ms-animation: login 2s ease-in-out;
	-o-animation: login 2s ease-in-out;
	animation: login 2s ease-in-out;
}

input[name='user'], input[name='pass'], .btn-block {
	box-shadow: -16px 16px 10px -5px rgba(153,153,153,1);
}

/*Esconder borde de en tabla de mensajes*/
.hiddenRow {
    padding: 0 !important;
}

.accordian-body {
	background-color: #D8D8D8;
	padding-right: 20px;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 20px;
}

.leido0 { 
	/*color: rgb(71, 98, 176);*/
	color: #000 !important;
	font-weight: 900 !important;

}

/*stilo para menssages tab*/

.tab-content {
	border-right: solid;
	border-left: solid;
	border-bottom: solid;
	border-width: 1px;
	border-color: #E6E6E6;
	border-radius: 0px 0px 7px 7px;
}

/*estilo para pequeño menu en mensajes*/

.menMen {
	/*position: absolute; */
	width: 80%;
	height: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 50px;
    margin-right: 50px; 	
}

span.fa-eye, span.fa-eye-slash, span.fa-trash-o {
	margin-top: 20px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 7px;
    cursor: pointer;
    /*background-color: #A9E2F3;*/
    background-color: #E6E6E6;
    border-radius: 5px;
}

span.fa-eye:hover, span.fa-eye-slash:hover, span.fa-trash-o:hover {
	/*background-color: #58D3F7;*/
	background-color: #D8D8D8;
	border-radius: 5px;
}

/*.todo {
  position: absolute;
  right: 7px;
  top: 6px;
}*/
/*////////////////*/
label.col-sm-3 {
	text-align: right;
}

div.elementAjax {
	border-bottom: solid;
	border-width: 1px;
	border-color: #D8D8D8;	
}
/*//////////////////////////////*/

/*alinear formulario para envio de mensajes*/
#formMen {
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 40px;
}

@media screen and (max-width: 975px) {
	.formVer, .ediForm, .infTab, .notificacion {
		padding: 10px;
		width: 95%;
	}

	.dataTables_wrapper {
		width: 150%;
	}
}

.equiIng {
	background-color: rgba(0,0,0,0.1);
	/*background-color: #fff;*/
   /* position: relative;*/
    margin: 5px 28.156px 25px 28.156px;
    padding: 20px 50px 20px 50px;
    border-radius: 7px;
}

th, td { 
	white-space: nowrap;
}

/* boton datepicker */

.ui-datepicker-trigger {
	cursor: pointer;
}

.editable span{
	display: 
	block;
}

.editable:hover {

	background: url(../images/write-pencil-icon.png) no-repeat;
	cursor: pointer;
}

i.observ {
	cursor: pointer; 
}