td{
	font-size:16px!important;
	white-space:pre-wrap!important;
	white-space:-moz-pre-wrap!important;
	white-space:-pre-wrap!important;
	white-space:-o-pre-wrap!important;
	word-wrap:break-word!important;
}

#xDataTable tbody > tr > td{
	white-space: wrap !important;
	vertical-align:top;
	text-align:left;
}

#xDataTableReporte tbody > tr > td{
	white-space: nowrap !important;
	vertical-align:top;
	text-align:left;
}
  
  
  table th,
  table td {
	  white-space: nowrap!important;
  }
  
  table td{
	  font-size: 16px!important;
	  /*font-size: 1em!important;*/
	  font-family:"Arial"!important;
	  font-weight:400!important;
  }
 
 
 @media screen and (max-width:800px){
	 
	 .xDataTable_wrapper{
		  margin:15px 15px 15px 15px!important;
	 }
	 
	 .xDataTableReporte_wrapper{
		  margin:15px 15px 15px 15px!important;
	 }
	 
	 form > input, form > select{
		 width:100%!important;
	 }
	 
	 .app-bar .app-bar-menu > li, .app-bar .app-bar-menu > li > a {
		 font-size:1.3rem;
	 }
	 
	 .d-menu > li  > a{
		font-size:1.3rem;
	 }
	 
	 .small-button, .icon{
		font-size: 1.2rem;
		line-height: 1.68rem;
		padding: 1 .0rem;
		height: 2.5rem;
		margin-bottom: 13px;
	 }
	 
	 .headerVistaUsuarios{
		 display:none;
	 }
	 
	  table{
		  border:0;
		  width:97%!important;
	  }
	  
	  table caption{
		  font-size: 1.3em;
	  }
	  
	  table thead{
		  border:none;
		  clip:rect(0 0 0 0);
		  height: 1px;
		  margin: -1px;
		  overflow:hidden;
		  padding:0;
		  position:absolute;
		  width:1px;
		  vertical-align:top;
	  }
	  
	  table tr{
		  border-bottom: 3px solid #ddd;
		  display:block;
		  padding-bottom: 20px;
	  }
	  
	  table td{
		  /*border-bottom: 1px solid #ddd!important;*/
		  display:block!important;
		  font-size: 13px!important;
		  text-align: right!important;
		  font-weight:normal!important;
		  word-break:break-word!important;
	  }
	  
	  table td::before{
		  content:attr(data-label)!important;
		  float:left!important;
		  font-weight:bold!important;
		  text-transform:uppercase!important;
	  }

	  
	  table td:last-child{
		  border-bottom:0px;
	  } 
	  
	  .input-control.text, .input-control.select, .input-control.file, .input-control.password, .input-control.number, .input-control.email, .input-control.tel {
			width: 100%;
			height: 40px;
		}
		
		input::placeholder {
		  font-size: 16px;
		}
		select{
		  font-size: 16px;
		}
		input{
		  font-size: 16px;
		}
		
		.notify .notify-title {
		  font-weight: 500;
		  font-size: 1.7rem;
		}
		.notify .notify-text {
		  font-size: 1.2rem;
		}
		
		
		.button {
			padding: 0 1rem;
			height: 2.9rem;
			font-size: 1.4rem;
		}
		
		img{
			display: block;
			margin: 0 auto;
		}
	
		.login-form {
			width:27rem;
			height:28rem;
		}
		
  }