/****************************************************************************************************************************************************************/
/*************************************************************** css_class/m_global.php (inici) ***************************************************************/
/****************************************************************************************************************************************************************/


@media only screen and (min-width : 1px) {
:root{
	--font-size-offset: 4px;

	--menu_lateral_paddingRight_offset: 8px;

	--formMinerva_columna1_paddingRight_offset: 10px;
	--formMinerva_col2_columna1_offset: 60px;
	--formMinerva_col2_columna2_marginRight_offset: 70px;

	--finestra_menusuperior_minWidth_offset: 40px;

	--finestra_seccioCentralEsquerra_widthP: 60%;
	--finestra_seccioCentralEsquerra_margin: 0px;
	--finestra_marginLeftRightP: 10px;

	--popup_maxWidthR: 1000px;

	--test_background: red;
}
}

@media only screen and (min-width : 1250px) {
:root{
	--font-size-offset: 2px;

	--menu_lateral_paddingRight_offset: 4px;

	--formMinerva_columna1_paddingRight_offset: 5px;
	--formMinerva_col2_columna1_offset: 30px;
	--formMinerva_col2_columna2_marginRight_offset: 40px;

	--finestra_menusuperior_minWidth_offset: 20px;

	--finestra_seccioCentralEsquerra_widthP: 62%;
	--finestra_seccioCentralEsquerra_margin: 5px;
	--finestra_marginLeftRightP: 15px;

	--popup_maxWidthR: 1100px;

	--test_background: orange;
}
}


@media only screen and (min-width : 1500px) {
:root{
	--font-size-offset: 0px;

	--menu_lateral_paddingRight_offset: 0px;

	--formMinerva_columna1_paddingRight_offset: 0px;
	--formMinerva_col2_columna1_offset: 0px;
	--formMinerva_col2_columna2_marginRight_offset: 0px;

	--finestra_menusuperior_minWidth_offset: 0px;

	--finestra_seccioCentralEsquerra_widthP: 65%;
	--finestra_seccioCentralEsquerra_margin: 10px;
	--finestra_marginLeftRightP: 20px;

	--popup_maxWidthR: 1200px;

	--test_background: green;
}
}

:root{
	--font-family: Arial;

	--font-size-base: calc(16px - var(--font-size-offset));

	--font-size-plus1: calc(var(--font-size-base) + 2px);
	--font-size-plus2: calc(var(--font-size-base) + 4px);
	--font-size-extra: calc(var(--font-size-base) + 10px);
	--font-size-less1: calc(var(--font-size-base) - 2px);
	--font-size-less2: calc(var(--font-size-base) - 4px);

	--menu_lateral_width: 20%; /*TODO: fer variable segons amplada pantalla.*/
	--zona_central_width: 80%; /*TODO: fer variable segons amplada pantalla.*/

	--menu_lateral_separacio_zonacentral: calc(20px - var(--menu_lateral_paddingRight_offset));

	--menu_superior_separacio_zonacentral: calc(78px - var(--menu_lateral_paddingRight_offset));

	--formMinerva_columna1_paddingRight:calc(15px - var(--formMinerva_columna1_paddingRight_offset));
	--formMinerva_col2_columna1: calc(180px - var(--formMinerva_col2_columna1_offset));
	--formMinerva_col2_columna2_marginRight: calc(90px - var(--formMinerva_col2_columna2_marginRight_offset));

	--finestra_menusuperior_minWidth: calc(160px - var(--finestra_menusuperior_minWidth_offset));
	--finestra_seccioCentralEsquerra_width: var(--finestra_seccioCentralEsquerra_widthP);
	--finestra_marginLeftRight: var(--finestra_marginLeftRightP);

	--popup_maxWidth: var(--popup_maxWidthR);

	--fons-background: #F9F9F9; /*var(--test_background);*/
}

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 12px 12px #C0C0C0;
	border: solid 3px transparent;
	border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
	border: solid 2px transparent;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

html{
	overflow:auto;
}

@media only screen and (min-width : 1000px) {
html{
	overflow:hidden;
}
}

body{
	color: #444444;
	background: var(--fons-background);
	font-family: var(--font-family);
	font-size: var(--font-size-base);
	margin: 0;
	zoom: var(--zoom);
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

?>
}

div#modulaplicacio {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	min-width:1000px;  			/* aquesta és l'amplada mínima de minerva */
}


