body {
	margin: 0;
    overflow: hidden;
    height: 100vh; /* Ajustar la altura al 100% del viewport */
    width: 100vw; /* Ajustar el ancho al 100% del viewport */
}


.custom-class .dhx_combobox-input-box {
	/* border-radius: 20px; */
	background: #e6e48f;
}

.grid_row_vencidos {
	background: rgb(238, 129, 129);
}

/* .dhx_layout-cell-header {
	padding: 4 0 4 10;
} */

.dhx_combobox-input-list-wrapper {
    height: auto;
}

.user-info_container {
    padding-top: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.user-info_avatar {
    height: 40px;
    width: 40px;
    border-radius: 100%;
}
.user-info_title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
}
.user-info_contact {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 28px;
}
.dhx_sidebar--minimized .user-info_avatar {
    height: 30px;
    width: 30px;
}
.dhx_sidebar--minimized .user-info_title,
.dhx_sidebar--minimized .user-info_contact {
    visibility: hidden;
}
.dhx-container,
.dhx-container__widget {
    height: 100%;
}
.input_cambio input{
	font-size:30px;
	text-align: right;
	margin:0px;
}
.input_cambio{
	margin:0px;
	padding: 0px;
}	

.input_cambio_show input{
	font-size:40px;
	text-align: right;
	margin-top:30px;
	/* padding: 15px; */
}


.css_text_diferencia input{
	font-weight:bold;
	text-align: right;
	font-size:20px;

}
.column--edit{
	background-color: #0287ca;
	color: white;
}

.input-granel input{
	font-size: 30px;
}

.dhx_window-content {
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}
.dhx_window .dhx_window-header .dhx_toolbar .dhx_navbar {
	padding: 0px 16px 0 8px;
}
.dhx_window-header{
	padding-bottom: 0px;
	height:40px;
}

.dhx_form-group {
	margin-bottom: 4px;
}
.dhx_toolbar .dhx_navbar{
	height: 40px;
}



[data-dhx-theme='custom-dark'] {
/* font */
--dhx-font-color-primary: var(--dhx-color-gray-200);
--dhx-font-color-secondary: var(--dhx-color-gray-500);
--dhx-font-color-additional: var(--dhx-color-gray-500);
--dhx-font-color-disabled: var(--dhx-color-gray-800);
--dhx-font-color-contrast: var(--dhx-color-black);
/* end font */

/* border */
--dhx-border-color: #007a99;
/* end border */

/* color scheme */
--dhx-h-primary: 45;
--dhx-s-primary: 100%;
--dhx-l-primary: 35%;

--dhx-h-secondary: 185;
--dhx-s-secondary: 5%;
--dhx-l-secondary: 50%;

--dhx-h-danger: 330;
--dhx-s-danger: 65%;
--dhx-l-danger: 50%;

--dhx-h-success: 175;
--dhx-s-success: 60%;
--dhx-l-success: 40%;

--dhx-h-background: 190;
--dhx-s-background: 100%;
--dhx-l-background: 10%;
/* end color scheme */

/* theme colors */
--dhx-background-primary: hsl(var(--dhx-h-background), var(--dhx-s-background), var(--dhx-l-background));
--dhx-background-secondary: hsl(var(--dhx-h-background), var(--dhx-s-background), calc(var(--dhx-l-background) + 8%));
--dhx-background-additional: hsl(var(--dhx-h-background), var(--dhx-s-background), calc(var(--dhx-l-background) + 12%));
/* end theme colors */
}
[data-dhx-theme='skyblue'] {
	--dhx-h-primary: 201;
	--dhx-s-primary: 98.1%;
	--dhx-l-primary: 41.4%;
	--dhx-border-color: #b1c8dd;

	/* sidebar */
	.dhx_sidebar .scroll-view .dhx_navbar {
		/* background-color: #2b2929 */
		
		/* background: linear-gradient(180deg, rgba(227,239,255,1) 0%, rgba(212,232,255,1) 100%);
		 */
		 /* background: linear-gradient(180deg, #1CB5E0 0%, #000851 100%); */

		 background: rgb(213,231,255);
		background: linear-gradient(90deg, rgba(213,231,255,1) 0%, rgba(178,210,255,1) 11%, rgba(178,210,255,1) 87%, rgba(213,231,255,1) 100%);


		}

	.dhx_sidebar-button {
		color:#2f2730;
	}		
	.dhx_widget .dhx_sidebar-button__icon:before{
		color: #2f2730
	}

	/* window */
	.dhx_window .dhx_window-header .dhx_toolbar .dhx_navbar{
		/* background: #2b2929; */
		/* background: rgb(227,239,255);
		background: linear-gradient(180deg, #e3efff 0%, rgba(212,232,255,1) 100%); */

		background: rgb(213,231,255);
		background: linear-gradient(90deg, rgba(213,231,255,1) 0%, rgba(178,210,255,1) 11%, rgba(178,210,255,1) 87%, rgba(213,231,255,1) 100%);

	}			
	.dhx_window-header{
		/* background: #2b2929; */
		/* background: rgb(227,239,255);
		background: linear-gradient(180deg, rgba(227,239,255,1) 0%, rgba(212,232,255,1) 100%); */

		background: rgb(213,231,255);
		background: linear-gradient(90deg, rgba(213,231,255,1) 0%, rgba(178,210,255,1) 11%, rgba(178,210,255,1) 87%, rgba(213,231,255,1) 100%);



	}
	.dhx_window-content{
		/* background: #2b2929; */
		/* background: rgb(227,239,255);
		background: linear-gradient(180deg, rgba(227,239,255,1) 0%, rgba(212,232,255,1) 100%); */
		background: rgb(213,231,255);
		background: linear-gradient(90deg, rgba(213,231,255,1) 0%, rgba(178,210,255,1) 11%, rgba(178,210,255,1) 87%, rgba(213,231,255,1) 100%);


	}
	.dhx_window-header .dhx_navbar-title {
		/* color: #dfeaed; */
		color: #126981;
	}
	.dhx_button--view_link{
		/* background-color: #867f81db; */
		/* background: rgb(226,239,255);
		background: linear-gradient(180deg, rgba(226,239,255,1) 0%, rgba(212,232,255,1) 100%); */

		/* background: rgb(213,231,255);
		background: linear-gradient(90deg, rgba(213,231,255,1) 0%, rgba(178,210,255,1) 11%, rgba(178,210,255,1) 87%, rgba(213,231,255,1) 100%); */

	}

	/* grid */
	/* .dhx_grid-less-height .dhx_data-wrap {
		background-color: #EAF1F6;
	} */
	.alternate_row .dhx_grid-row {
		background: #ebf1f5;
	}

	.alternate_row .dhx_grid-row:nth-child(2n) {
		background: #ffffff;
	}



	/* form */
	.dhx_widget.dhx_form .dhx_layout-cell {
		background-color: #f0f2f3
	}
	.dhx_widget.dhx_form {
		background-color: #f0f2f3
	}						
	/* toolbar */
	.dhx_toolbar .dhx_navbar{
		/* background-color: #bdb26c */
		background: rgb(226,239,255);
		background: linear-gradient(180deg, rgba(226,239,255,1) 0%, rgba(212,232,255,1) 100%);				
	}	
	.dhx_toolbar-button__icon+.dhx_toolbar-button__text {
		color: #2f2730;
	}

	/* tabbar */
	.dhx_tabbar--top>.dhx_tabbar-header__wrapper{
		/* background-color: #d1c787; */
		background: rgb(226,239,255);
		background: linear-gradient(180deg, rgba(226,239,255,1) 0%, rgba(212,232,255,1) 100%);				

	}			
	.dhx_layout-cell--collapsed {
		/* background: linear-gradient(90deg, #fcff9e 0%, #c67700 100%); */
		background: rgb(213,231,255);
		background: linear-gradient(90deg, rgba(213,231,255,1) 0%, rgba(178,210,255,1) 11%, rgba(178,210,255,1) 87%, rgba(213,231,255,1) 100%);

	}
	.dhx_layout-cell-header {
		/* background: linear-gradient(90deg, #fcff9e 0%, #c67700 100%); */
		background: rgb(213,231,255);
		background: linear-gradient(90deg, rgba(213,231,255,1) 0%, rgba(178,210,255,1) 11%, rgba(178,210,255,1) 87%, rgba(213,231,255,1) 100%);

		
	}


	/* Grid */
	.scroll-view-wrapper .scroll-view {
		background-color: #f0f2f3
	}

	


}



