@charset "utf-8";

:root {
	--color-theme: rgb(51,51,51);
	--color-theme-background-text: rgb(0, 0, 0);
	--color-theme-input-bordes: rgba(255,204,0,0.6);
	--color-theme-tooltip: rgb(51,51,51);
}

BODY {
	font-family:Arial, Helvetica, sans-serif;
	cursor:default;
	margin:55px 0 0 0;
	padding:0;
	background-color:rgba(240,240,240,1);
}

.Teclado_numerico_theme {
	font-size:1.8em;
	width:50px;
	height:50px;
	margin:0 3px 3px 0;
}

.Btn_Resaltar:hover{
	transform: scale(1.05);
	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}
.Iconos_Menu_Principal {
	height:2em;
	margin:0 .5em 0 0;
}

.Iconos_Menu_Principal_Escritorio{
	height:5em;
}
.Iconos_btn {
	height:30px;
	font-size:24px;
	margin:.2px;
}
.Iconos_btn:hover{
	transform: scale(1.05);
	filter: brightness(110%);
}
.Iconos_en_texto{
	font-size:24px;
	margin:.2px;
}
.Iconos {
	height:1.2em;
}
TEXTAREA {
	resize: none;	
}
INPUT[type="number"]{
	text-align:right;
}

.accordion-button{
		/* Colores de btn-warning */
		background-image: linear-gradient(to right, rgba(255,193,7,1), rgba(255,152,0,1));
		color:rgba(255,255,255,1) !important;
		border:none;
	}
	.btn-gradient:hover{
		background-image: linear-gradient(to right, rgba(255,152,0,1), rgba(255,193,7,1));
		color:rgba(255,255,255,1);
	}
	.btn-gradient:focus{
		box-shadow: 0 0 0 .25rem rgba(255,193,7,0.5);
		color:rgba(255,255,255,1);
	}
	.btn-gradient:active{
		background-image: linear-gradient(to right, rgba(255,152,0,1), rgba(255,193,7,1));
		color:rgba(255,255,255,1);
	}
	.btn-gradient:active:focus{
		box-shadow: 0 0 0 .25rem rgba(255,193,7,0.5);
		color:rgba(255,255,255,1);
	}
	.btn-gradient.collapsed{
		background-image: linear-gradient(to right, rgba(255,193,7,1), rgba(255,152,0,1));
		color:rgba(255,255,255,1);
	}
	/* Insertar la clase input-form a los inputs, selects y textareas dentro de #tbody_clientes */
	#tbody_clientes input, #tbody_clientes select, #tbody_clientes textarea{
		width:100%;
		padding:.2em;
		border:solid 1px rgba(204,204,204,1);
		border-radius:.3em;
		font-size:1.2em;
	}s


/* DATOS TABLAS ------------------------------------------------------------------------------------------------------------------------------ */
#ID_Table tr td .form-control { padding:3px; font-size:.8rem; background-color:transparent; }
#ID_Table tr td .form-control:hover { background-color:rgba(255,255,255,1); }
#ID_Table tr td .form-control:focus { background-color:rgba(255,255,255,1); }

#ID_Table tr td .form-select { padding-left:3px; font-size:.8rem; background-color:transparent; }
#ID_Table tr td .form-select:hover { background-color:rgba(255,255,255,1); }
#ID_Table tr td .form-select:focus { background-color:rgba(255,255,255,1); }

#ID_Table input[type=number]::-webkit-inner-spin-button, 
#ID_Table input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
#ID_Table input[type=date]{
	text-align:center;
}
#ID_Table TEXTAREA {
	text-align:justify;
	font-size:.9em;
}
#ID_Table tfoot .bg-theme, 
#ID_Table tfoot tr .bg-theme {
	background-color: val(--color-theme);
	color: var(--color-theme-background-text);
}


/*  CONTAINER PRINCIPAL en Index (Solo se una una ves) ---------------------------------------------------------------------------------------  */
#ID_Container_Principal_CRM{
	max-width:1500px; 
}


/* AJUSTAR DISEÑO PERZONALIZADO DE BOOSTRAP ---------------------------------------------------------------------------------------------------- */
.text-theme {
	color: var(--color-theme);
}

.bg-theme {
	background-color: var(--color-theme);
}

.border-theme {
	border-color: var(--color-theme);
}

.Theme_Color_Icono_Menu {
	color: var(--color-theme);
}

#Menu_Principal{
	background: linear-gradient(360deg, var(--color-theme) 0%, rgba(255,255,255,0) 1px);
}

.Theme_Color_Btn_Menu {
	background-color: var(--color-theme);
	border: var(--color-theme-input-bordes);
}

.Theme_Color_Btn_Menu:active {
	background-color: var(--color-theme) !important;
	filter: brightness(122%);
}

.Theme_Color_Btn_Menu:hover {
	background-color: var(--color-theme) !important;
	filter: brightness(112%);
}


/*   CLASES DE BOOSTRAP MODIFICADAS  */
.progress-bar-theme {
	background-color: var(--color-theme);
}

.btn {
	border-radius:.20em;
}

.table thead {
	background: linear-gradient(360deg, var(--color-theme) 0%, rgba(255,255,255,0) 4px);
	/*filter: brightness(10000%);*/
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--color-theme);
}

.modal .modal-header {
	background-color:var(--color-theme); 
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
	color:rgba(255,255,255,1);
	/*border-bottom: var(--color-theme) 2px solid;*/
}
.modal .modal-content {
	border:none !important;
}
/*
.modal-body {
	max-height: 78vh;  Ajuste la altura máxima al 100% de la altura del viewport
	overflow-y: auto;  Activa el scroll vertical si el contenido supera la altura máxima
}
*/
.modal .modal-footer {
	border-top:none;
}

.offcanvas .offcanvas-header {
	background-color:var(--color-theme); 
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
	color:rgba(255,255,255,1);
}

.tooltip {
  --bs-tooltip-bg: var(--color-theme-tooltip);
  --bs-tooltip-color: var(--bs-white);
}


textarea:active, 
textarea:focus, 
select:active, 
select:focus, 
input:focus, 
input[type]:focus {
    border-color: var(--color-theme) !important;
    box-shadow: 0 1px 1px rgba(0,0,0,0)inset, 0 0 6px var(--color-theme-input-bordes) !important;
    outline: 0 none;
}













/* WHATSAPP CHAT ------------------------------------------------------------------------------------------------------------------------------ */
.msj_cuadro_Izq{
	display:block;
	border-radius: 0 .5em .6em .5em;
	border:solid 1px #CCCCCC;
	padding:.3em;
	margin-left:0;
	margin-right:20%;
	background-color:rgba(234,234,234,1);
	margin-top:5px;
}
.msj_cuadro_Der{
	display:block;
	border-radius:.5em 0 .5em .6em;
	border:solid 1px #CCCCCC;
	padding:.3em;
	margin-left:20%;
	margin-right:0;
	background-color:var(--color-theme);
	box-shadow: 0px 0px 400px 400px rgba(255,255,255,0.7) inset;
	margin-top:5px;
}
msj_nick{
	display:block;
	font-size:.8em;
	font-weight:bold;
}
msj_msj{
	display:block;
}
msj_fecha{
	display:block;
	text-align:right;
	font-size:.7em;
	font-style:oblique;
}




/* IDIOMA ----------------------------------- */
.class_Idioma_Espanol {  }
.class_Idioma_Ingles  { display:none; }
.class_Idioma_Chino   { display:none; }