::-webkit-scrollbar {
	width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* import para iconos de bootstrap*/
:root {
	--header-height: 3rem;
	--nav-width: 75px;
	--menu2-height: 0px;
	--first-color: #2D5F92;
	--second-color: #fff;
	--third-color: #b2c8cb;
	--fourth-color:#497BAE;

	--fiveth-color:#ff0000;

	--text-color:#000;

	--size-icon-footer: 25px;

	--body-font: sans-serif;
	--normal-font-size: 1rem;
	--z-fixed: 900;

	--elmentos-color: #437bb2;
	--elmentos-font-color: #ffffff;
	--info-menu-color: #ffffff;
	--nombre-menu-color: var(--second-color);
	
}


body {
	margin: var(--header-height) 0 0;
	padding: 0 1rem;
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
	transition: 0.5s;
	margin: calc(var(--header-height) + 1rem) 0 0 0;
	padding-left: calc(var(--nav-width) + 2rem);
}

a{
	text-decoration: none;
	color: inherit;
}

.jqx-widget{
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.loader-img {
	width: 40%;
}

#logo_madhouse{
    webkit-mask: url(img/madhouse.svg) no-repeat center;
    mask: url(img/madhouse.svg) no-repeat center;
    mask-size: 100%;
    background-color: rgb(182, 177, 177);
    width: 80px;
    height: 80px;
    margin: auto;
    margin-bottom: 30px;
}

#info .powered_by{
	text-align: center;
	color: rgb(182, 177, 177);
	width: 100%;
	display: block;
}

.boton_mdh{
	padding: 10px 20px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid lightgray;
	background-color: var(--elmentos-color);

	color: var(--elmentos-font-color);
}

.jqx-notification-success .jqx-notification-icon-success{
	background-image: url("img/success.gif");
	background-size: contain;
	height: 35px;
	width: 47px;
	padding: 0;
	background-position: center;
}

.jqx-notification-error .jqx-notification-icon-error{
	background-image: url("img/error.gif");
	background-size: contain;
	height: 35px;
	width: 47px;
	padding: 0;
	background-position: center;
}

.jqx-notification-info .jqx-notification-icon-info{
	background-image: url("img/notificacion.gif");
	background-size: contain;
	height: 35px;
	width: 47px;
	padding: 0;
	background-position: center;
}

.jqx-notification-container
{
    z-index:9999;
}

/*estilos para grid*/
  
.jqx-grid-cell-pinned {
    background-color: var(--elmentos-color);
}

.jqx-dropdownlist-content {
    color: black;
}

.jqx-widget{
	color: var(--elmentos-font-color); 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
}

.jqx-item{
	color: black; 
}

/*applied to header areas. Tabs, Menu, Window, Calendar.*/
.jqx-widget-header {
	border-color: var(--elmentos-color);
    background: var(--elmentos-color); 
}

.jqx-button {
	border-color: var(--elmentos-color);
    background: var(--elmentos-color); 
	color: var(--elmentos-font-color);
}