/* Barras de desplazamiento WebKit (Chrome, Safari, etc.) */
::-webkit-scrollbar {
width: 8px; /* Grosor de la barra de desplazamiento vertical */
}

::-webkit-scrollbar-thumb {
background-color: #3498db; /* Color del "pulgón" de la barra de desplazamiento */
}

/* Barras de desplazamiento Firefox */
/* Ten en cuenta que la personalización en Firefox requiere la propiedad scrollbar-color, que es parte de la especificación de Firefox y aún no es universalmente compatible. */
* {
scrollbar-color: #3498db #ecf0f1; /* Color de la barra de desplazamiento y color del fondo */
}

/* Pseudo-elemento para el "pulgón" de la barra de desplazamiento en Firefox */
*::-moz-scrollbar-thumb {
background-color: #3498db; /* Color del "pulgón" de la barra de desplazamiento en Firefox */
}

.canceled_row{
	text-decoration: line-through ;
	font-style: italic;
	background-color: rgb(218, 215, 214);
}

.canceled_row .dhx_grid-cell{
	text-decoration: line-through ;
	font-style: italic;
	color: red
	/* background-color: rgb(255, 64, 0); */
}

.css-login{
	background: rgb(213,231,255);
	/* background: linear-gradient(180deg, rgba(213,231,255,1) 0%, rgba(178,210,255,1) 11%, rgba(178,210,255,1) 87%, rgba(213,231,255,1) 100%); */

}

.dhx_richtext{
	min-width: auto;
}

.dhx_richtext .dhx_toolbar {
	padding:0px;
}

.dhx_widget .dhx_toolbar .dhx_widget--bordered .dhx_widget--bg_gray{
	height: 40px;
}

#myProgress {
	width: 100%;
	background-color: #ddd;
	   border-radius: 10px;
  }
  
  #myBar {
	width: 10%;
	height: 30px;
	background-color: #04AA6D;
	text-align: center;
	line-height: 30px;
	color: white;
		 border-radius: 10px;
  
  }
  .fondo-css input{
	background-color: #b9a915;
  }
  .fondo-css ul{
	background-color: #b9a915;
  }
  /* .fondo-css div[class="dhx_grid-content dhx_grid-less-height"]{
	background-color: #0a94e4;

  } */

  .popupcustom{
	width: 250px;
	height: 300px;
  }

  .btn-popup{
	cursor:pointer; 
	width:100%; 
	height:35px; 
	background:linear-gradient(180deg, rgba(226, 239, 255, 1) 0%, rgba(212, 232, 255, 1) 100%); 
	border-radius:8px;
	border-color:rgb(0, 0, 0); 
	
	display:flex; 
	justify-content: center; 
	align-content: center; 
	align-items: center; 
	margin-top: 7px;
	color: black
  }

  .ticket-text {
    font-family: 'Courier New', Courier, monospace;
}