INPUT[type='text'],
SELECT,
TEXTAREA{
	border: 1px solid #C0C0C0;
	font-family: var(--font-family);
	font-size: var(--font-size-base);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

TEXTAREA{
	line-height: 20px;
}

INPUT[type='submit'],
INPUT[type='button']{
	color: #F0F0F0 !important;
	background-color: #4e90bc;
	margin: 1px 5px;
	border: 0;
	border-radius: 8px;
	line-height: 1.5em;
}

INPUT[type='submit']:hover,
INPUT[type='button']:hover {
	text-shadow: 0px 0px 1px;
}

INPUT[type='submit'][disabled],
INPUT[type='button'][disabled] {
	background-color: #E7E7E7;
	color: #BEBEBE !important;
}

INPUT:focus-visible,
SELECT:focus-visible,
TEXTAREA:focus-visible{
	outline:unset;
}

INPUT[type=text]:focus-visible:read-write,
INPUT[type=password]:focus-visible:read-write,
TEXTAREA:focus-visible:read-write{
	border: 2px solid #4e90bc !important;
}

A
{
	color: #444444;
	text-decoration: none;
}

IMG {
	border: 0;
}

DIV.tallaFinal {
	text-overflow: ellipsis;
	text-wrap-mode: nowrap;
}




/****************************************************************************************************************************************************************/
/***************************************************************** css_class/m_global.php (fi) *****************************************************************/
/****************************************************************************************************************************************************************/


/****************************************************************************************************************************************************************/
/***************************************************************** css_class/m_login.php (inici) ****************************************************************/
/****************************************************************************************************************************************************************/

DIV.modul_login div.contenidor_logo_entitat{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	max-height: 100px;
	width: fit-content;
}

DIV.modul_login div.contenidor_logo_entitat img{
	max-height:100%;
	max-width:100%;
}

DIV.modul_login div.contenidor_login
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	font-size:14px !important;
}

DIV.modul_login div.contenidor_login div.contenidor_logo_minerva
{
	width:100%;
	background: #4e90bc;
	position:relative;
}

DIV.modul_login div.contenidor_login div.contenidor_logo_minerva img.logo
{
	margin: 20px 0px 10px 15px;
	height: 38px;
}


DIV.modul_login div.contenidor_login div.contenidor_formulari{
	width: 100%;
	text-align: left;
	background: #FFFFFF;
}

DIV.modul_login div.contenidor_login div.contenidor_formulari div.subseccio{
	min-width: 0px;
	width: 100%;
}

DIV.modul_login div.contenidor_login div.contenidor_mantenir_sessio{
	color: #595959;
	cursor:pointer;
	position:relative;
	font-size: 12px;
}

DIV.modul_login div.contenidor_login div.contenidor_mantenir_sessio input[type="checkbox"]{
	cursor:pointer;
	position:relative;
	vertical-align: middle;
	left: -4px;
}

DIV.modul_login div.contenidor_login div.contenidor_mantenir_sessio label{
	cursor:pointer;
	position:relative;
	top:8px;
	font-size:12px;
}

DIV.modul_login div.contenidor_login div.controlMissatge{
	min-height: 33px;
}

DIV.modul_login div.contenidor_login div.controlMissatge.alerta{
	background: #ffbaba;
}

DIV.modul_login div.contenidor_login div.controlMissatge.ok{
	background: #b4e5b4;
}

DIV.modul_login div.contenidor_login div.controlMissatge div.missatges{
	color: #595959;
	min-height: 32px;
	text-align: left;
}

DIV.modul_login div.contenidor_login div.controlMissatge div.txt{
	position: relative;
	top: 8px;
	left: 11px;
}

DIV.modul_login div.contenidor_login div.controlMissatge div.icon18{
	position: relative;
	top: 2px;
	left: 4px;
}

DIV.modul_login div.contenidor_login div.controlMissatge img{
	float: left;
	position: relative;
	margin-right: 5px;
	top: 6px;
	left: 8px;
}

DIV.modul_login div.contenidor_login_peu{
	text-align:center;
	margin-top:10px;
	font-size:14px !important;
	color: #595959;
}


DIV.modul_login div#titol_minerva_login {
	margin-top: -44px;
	margin-left: 59px;
	font-size: 30px;
	color: white;
	font-weight: bold;
	padding-bottom: 20px;
}


/****************************************************************************************************************************************************************/
/****************************************************************** css_class/m_login.php (fi) ******************************************************************/
/****************************************************************************************************************************************************************/


/****************************************************************************************************************************************************************/
/********************************************************* css_class/m_menu_seleccio.php (inici) ********************************************************/
/****************************************************************************************************************************************************************/
	div.div_seleccio_modul{
    background-color: white;
    display: grid;
    grid-template-columns: 200px 200px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 25px;
    gap: 20px;
    padding-bottom: 25px;
}

div.contenidor_logo_minerva DIV.ico_exit {
	position:absolute;
	top: 19px;
    right: 8px;
	cursor: pointer;
    filter: invert(1) opacity(0.8);
    border-color: transparent !important;
    background-color: transparent !important;
}

.card_menu {
	width: 200px;
    display: flex;
    flex-direction: row;
    color: #5b5b5b !important;
    align-items: center;
    font-size: 15px;
    transition: all .25s ease;
    gap: 10px;
}

.card_menu:hover{
    cursor: pointer;
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, .035);
}

