<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Per ubicarlo a dalt, o treiem per a que no hi hagi problemes d'ordre de capes
#layout{position:relative; z-index:200;}
.alert-body:before {
    background-color: #f0f0f0;
    background-position: left bottom;
    bottom: 3.125em;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
}
.alert-body {
    color: #f0f0f0;
    font-size: 100%;
    padding: 1em;
    position: relative;
}
div#trackingCookie .alert-content {
    min-height: 2em;
    padding-left: 0.625em;
    padding-right: 0.625em;
    text-align: center;
}
*/

div#trackingCookie .alert-text {
    background-color: #f0f0f0;
    bottom:0px;
	color: #3E3D40;
    float: none !important;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.75em;
    height: 3em;
    line-height: 1.3em;
    padding: 2em 0;
    position: fixed !important;
    z-index: 9999;
    text-shadow: none;
    
    /*No semblen afectar pero per resetejar*/
    display:block;
    width: 100% !important;
    margin: 0 auto !important;
    left: 0;
    right: 0;
    /*text-align: center;*/
}
div#trackingCookie .alert-text .alert-text-center{
	margin: 0 auto;
    text-align: left;
    width: 82em;
}
div#trackingCookie .alert-text .alert-text-left{
	float:left;
	width: 75em;
}
div#trackingCookie .alert-text .alert-text-right{
	float:right
}
div#trackingCookie .alert-close{
}
div#trackingCookie a {
    color: #FFC229;
    text-decoration: underline;
}
div#trackingCookie a:hover {
	/*color: #FFC229;*/
}
div#trackingCookie .btn {
	background-image: url("/portal/system/modules/edu.uoc.portal.presentations.resources/resources/images/icons/matriculat-l.png");
	background-repeat:no-repeat;
	background-position: left top;
	display: inline-block;
	float: none;
	padding-left: 1.4em;
	text-decoration: none;
}
div#trackingCookie .btn:hover{
	color: #3E3D40;
	text-decoration: none;
	background-position: left bottom -3px;
}
div#trackingCookie .btn span {
    background-image: url("/portal/system/modules/edu.uoc.portal.presentations.resources/resources/images/icons/matriculat-r.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: inline-block;
    float: none;
    line-height: 2.6em;
    padding-right: 1.7em;
    color: #3E3D40;
}
div#trackingCookie .btn:hover span{
	background-position: right bottom -3px;
}

/*RESPONSIVE*/
@media only screen and (min-width: 801px) and (max-width: 1024px) { 
	.container{width:1024px;}
	div#trackingCookie .alert-text {height: 3em;}
	div#trackingCookie .alert-text .alert-text-center {width: 60em;}
	div#trackingCookie .alert-text .alert-text-left {width: 53em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 751px) and (max-width: 800px) { 
	.container{width:800px;}
	div#trackingCookie .alert-text {height: 3em;}
	div#trackingCookie .alert-text .alert-text-center {width: 60em;}
	div#trackingCookie .alert-text .alert-text-left {width: 53em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 601px) and (max-width: 750px) { 
	.container{width:750px;}
	div#trackingCookie .alert-text {height: 5em;}
	div#trackingCookie .alert-text .alert-text-center {width: 47em;}
	div#trackingCookie .alert-text .alert-text-left {width: 40em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 481px) and (max-width: 600px) { 
	.container{width:600px;}
	div#trackingCookie .alert-text {height: 6em;}
	div#trackingCookie .alert-text .alert-text-center {width: 38em;}
	div#trackingCookie .alert-text .alert-text-left {width: 31em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
	.container{width:480px;}
	div#trackingCookie .alert-text {height: 8em;}
	div#trackingCookie .alert-text .alert-text-center {width: 26em;}
	div#trackingCookie .alert-text .alert-text-left {width: 20em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}

@media only screen and (min-width: 100px) and (max-width: 320px) {
	.container{width:320px;}
	div#trackingCookie .alert-text {height: 17em;}
	div#trackingCookie .alert-text .alert-text-center {width: 16em;}
	div#trackingCookie .alert-text .alert-text-left {width: 10em;}
	div#trackingCookie .alert-text .alert-text-left p {font-size:1em;}
}
</pre></body></html>