.error-input{
	background: #f7bbf5 !important;
	color: #FFFFFF !important; 
}
.hvr-shrink{
	cursor: pointer;
}

#btn-menu, #btn-menu-config {
	cursor: pointer;
}

#menu-mobile {
    background-color: var(--color-terciario);
    z-index: 2;
    border-right: 5px solid var(--color-texto-1);
}

#menu-mobile li, #menu-mobile-config li{
	border-color: linear-gradient(90deg, rgba(119,74,27,1) 0%, rgba(200,162,79,1) 50%, rgba(119,74,27,1) 100%);
}

#menu-mobile a:hover, #menu-mobile-config a:hover{
	color: #FFFFFF !important;
}

#menu-mobile-config {
    background-color: var(--color-texto-1);
    z-index: 2;
    border-right: 5px solid var(--color-terciario);
}

.selection-panel-activo {
	color: var(--color-terciario) !important;
	border-bottom: 1px solid var(--color-terciario);
}

.selection-panel div{
	cursor: pointer;
}

table thead tr th, table tfoot tr th {
	font-family: 'Gill Sans Bold Final';
	color: var(--color-texto-1);
}

*[readonly=readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.encabezado-tabla{
    background: rgb(119, 72, 28);
    color: rgb(255, 255, 255);
    font-size: 13px;
}

/*************

Modificacaciones sobre EVENTOS

*************/

.header-prod{
	background-color: #C8A24F;
	background-image: url('../images/up-arrow.png?ver=2');
	background-repeat: no-repeat;
    background-position: 98% 50%;
    color: #FFF;
    font-size: 15px;
    padding: 5px;
    cursor: pointer;
}

/*************

Modificacaciones sobre estilos de vue

*************/

.el-date-editor.el-input{
	width: 100% !important ;
}

.color-dorado, .el-input__inner, .el-range-input{
	color: var(--color-primario) !important;
}