.card_menu img {
    margin-top: 8px;
    margin-bottom: 10px;
    width: 25px;
    height: 25px;
    opacity: 0.75;
}

div.no-moduls-actius{
    text-align: justify;
    margin: 2em 2em;
    font-size: 1.2em;
    line-height: 1.35em;
}


/****************************************************************************************************************************************************************/
/********************************************************** css_class/m_menu_seleccio.php (fi) **********************************************************/
/****************************************************************************************************************************************************************/


/****************************************************************************************************************************************************************/
/*************************************************************** css_class/m_icones.php (inici) ***************************************************************/
/****************************************************************************************************************************************************************/

DIV.modul_login DIV.icon16,
DIV.modul_login DIV.icon18,
DIV.modul_login DIV.icon1825,
DIV.modul_login DIV.icon25,
DIV.modul_login DIV.icon35,
DIV.modul_login DIV.icon16h{
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	background: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center;
	border: 4px #FAFAFA solid;
	float:left;
}

DIV.modul_login DIV.modul_documents DIV.icon16mt {
	background-size: 16px;
	border-radius: 20px;
	width: 16px;
	height: 16px;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	border: 4px #fafafa00 transparent;
	float: left;
}


DIV.modul_login DIV.icon16,
DIV.modul_login DIV.icon16h{
	background-size: 16px;
	border-radius: 20px;
	width: 16px;
	height: 16px;
}

DIV.modul_login DIV.icon16h{
	margin-top:-3px;
}

DIV.modul_login DIV.icon18{
	background-size: 18px;
	border-radius: 20px;
	width: 18px;
	height: 18px;
}

DIV.modul_login DIV.icon25{
	background-size: 25px;
	border-radius: 25px;
	width: 25px;
	height: 25px;
}

DIV.modul_login DIV.icon25var{
	background-size: 25px;
	width: 25px;
	height: 25px;
	position: relative;
	float: left;
}

DIV.modul_login DIV.icon1825{
	background-size: 18px;
	border-radius: 25px;
	width: 25px;
	height: 25px;
}

DIV.modul_login DIV.icon35{
	background-size: 35px;
	border-radius: 35px;
	width: 35px;
	height: 35px;
}

DIV.modul_login DIV.icon18.postSelect{
	right: -30px;
	position: absolute;
	top: 3px;
}

DIV.modul_login DIV.icon25:not(.senseHover):not(.iconTransparent):hover,
DIV.modul_login DIV.icon16:not(.senseHover):not(.iconTransparent):hover,
DIV.modul_login DIV.icon18:not(.senseHover):not(.iconTransparent):hover,
DIV.modul_login DIV.icon35:not(.senseHover):not(.iconTransparent):hover,
DIV.modul_login DIV.icon1825:not(.senseHover):not(.iconTransparent):hover,
DIV.modul_login DIV.icon25var:not(.senseHover):not(.iconTransparent):hover {
	background-color: #c48654;
	border-top-color: #c48654;
	border-bottom-color: #c48654;
	border-right-color: #c48654;
	border-left-color: #c48654;

	-webkit-filter: invert(100%);
	filter: invert(100%);
}

DIV.modul_login DIV.seleccionat DIV.icon25:not(.senseHover):not(.iconTransparent),
DIV.modul_login DIV.seleccionat DIV.icon16:not(.senseHover):not(.iconTransparent),
DIV.modul_login DIV.seleccionat DIV.icon18:not(.senseHover):not(.iconTransparent),
DIV.modul_login DIV.seleccionat DIV.icon35:not(.senseHover):not(.iconTransparent),
DIV.modul_login DIV.seleccionat DIV.icon1825:not(.senseHover):not(.iconTransparent),
DIV.modul_login DIV.seleccionat DIV.icon25var:not(.senseHover):not(.iconTransparent) {
	background-color: #c48654;
	border-top-color: #c48654;
	border-bottom-color: #c48654;
	border-right-color: #c48654;
	border-left-color: #c48654;

	-webkit-filter: invert(100%);
	filter: invert(100%);
}

DIV.modul_login DIV.iconTransparent,
DIV.modul_login DIV.icon25.iconTransparent:hover,
DIV.modul_login DIV.icon16.iconTransparent:hover,
DIV.modul_login DIV.icon18.iconTransparent:hover,
DIV.modul_login DIV.icon35.iconTransparent:hover,
DIV.modul_login DIV.icon1825.iconTransparent:hover {
	background-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
}

DIV.modul_login DIV.iconBackground2 {
	background-color: #F9F9F9;
	border-top-color: #F9F9F9;
	border-bottom-color: #F9F9F9;
	border-right-color: #F9F9F9;
	border-left-color: #F9F9F9;
}

DIV.modul_login DIV.iconBackgroundVermell {
	background-color: #e29691;
	border-top-color: #e29691;
	border-bottom-color: #e29691;
	border-right-color: #e29691;
	border-left-color: #e29691;
}

