table tbody td h4 {
	text-align: right !important;
}

div.popup {
	padding: 20px;
	height: 95%;
	width: 100%;
}

table.tablecorreo {
	border-spacing: 5px;
	width: 700px;
	text-align: left;
	border: 1px solid #e3e6f0;
}

table.tablecorreo tr {
	width: 100%;
	border: 1px solid #e3e6f0;
}

table.tablecorreo td {
	padding: 5px;
}

table.tablefiltro {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}

table.tablefiltro td,
table.tablefiltro th,
table.tablefiltro thead,
table.tablefiltro tbody,
table.tablefiltro tfoot,
table.tablefiltro tr {
	border: none;
	padding: 5px;
}

div.popup h1 {
	border: black 2px solid;
	margin-bottom: -1px !important;
	padding: 5px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	color: #000000 !important;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(#eb6715, 0), color-stop(#FFC107, 1));
	background: -webkit-linear-gradient(top, #607D8B 0%, #607d8b63 100%);
	background: -moz-linear-gradient(top, #607D8B 0%, #607d8b63 100%);
	background: -o-linear-gradient(top, #607D8B 0%, #607d8b63 100%);
	background: linear-gradient(top, #607D8B 0%, #607d8b63 100%);
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5) inset, 1px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5) inset, 1px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5) inset, 1px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}

div.popup form {
	height: 95%;
	border: black 2px solid;
	padding: 10px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	text-align: initial;
}

div.popup div[id="dataTableL_wrapper"] {
	border: black 2px solid;
	padding: 10px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
}

div.popup table td p {
	display: table-row-group;
}

span.UsuarioChat {
	color: #FF5722;
	text-shadow: 0px 0px 5px;
}

div.mensajeizquierda {
	border: 1px solid #828492;
	background-color: #b0f1b2;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	float: left;
	padding: 3px;
}

div.mensajederecha {
	border: 1px solid #828492;
	background-color: #e6d9cd;
	-moz-border-radius: 10px 0px 10px 10px;
	-webkit-border-radius: 10px 0px 10px 10px;
	float: right;
	padding: 3px;
}

div.mensajeizquierda a:hover {
	background: transparent;
}

div.mensajederecha a:hover {
	background: transparent;
}

div.mensajeizquierda a img:hover {
	position: sticky;
	cursor: pointer;
	width: 350px;
	height: 350px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

div.mensajederecha a img:hover {
	position: sticky;
	cursor: pointer;
	width: 350px;
	height: 350px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

img.heaven {
	position: absolute;
	bottom: 0;
	left: 0;
	border: 0.125rem solid #ffffff;
	height: 15px !important;
	width: 15px !important;
}

span.heavenChat {
	position: relative;
	bottom: -10px;
	left: 5px;
}

img.zoom {
	width: 350px;
	height: 350px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

img.zoom:hover {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	position: sticky;
}

img[id="promptId"] {
	vertical-align: middle;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-image: url("../images/botones/prompt.png");
	background-repeat: no-repeat;
}

img[id="VerPersona"] {
	vertical-align: middle;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-image: url("../images/botones/detalle.png");
	background-repeat: no-repeat;
}

img[id="iChatear"] {
	vertical-align: middle;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-image: url("../images/botones/iChat.png");
	background-repeat: no-repeat;
}

img[id="iUsuAct"] {
	vertical-align: middle;
	width: 25px;
	height: 25px;
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-image: url("../images/botones/UsuAct.png");
	background-repeat: no-repeat;
}

img[id="iUsuInAct"] {
	vertical-align: middle;
	width: 25px;
	height: 25px;
	background-position: 100% 100%;
	background-size: 100% 100%;
	background-image: url("../images/botones/UsuInAct.png");
	background-repeat: no-repeat;
}

div[id="SelectRows"] {
	vertical-align: middle;
	width: auto;
	height: 25px;
	cursor: pointer;
	background-position: center;
	background-size: contain;
	background-image: url("../images/botones/SeleccionarFila.png");
	background-repeat: no-repeat;
}

div[id="ContInac"] {
	display: none;
	margin: 1px;
	text-align: center;
}

.ClassChatN {
	background: #e3e3e3;
	text-align: right;
}

div.ChatFondo::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url('../../bootstrap/img/FondoChat.jpg') center center;
	opacity: .7;
}

table[id="TablaFactura"] thead {
    position: sticky;
    top: 0;
    background-color: white; /* Puedes cambiar el color de fondo según sea necesario */
    z-index: 1; /* Asegura que el encabezado pegajoso esté por encima del contenido desplazable */
}

table[id="TablaFactura"] th {
    background-color: #f9f9f9; /* Color de fondo del encabezado */
    box-shadow: inset 0px 0px 0px 1px #e3e6f0; /* Sombra para simular el borde */
}

input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background: #e3e6f0;
  outline: none;
  transition: background 0.3s;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #0000ff;
  cursor: pointer;
  box-shadow: 0 0 2px #999;
}
input[type="range"]::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #0000ff;
  cursor: pointer;
}
input[type="range"]:hover {
  background: #ccc;
}

.TdEstiloPedido
{
	width: 70% !important; 
	display: flex !important; 
	flex-direction: row !important; 
	flex-wrap: nowrap !important; 
	justify-content: flex-start !important; 
	align-items: center !important;
}

@media (max-width: 768px) {
  .TdEstiloPedido {
    width: 100% !important;
  }
}