/*
:root {
  --qmain-text-color: #4e4e4e;
  --qmain-link-color: #34b9bb;
  --qmain-link-color-hover: #69CECE;
}
*/

@media all{
    
    /* colori utilizati */
		.mkocolornerocookies{color:#000;}
		.mkocolornerocookies a, .mkocolornerocookies a:link{
			color:#000;
			text-decoration:underline;
		}
		.mkocolornerocookies a:hover, .mkocolornerocookies a:focus, .mkocolornerocookies a:active{
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease; 
			transition: all 0.3s ease;
			color: #28a9ed;
		}
    
    /* checkbox */
		input[type="checkbox"] {
			accent-color: #28a9ed; /* è  il colore della spunta quando è attivo */
			color: #fff;
		}
    
    /* contenitore principale */
		.mkocookies{ 
			position: fixed;
			z-index: 100000;
			bottom: 15px;
			width: 80%;
			margin: 0 10%;
			display: none;
			background-color: #efefef;
			box-shadow: 0 0 10px #000;
		}
    
    /* contenitore testuale dei contenuti */
		.mkocontainercookies{
			line-height: 1.3em;
			max-width:850px;
			width:calc(100% - 30px);
			margin:0 auto;
			padding: 15px 15px 30px 15px;
			font-size: 13px;
			font-family: Arial,Helvetica,Verdana,sans-serif;
		}
			/* titolo */
				.mkotitolocookies{
					line-height: 1.5em;
					font-size: 16px;
					font-weight: 600;
				}

    /* lista link di scelta */
		ul.mkoullisel{
			margin: 20px 0 0 0;
		}
		.mkoullisel li{
			display: inline-block;
			margin: 0 8px 0 8px;
		}
    
    /* pulsante Accetto tutto*/
		a.mkolinkaccettocookies:link{
			padding: 10px 20px;
			text-decoration: none;
			color:#000;
			background-color: #0ada62;
		}
		a.mkolinkaccettocookies:hover, a.mkolinkaccettocookies:focus, a.mkolinkaccettocookies:active{
			color:#fff;
			background-color: #28a9ed;
			
		}
	
    /* lista chekbox */
		ul.mkoullicheck{
			margin: 20px 0 0 0;
		}
		.mkoullicheck li{
			display: inline-block;
			margin: 0 8px;
		}
        
    /* contenitore dettagli che si apre */
	#mkocookiesdetails {
		display: none;
		padding: 20px 0px 0px 0px;
	}
		.cookintit {display: block;}
		.cooktitdesc {display: none;}
		.cookrigadet{
			padding: 10px 0;
		}
        .detailsdata {
            max-height: 200px;
            overflow-y: scroll;
            font-size: 10px;
        }
			.detailsdatanome{
				float: left;
				padding: 5px;
				width: calc(14% - 10px);
			}
			.detailsdatadominio{
				float: left;
				padding: 5px;
				width: calc(14% - 10px);
			}
			.detailsdatadescrizione{
				float: left;
				padding: 5px;
				width: calc(47% - 10px);
			}
			.detailsdatadurata{
				float: left;
				padding: 5px;
				width: calc(15% - 10px);
			}
			.detailsdatatipo{
				float: left;
				padding: 5px;
				width: calc(10% - 10px);
			}

	/* icona cookies*/
		.gdpr-float-btn {
			position: fixed;
			bottom: -5px;
			right: -5px;
			background-color: #08ad4f;
			height: 70px;
			width: 70px;
			z-index: 9999;
			border-radius: 100px;
			display: flex;
			justify-content: center;
			align-items: center;
			color: white;
			transition: .2s transform ease;
			cursor: pointer;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		}
		.gdpr-float-btn:hover {
			transform: scale(1.1);
			background-color: #28a9ed;
		}
}




@media all and (max-width: 800px){
    
    /* contenitore principale */
		.mkocookies{
			bottom: 10px;
			width: 94%;
			margin: 0 3%;
			box-shadow: 0 0 7px #000;
		}
    
    /* contenitore testuale dei contenuti */
		.mkocontainercookies{
			line-height: 1.2em;
			width:calc(100% - 20px);
			padding: 10px 10px 10px 10px;
			font-size: 12px;
		}
    
    /* titolo */
		.mkotitolocookies{
			line-height: 1.4em;
			font-size: 14px;
			font-weight: 600;
		}

	/* lista link di scelta */
		ul.mkoullisel{
			margin: 5px 0 0 0;
		}
		.mkoullisel li{
			/*display: block;*/
			/*margin: 5px 0;*/
			margin: 0 5px;
		}
		.mkoullisel li:last-child{
			margin: 15px 0 0 0;
		}
	
	/* pulsante accetto tutto */
		a.mkolinkaccettocookies:link{
			padding: 7px 14px;
		}
		
    /* lista chekbox */
		ul.mkoullicheck{
			margin: 10px 0 0 0;
		}
		.mkoullicheck li{
			display: inline-block;
			margin: 5px 0;
		}

    /* contenitore dettagli che si apre */
		.cookintit {display: none;}
		.cooktitdesc {display: inline-block;}
		.detailsdatanome{
			float: none;
			padding: 3px;
			width: calc(100% - 6px);
		}
		.detailsdatadominio{
			float: none;
			padding: 3px;
			width: calc(100% - 6px);
		}
		.detailsdatadescrizione{
			float: none;
			padding: 3px;
			width: calc(100% - 6px);
		}
		.detailsdatadurata{
			float: none;
			padding: 3px;
			width: calc(100% - 6px);
		}
		.detailsdatatipo{
			float: none;
			padding: 3px;
			width: calc(100% - 6px);
		}
		
		
	/* icona cookies*/
		.gdpr-float-btn img{
			width: 25px;
		}
		.gdpr-float-btn {
			bottom: -3px;
			right: -3px;
			height: 45px;
			width: 45px;
		}
	
	
}