DIV.modul_login DIV.icon25.iconBackground2:hover,
DIV.modul_login DIV.icon16.iconBackground2:hover,
DIV.modul_login DIV.icon18.iconBackground2:hover,
DIV.modul_login DIV.icon35.iconBackground2:hover,
DIV.modul_login DIV.icon1825.iconBackground2:hover,
DIV.modul_login DIV.icon25var.iconBackground2:hover {
	background-color: #c48654;
	border-top-color: #c48654;
	border-bottom-color: #c48654;
	border-right-color: #c48654;
	border-left-color: #c48654;

	-webkit-filter: invert(100%);
	filter: invert(100%);
}

DIV.modul_login DIV.icon16 + DIV.icon16,
DIV.modul_login DIV.icon18 + DIV.icon18,
DIV.modul_login DIV.icon25 + DIV.icon25,
DIV.modul_login DIV.icon35 + DIV.icon35,
DIV.modul_login DIV.icon1825 + DIV.icon1825{
	margin-left:5px;
}

DIV.modul_login div.ico_move {
	cursor: move;
	background-image: url("../img/newico/move-outline.svg");
}

DIV.modul_login div.ico_trash {
	cursor: pointer;
	background-image: url("../img/newico/trash-bin-outline.svg");
}

DIV.modul_login div.ico_settings {
	cursor: pointer;
	background-image: url("../img/newico/settings-outline.svg");
}

DIV.modul_login div.ico_location {
	background-image: url("../img/newico/location-outline.svg");
}

DIV.modul_login div.ico_document {
	background-image: url("../img/newico/document-outline.svg");
}

DIV.modul_login div.ico_mail {
	cursor: pointer;
	background-image: url("../img/newico/mail-outline.svg");
}

DIV.modul_login div.ico_notifications-off {
	cursor: pointer;
	background-image: url("../img/newico/notifications-off-outline.svg");
}

DIV.modul_login div.ico_notifications {
	cursor: pointer;
	background-image: url("../img/newico/notifications-outline.svg");
}

DIV.modul_login div.ico_add {
	cursor: pointer;
	background-image: url("../img/newico/add-outline.svg");
}

DIV.modul_login div.ico_remove {
	cursor: pointer;
	background-image: url("../img/newico/remove-outline.svg");
}

DIV.modul_login div.ico_checkmark-circle {
	cursor: pointer;
	background-image: url("../img/newico/checkmark-circle-outline.svg");
}

DIV.modul_login div.ico_close-circle {
	cursor: pointer;
	background-image: url("../img/newico/close-circle-outline.svg");
}

DIV.modul_login div.ico_help {
	background-image: url("../img/newico/help-outline.svg");
}

DIV.modul_login div.ico_close {
	background-image: url("../img/newico/close-outline.svg");
}

DIV.modul_login div.ico_checkmark {
	background-image: url("../img/newico/checkmark-outline.svg");
}

DIV.modul_login div.ico_chatbubbles {
	background-image: url("../img/newico/chatbubbles-outline.svg");
}

DIV.modul_login div.ico_link {
	cursor: pointer;
	background-image: url("../img/newico/link-outline.svg");
}

DIV.modul_login div.ico_print {
	cursor: pointer;
	background-image: url("../img/newico/print-outline.svg");
}

DIV.modul_login div.ico_close_pointer {
	cursor: pointer;
	background-image: url("../img/newico/close-outline.svg");
}

DIV.modul_login div.ico_calendar {
	cursor: pointer;
	background-image: url("../img/newico/calendar-outline.svg");
}

DIV.modul_login div.ico_organigrama {
	cursor: pointer;
	background-image: url("../img/newico/hierarchical-structure-boss-svgrepo-com.svg");
}

DIV.modul_login div.ico_create {
	cursor: pointer;
	background-image: url("../img/newico/create-outline.svg");
}

DIV.modul_login div.ico_up_level {
	cursor: pointer;
	background-image: url("../img/newico/return-up-back-outline.svg");
}

DIV.modul_login div.ico_down_level {
	cursor: pointer;
	background-image: url("../img/newico/return-down-forward-outline.svg");
}

DIV.modul_login div.ico_information-circle {
	cursor: pointer;
	background-image: url("../img/newico/information-circle-outline.svg");
}

DIV.modul_login div.icon25.ico_information-circle {
	background-size: 26px;
}

DIV.modul_login div.ico_chevron-down {
	cursor: pointer;
	background-image: url("../img/newico/chevron-down-outline.svg");
}

DIV.modul_login div.ico_chevron-up{
	cursor: pointer;
	background-image: url("../img/newico/chevron-up-outline.svg");
}

DIV.modul_login div.ico_chevron-forward{
	cursor: pointer;
	background-image: url("../img/newico/chevron-forward-outline.svg");
}

