[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.footer.pt-4 {
	margin-top: 1.5rem;
	padding-top: 0rem!important;
}

.container,.container-fluid{
	margin-top:20px;
	padding-bottom:80px!important;
	min-height:calc(100% - 126px)!important;
	flex: 1 0 auto;
}

html, body {
  height: 100%;
}

.footer { 
	font-size: 80%!important;
	flex-shrink: 0;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin-top: -70px;
	height: 70px;
}

body {
	color: #00496c !important;
	display: flex;
  flex-direction: column;
}

.page_title{
	text-align: center;
	margin-top:40px;
	margin-bottom:40px;
}

.zq-main-menu-item {
	margin-top: 40px;
}

.zq-main-menu-item div{
	margin-top: 20px;
}

.zq-main-menu-item a{
	text-decoration: none;
	color: inherit;
}

.zq_main_menu {
	margin-top: 80px;
}

table thead td{
	width:90px; 
	height:30px;
	font-weight:bold
}

.fa-info-circle {
	cursor: pointer
}

span[data-toggle=tooltip] {
  cursor:pointer;
}

.angular-with-newlines {
	white-space: pre-wrap;
}

.only-for-copy-paste {
	position: absolute;
	color: rgba(0, 0, 0, 0);
	z-index: -100;
}

.dropdown-toggle {
	margin: 0px;
}


.tooltip-inner {
    background-color: #2f4fff;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #2f4fff !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #2f4fff !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #2f4fff !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #2f4fff !important;
}




/* Estil inicial */
/*menu-item-img-width {
  transition: background-color 0.3s, transform 0.3s;
}*/

/* Estil quan es fa hover */
/*menu-item-img-width:hover {
  background-color: gray;
  transform: scale(1.1);
}*/

/* Estil de l'element bloquejat */
/*menu-item-img-width.blocked {
  background-color: yellow;
  cursor: not-allowed;
}*/

/* Estil de l'element en construcció */
/*menu-item-img-width.underconstruction {
  background-color: orange;
  cursor: not-allowed;
}*/

menu-item-img-width {
  width: 200px;
  height: 200px;
  background-color: blue;
  transition: all 0.3s ease; /* Transició suau de l'animació */
}

menu-item-img-width:hover {
  width: 300px;
  height: 300px;
}