/*
 * SPDX-FileCopyrightText: NOI Techpark <digital@noi.bz.it>
 *
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */

@media only screen{
	.cm-cookies{font-size:12px;background:#181818;position:fixed;color:#bcbcbc;padding:12px 0;line-height:1.4em;width:100%;z-index:999999;font-family:verdana,sans-serif}
	.cm-cookies.cm-bottom{bottom:0}
	.cm-cookies.cm-top{top:0}
	.cm-centre{margin:auto;width:95%}
	.cm-cookies a{color:#dfdfdf;text-decoration:underline;}
	.cm-cookies a:hover{color:#dfdfdf;text-decoration:none}
	.cm-cookies .cm-buttons{float:left;min-width:65%;width:100%;font-size:.95em;font-family:arial,sans-serif}
	.cm-cookies .cm-buttons span{font-size:1em;font-weight:bold;text-transform:uppercase;width:38%;padding:0.65em 5%;text-align:center;white-space:nowrap}
	.cm-cookies .cm-cookie-accept,.cm-cookies .cm-cookie-decline{color:#bcbcbc;background:#383838;float:left}
	.cm-cookies .cm-cookie-decline{float:right;color:#9c9c9c;}
	.cm-cookies .cm-buttons span:hover{color:#fff;cursor:pointer;background:#4b4b4b;}
	.cm-cookies .cm-text{margin-bottom:10px;padding:7px 0}

	/* Cookie table */
	.cm-cookie-table{font-size:0.7em;line-height:120%;width:100%;overflow:auto;/*float:left;*/margin-bottom:30px}
	.cm-cookie-table table{width:100%}
	.cm-cookie-table th,.cm-cookie-table td{padding:9px 10px}
	.cm-cookie-table th{background:#ebebeb;font-size:1.05em;color:#333;border-bottom:1px solid #ccc;padding-bottom:5px}
	.cm-cookie-table td{border-bottom:1px solid #d6d6d6}
	.cm-cookie-table table th:nth-child(7){white-space:nowrap}
	.cm-cookie-table table td:nth-child(5),.cm-cookie-table table td:nth-child(6),.cm-cookie-table table td:nth-child(7){white-space:nowrap}
}

@media only screen and (min-width:31.250em){ /* 500px */
	.cm-cookies .cm-buttons{max-width:250px}
}

@media only screen and (min-width:50em){ /* 800px */
	.cm-centre{margin:0 auto;padding:0;width:95%;position:relative}
	.cm-cookies .cm-text{margin-right:30%;margin-bottom:0}
	.cm-cookies .cm-buttons{position:absolute;right:0;top:0;bottom:0;margin:auto 0;min-width:0;max-width:550px;width:25%;height:3.1rem}
}