DIV.modul_login div.ico_chevron-back{
	cursor: pointer;
	background-image: url("../img/newico/chevron-back-outline.svg");
}

DIV.modul_login div.ico_search{
	background-image: url("../img/newico/search-outline.svg");
}

DIV.modul_login div.ico_play-circle{
	background-image: url("../img/newico/play-circle-outline.svg");
}


DIV.modul_login div.ico_stop-circle{
	background-image: url("../img/newico/stop-circle-outline.svg");
}

DIV.modul_login div.ico_dropdown{
	background-image: url("../img/newico/caret-down-outline.svg");
}

DIV.modul_login div.ico_back{
	background-image: url("../img/newico/caret-back-outline.svg");
}

DIV.modul_login div.ico_forward{
	background-image: url("../img/newico/caret-forward-outline.svg");
}

DIV.modul_login div.ico_dropright{
	background-image: url("../img/newico/caret-up-outline.svg");
}

DIV.modul_login div.ico_rightarrow{
	background-image: url("../img/newico/arrow-forward-circle-outline.svg");
}

DIV.modul_login div.ico_alert{
	background-image: url("../img/newico/alert-outline.svg");
}

DIV.modul_login div.ico_download{
	cursor: pointer;
	background-image: url("../img/newico/download-outline.svg");
}

DIV.modul_login div.ico_excel{
	cursor: pointer;
	background-image: url("../img/newico/excel.svg");
}

DIV.modul_login div.ico_arrow-down{
	cursor: pointer;
	background-image: url("../img/newico/arrow-down-outline.svg");
}


DIV.modul_login div.ico_info_mail {
	background-image: url("../img/newico/mail-outline.svg");
}

DIV.modul_login div.ico_info_call {
	background-image: url("../img/newico/call-outline.svg");
}

DIV.modul_login div.ico_bug{
	cursor: pointer;
	background-image: url("../img/newico/bug-outline.svg");
}

DIV.modul_login div.ico_document-text{
	cursor: pointer;
	background-image: url("../img/newico/document-text-outline.svg");
}

DIV.modul_login div.ico_bar-chart{
	cursor: pointer;
	background-image: url("../img/newico/bar-chart-outline.svg");
	background-size:75%;
}

DIV.modul_login div.ico_refresh{
	cursor: pointer;
	background-image: url("../img/newico/refresh-outline.svg");
}

DIV.modul_login div.ico_eye{
	cursor: pointer;
	background-image: url("../img/newico/eye-outline.svg");
}

DIV.modul_login div.ico_apps{
	cursor: pointer;
	background-image: url("../img/newico/apps-outline.svg");
	background-size: 16px !important;
}

DIV.modul_login div.ico_radio{
	cursor: pointer;
	background-image: url("../img/newico/radio-outline.svg");
}

DIV.modul_login div.ico_person{
	cursor: pointer;
	background-image: url("../img/newico/person-outline.svg");
}

DIV.modul_login div.ico_people{
	cursor: pointer;
	background-image: url("../img/newico/people-outline.svg");
}

DIV.modul_login div.ico_reload{
	cursor: pointer;
	background-image: url("../img/newico/reload-outline.svg");
}

DIV.modul_login div.ico_copy{
	cursor: pointer;
	background-image: url("../img/newico/copy-outline.svg");
}

DIV.modul_login div.ico_undo{
	cursor: pointer;
	background-image: url("../img/newico/arrow-undo-outline.svg");
}

DIV.modul_login div.ico_filter{
	cursor: pointer;
	background-image: url("../img/newico/filter-outline.svg");
}

DIV.modul_login div.ico_exit{
	cursor: pointer;
	background-image: url("../img/newico/exit-outline.svg");
}

DIV.modul_login div.ico_analytics{
	cursor: pointer;
	background-image: url("../img/newico/analytics-outline.svg");
}

DIV.modul_login div.ico_speedometer{
	cursor: pointer;
	background-image: url("../img/newico/speedometer-outline.svg");
}

DIV.modul_login div.ico_cube{
	cursor: pointer;
	background-image: url("../img/newico/cube-outline.svg");
}

DIV.modul_login div.ico_construct{
	cursor: pointer;
	background-image: url("../img/newico/construct-outline.svg");
}

DIV.modul_login div.menu_superior li img.ico_tancar_pestanya
{
	display: none;
	cursor: pointer;
	position: absolute;
	padding:0;
	margin:0;
	background-image: url("../img/newico/close-outline.svg");
}

DIV.modul_login div.menu_superior li div.ico_tancar_pestanya
{
	float: left;
	position: absolute;
	right: 5px;
	top: -12px;
	width: 11px;
	height: 11px;
	background-image: url("../img/newico/close-outline.svg");
}


/****************************************************************************************************************************************************************/
/***************************************************************** css_class/m_icones.php (fi) *****************************************************************/
/****************************************************************************************************************************************************************/


