@import 'light.css?ox=7.6';

:root {

	--my-blue: rgb(140,140,140);
	--my-dark-blue: #747372;
	--my-red: #FFA244;
	--my-green: #4da6ff;
	--my-black: #191414;
	--my-yellow: #3399ff;
	/* --my-highlight:	var(--my-red); */
	--my-highlight:	var(--my-green);
	
		
	/* Modules left menu */	
	--modules-list-color: var(--my-lightgray); 
	--modules-list-background: var(--my-dark-blue);
	--modules-list-selected-color: white;
	
	/* Module header */	
	--module-header-color: white;
	--module-header-background: var(--my-blue);		

	--module-header-link-color: var(--my-black);
	--module-header-selected-background: var(--my-green);	

	/* Editors */
	--required-editor-border: var(--my-blue);
	--input-focus-border: var(--my-dark-blue);
	--calendar-selected-day: var(--my-blue); 
	
	/* Secciones */
	--active-section-tab-color: var(--my-green);
	--section-hover-background: var(--my-green);
	
	/* Actions */
	--default-action-button-background: var(--my-yellow);
	
	
	/* Colores Originales del CAE */
	
	/* https://www.rapidtables.org/web/color/RGB_Color.html ( Para poder ver como quedan */)
}
/* --my-blue: rgb(140,140,140);
	--my-dark-blue: #8c8c8c;
	--my-red: #ffa64d;
	--my-highlight:	var(--my-red); */
	
	


.row-red {
	background: #94b8b8 !important;
	}
	
.row-redlite {
	background: #ffe6e6 !important;
	}
	
	.row-redplus {
	background: #ff8080 !important;
	}
	
.row-green {
	background: #82e3db !important;
	}
	
	
.row-blue {
	background: #e6e6ff !important;
	}	
	
	
.row-yelow {
	background: #ffcc99 !important;
	}

	
.row-highlight {
	background: #ffcc99 !important;
	}
.row-highlight td:nth-child(11) {
	background: #ffb3b3 !important;
	}	
	
	
	
.ox-element-collection .filepond--root { 
	height:80px;
}

.ox-button-bar {
	background: #66b3ff !important;
	}
	
	.ox-section {
	background: #d9d9d9 !important;
	}
	
.ox-button-bar {
	color: #ffffff;
	}
	
.folder-row i.mdi.mdi-account-multiple {  
    color: #82e3db;
}

.folder-row i.mdi.mdi-youtube-creator-studio {  
    color: #b3c6ff;
}

.folder-row i.mdi.mdi-folder-edit-outline {  
    color: #ffdd99;
}

.folder-row i.mdi.mdi-clipboard-text-multiple {  
    color: #ffdd99;
}

.folder-row i.mdi.mdi-hexagon-multiple {  
    color: #ff8080;
}

.folder-row i.mdi.mdi-account-multiple-check {  
    color: #ff8080;
}

.folder-row i.mdi.mdi-database-search {  
    color: #c2c2d6;
}

.folder-row i.mdi.mdi-clipboard-text-multiple-outline {  
    color: #ffdd99;
}

.folder-row i.mdi.mdi-folder-settings-variant {  
    color: #ffdd99;
}

.folder-row i.mdi.mdi-worker {  
    color: #ff3333;
}

.folder-row i.mdi.mdi-format-align-justify {  
    color: #00e6ac;
}

/*.folder-row i.mdi.mdi-file-document-box-multiple {  
    color: #4db8ff;
} */

.folder-row i.mdi.mdi-file-document-box-multiple {  
    color: #4db8ff;
} 

.folder-row i.mdi.mdi-cogs {  
    color: #33adff;
} 

.folder-row i.mdi.mdi-excavator {  
    color: #ff6666;
} 

input#ox_depourense_Obra__estadeTramitacion.editor {
background: #9fdf9f !important;
}

/* ----------------------------  PARA DAR ESTILO A UN ELEMENTO EN CONCRETO  ----------------------------- */
/* - Bot?n derecho sobre el elemento a modificar.  */
/* - Le damos inspeccionar en la parte de INSPECCION se pondr? en azul. */
/* - Nos ponemos sobre la parte azul y BOTON DERECHO. */
/* - Seleccionamos COPIAR y la opci?n de SELECTOR ese ser? la referencia que copiaremos aqui para modificar estilos. */



#ox_depourense_Obra__reference_editor_estTramitacion > input.editor {
background: #9fdf9f !important;
}

#ox_depourense_Obra__reference_editor_estTramitacion > span > input.xava_select.editor.ui-autocomplete-input {
background: #9fdf9f !important;
}