/****************************************************************************************************************************************************************/
/***************************************************************** css_class/m_card.php (inici) *****************************************************************/
/****************************************************************************************************************************************************************/

DIV.modul_login .card,
DIV.modul_login .cardNoPadding,
DIV.modul_login .boxover,
DIV.modul_login .cardTop,
DIV.modul_login .cardTopNoPadding,
DIV.modul_login .cardBottom,
DIV.modul_login .cardBottomNoPadding{
	background-color: #FFFFFF;

	box-shadow: 0 3px 12px 0 rgb(111 127 134 / 20%);
	overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

DIV.modul_login .card,
DIV.modul_login .cardNoPadding,
DIV.modul_login .boxover{
	border-radius: 8px;
	border: 1px solid #e6e9ec;
}

DIV.modul_login .cardTop,
DIV.modul_login .cardTopNoPadding{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid #e6e9ec;
	border-right: 1px solid #e6e9ec;
	border-left: 1px solid #e6e9ec;
}

DIV.modul_login .cardBottom,
DIV.modul_login .cardBottomNoPadding{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom: 1px solid #e6e9ec;
	border-right: 1px solid #e6e9ec;
	border-left: 1px solid #e6e9ec;
}

DIV.modul_login .card,
DIV.modul_login .cardTop,
DIV.modul_login .cardBottom {
	padding:10px;
}


/****************************************************************************************************************************************************************/
/******************************************************************* css_class/m_card.php (fi) *******************************************************************/
/****************************************************************************************************************************************************************/


/****************************************************************************************************************************************************************/
/*********************************************************** css_class/m_formMinerva.php (inici) **********************************************************/
/****************************************************************************************************************************************************************/

/*
DIV.modul_login TODO:
DIV.modul_login - què és inputCalculaAmplada?
DIV.modul_login - què és subtitol.columna1?
DIV.modul_login */

DIV.modul_login DIV.formMinerva{
	overflow:hidden;
	font-size: var(--font-size-base);
	color: #444444;
}


DIV.modul_login DIV.formMinerva,
DIV.modul_login DIV.formMinerva DIV {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

DIV.modul_login DIV.formMinerva clicable{
	cursor:pointer;
}

DIV.modul_login DIV.formMinerva INPUT[type="text"],
DIV.modul_login DIV.formMinerva INPUT[type="password"],
DIV.modul_login DIV.formMinerva SELECT,
DIV.modul_login DIV.formMinerva TEXTAREA {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

DIV.modul_login DIV.formMinerva INPUT[type="submit"],
DIV.modul_login DIV.formMinerva INPUT[type="button"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

DIV.modul_login DIV.formMinerva DIV.subseccio {
	min-width: 100%;
	width: 80%;
	margin: 0 auto;
	padding: 0 15px;
	background: #FFFFFF;
	text-align: left;
	position: relative;
}

DIV.modul_login div.finestra_pestanya div.seccioCentralPetita DIV.subseccio{
	max-width:1020px;
}

DIV.modul_login DIV.formMinerva.ampladaMaxima DIV.subseccio{
	width: calc(100% - 20px);
	min-width: 0px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio + DIV.subseccio{
	margin-top: 10px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcio,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcioMin,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.subtitol {
	width:auto;
	overflow: hidden;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcio,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcioMin {
	padding: 20px 0;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.subtitol {
	padding: 13px 0px 7px 0px;
	margin-bottom:0px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.icones{
	position: absolute;
	top: 7px;
	right: 6px;
	z-index: 1000;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.subtitolDescripcio{
	margin-top: 5px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio > DIV.opcio ~ DIV.opcio,
DIV.modul_login DIV.formMinerva DIV.subseccio > DIV.opcioMin ~ DIV.opcio,
DIV.modul_login DIV.formMinerva DIV.subseccio > DIV.opcio ~ DIV.opcioMin,
DIV.modul_login DIV.formMinerva DIV.subseccio > DIV.opcioMin ~ DIV.opcioMin,
DIV.modul_login DIV.formMinerva DIV.subseccio > DIV.Formulari_camp ~ DIV.Formulari_camp  { 			/*totes les opcions menys la primera d'elles*/
	border-top: 1px solid #e9e9e9;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.subtitol DIV.columna1{
	font-size: var(--font-size-plus1);
	font-weight: bold;
	text-align: left;
	float: none;
	padding: 0 !important;
	width: auto !important;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna1{
	float: left;
	text-align: right;
	font-weight: bold;
	word-wrap: break-word;
	padding-top: 7px;
	padding-right: var(--formMinerva_columna1_paddingRight);
	position:relative;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica{
	text-align: left;
	word-wrap: break-word;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	width:100%;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna1 img{
	border:0;
	position: relative;
	top: -11px;
	right: -6px;
	height: auto;
	widht: auto;
	max-height: 37px;
	max-weight: 37px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna1 DIV.icon25{
	position:absolute;
	right:8px;
	top:-9px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2{
	float:left;
	position:relative;
}

DIV.modul_login DIV.formMinerva DIV.opcio DIV.columna1{
	width: var(--formMinerva_col2_columna1);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcio DIV.columna2,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcio.Col2 DIV.columna2{
	width: calc(100% - var(--formMinerva_col2_columna1) - var(--formMinerva_col2_columna2_marginRight));
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcio.Col4 DIV.columna2{
	width: calc((100% - 2*var(--formMinerva_col2_columna1) - var(--formMinerva_col2_columna2_marginRight))/2);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcio.Col6 DIV.columna2{
	width: calc(33% - var(--formMinerva_col2_columna1) - var(--formMinerva_col2_columna2_marginRight));
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcio.Col8 DIV.columna2{
	width: calc(25% - var(--formMinerva_col2_columna1) - var(--formMinerva_col2_columna2_marginRight));
}

DIV.modul_login DIV.formMinerva DIV.opcioMin DIV.columna1{
	width: 125px;
}

DIV.modul_login DIV.formMinerva DIV.opcioMin DIV.columnaUnica{
	width: max-content;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcioMin DIV.columna2,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcioMin.Col2 DIV.columna2{
	width: calc(100% - 250px);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcioMin.Col4 DIV.columna2{
	width: calc(50% - 250px);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcioMin.Col6 DIV.columna2{
	width: calc(33% - 250px);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.opcioMin.Col8 DIV.columna2{
	width: calc(25% - 250px);
}



DIV.modul_login DIV.formMinerva DIV.opcio.Col4c DIV.columna1:nth-child(1){
	width: calc(50% - 254px - var(--formMinerva_col2_columna2_marginRight));
}

DIV.modul_login DIV.formMinerva DIV.opcio.Col4c DIV.columna2:nth-child(2){
	width: calc(254px + var(--formMinerva_col2_columna2_marginRight));
}

DIV.modul_login DIV.formMinerva DIV.opcio.Col4c DIV.columna1:nth-child(3){
	width: calc(50% - 254px - var(--formMinerva_col2_columna2_marginRight));
}

DIV.modul_login DIV.formMinerva DIV.opcio.Col4c DIV.columna2:nth-child(4){
	width: 254px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio input[type="text"],
DIV.modul_login DIV.formMinerva DIV.subseccio input[type="password"],
DIV.modul_login DIV.formMinerva DIV.subseccio input[type="radio"],
DIV.modul_login DIV.formMinerva DIV.subseccio select,
DIV.modul_login DIV.formMinerva DIV.subseccio textarea,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.inputCalculaAmplada,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.noEditable{
	border: 1px solid #ccc;
	height: 32px;
	line-height: 20px;
	padding: 5px;
	font-size: var(--font-size-base);
	font-family: Arial;
	max-width: 100%;
	background-color:#ffffff;
}

DIV.modul_login DIV.formMinerva DIV.subseccio input[type="text"].campObligatori,
DIV.modul_login DIV.formMinerva DIV.subseccio input[type="password"].campObligatori,
DIV.modul_login DIV.formMinerva DIV.subseccio input[type="radio"].campObligatori,
DIV.modul_login DIV.formMinerva DIV.subseccio select.campObligatori,
DIV.modul_login DIV.formMinerva DIV.subseccio textarea.campObligatori{
	background-color:#E6EFFC;
}

DIV.modul_login DIV.formMinerva DIV.subseccio .error_camp{
	background-color:#e29691 !important;
}

DIV.modul_login DIV.formMinerva DIV.subseccio .delete_camp{
	text-decoration: line-through;
	color:#e29691 !important;
	cursor: not-allowed;
}

DIV.modul_login DIV.formMinerva DIV.subseccio table{
	line-height: 20px;
	padding: 5px;
	font-size: var(--font-size-base);
	width: 100%;
}

DIV.modul_login DIV.formMinerva DIV.subseccio select{
	padding-left: 5px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio select:disabled{
	opacity:1;
}

DIV.modul_login DIV.formMinerva DIV.subseccio textarea{
	height: 94px;
	resize:none;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.inputCalculaAmplada{
	font-family: Arial;
	width: fit-content;
}


DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.checkbox DIV + DIV
{
	margin-top:10px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.radio,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.radio{
	margin-top: -5px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.checkbox DIV + DIV,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.radio DIV + DIV,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.checkbox DIV + DIV,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.radio DIV + DIV
{
	margin-top:10px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.checkbox input[type="checkbox"],
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.checkbox input[type="checkbox"]{
	height: 25px;
	width: 30px;
	border: 1px solid #ccc;
	filter: hue-rotate(-22deg) saturate(32%) brightness(1.34);
	position: relative;
	top: 7px;
	left: -2px;
	margin-right:3px;
	margin-left:0px;
	cursor: pointer;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.checkbox input[type="checkbox"]:disabled,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.checkbox input[type="checkbox"]:disabled{
	filter: none;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.checkbox label,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.radio label,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.checkbox label,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.radio label{
	font-size: var(--font-size-base);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.radio input + label,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.radio input + label{
	margin-left:4px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.radio input[type="radio"],
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.radio input[type="radio"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-clip: content-box;
	border: 1px solid #ccc;
	border-radius: 31%;
	width: 25px;
	height: 25px;
	padding: 3px;
	position: relative;
	top: 7px;
	margin-right:3px;
	cursor: pointer;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2.radio input[type="radio"]:checked,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columnaUnica.radio input[type="radio"]:checked{
	background-color:#4e90bc;
}


DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 DIV.barraprogres
{
	position:absolute;
	width: 100%;
	height: 32px;
	border: 1px solid #ccc;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 DIV.barraprogres DIV.barraprogresC
{
	margin-top:4px;
	height:22px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 DIV.barraprogres DIV.barraprogresR
{
	margin-top: 7px;
	padding: 0px 2px;
	font-size: var(--font-size-base);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 DIV.barraprogres DIV.barraprogresN,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 DIV.barraprogres DIV.barraprogresN0
{
	height: 100%;
	cursor: pointer;
	float: left;
	margin: 0px;
	padding: 0px;
}
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 DIV.barraprogres DIV.barraprogresN
{
	width: calc((100% - 4px)/10);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 DIV.barraprogres DIV.barraprogresN0
{
	width: 4px;
}



DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 div.multillista_selector {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-image: none;
	height: auto !important;
	overflow: hidden;
	clear: left;
	z-index: 999;
	cursor: pointer;
	min-height: 32px;
	background-color: white;
	font-size: var(--font-size-base);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 div.multillista_selector span.tag {
	white-space: nowrap;
	float: left;
	margin: 2px 3px;
	height: auto !important;
	padding: 0px 6px;
	background-color: rgb(242, 242, 242);
	border-radius: 5px;
	border: 1px solid #ccd5e4;
	overflow: hidden;
	line-height: 24px;
	min-height: 24px;
}



DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 .LlistaHoritzontal_element	{
	padding: 7px 7px;
	margin-right: 15px;
	float: left;
	cursor: pointer;
	vertical-align:middle;
	min-width: 80px;
	text-align: center;
	border: 1px solid rgb(224, 224, 224);
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 .LlistaHoritzontal_element:hover	{
	text-shadow: 0px 0px 1px;
	color: #F0F0F0 !important;
	background-color: #4e90bc;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 .LlistaHoritzontal_element.seleccionat_horitzontal	{
	text-shadow: 0px 0px 1px;
	color: #F0F0F0 !important;
	background-color: #4e90bc;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 .capcaleraTaula
{
	padding-top:7px;
	float: left;
	font-weight:bold;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 .filaTaula  {
/*overflow:hidden;*/
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 .filaTaula > div
{
	float: left;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.columna2 .campLlistaAdjunts
{
	width: fit-content;
	height:25px;
	padding-top:7px;
	padding-bottom:5px;
	font-size: var(--font-size-base);
	float: left;
	display: block;
	overflow: hidden;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.botons{
	text-align:center;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.botons input[type="button"]{
	width: 200px;
	height: 32px;
	cursor: pointer;
	font-size: var(--font-size-base);
	margin: 10px 0px;
	padding: 0px !important;
	border-radius: 8px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.botons input[type="button"] + input[type="button"]{
	margin-left: 20px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista{

}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista DIV.fila,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista DIV.filaSenseColor{
	line-height: 25px;
	padding: 5px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista DIV.fila:nth-child(odd){
	background-color: #efefef;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista DIV.fila:nth-child(even){
	background-color: #ffffff;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista DIV.fila:hover,
DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista DIV.filaSenseColor:hover {
	background-color: #E6EFFC !important;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista DIV.fila.seleccionat {
	text-shadow: 0px 0px 1px;
	background-color: #E6EFFC !important;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista div.iconList {
	position: absolute;
	top: calc(50% - 11px);
	right: 4px;
}

DIV.modul_login DIV.formMinerva DIV.subseccio DIV.llista div.iconListLeft {
	position: absolute;
	top: calc(50% - 11px);
	left: 4px;
}




DIV.modul_login DIV.formMinerva .card,
DIV.modul_login DIV.formMinerva .cardNoPadding,
DIV.modul_login DIV.formMinerva .boxover,
DIV.modul_login DIV.formMinerva .cardTop,
DIV.modul_login DIV.formMinerva .cardTopNoPadding,
DIV.modul_login DIV.formMinerva .cardBottom,
DIV.modul_login DIV.formMinerva .cardBottomNoPadding{
	overflow: unset;
}



/****************************************************************************************************************************************************************/
/************************************************************ css_class/m_formMinerva.php (fi) ************************************************************/
/****************************************************************************************************************************************************************/