:root {
	--cookie-black: #000000;
	--cookie-white: #ffffff;
	--cookie-lightgrey: #ededed;
	--cookie-lightgreen: #81c868;
  --cookie-primary-color: #3c68af;
	--cookie-secondary-color: #3c3c3c;
}


/* --- ALTRO --- */
.hide {
	display: none !important;
}

.m-r-20 {
	margin-right: 20px;
}

#cookieWall h1,
#modal-cookie h1,
#cookieWall h2, 
#modal-cookie h2,
#cookieWall h3, 
#modal-cookie h3,
#cookieWall h4,
#modal-cookie h4 {
	color: var(--cookie-primary-color);
}

/* --- TEXT ---*/
#cookieWall h4,
#modal-cookie  h4,
#cookieWall p,
#modal-cookie p,
#cookieWall a.btn,
#modal-cookie a.btn,
#cookieWall button.btn,
#modal-cookie button.btn,
#cookieWall .text-cookie-wall,
#modal-cookie .text-cookie-wall,
#cookieWall .text-desc-view,
#modal-cookie .text-desc-view {
	font-family: Verdana ,sans-serif !important;
	text-transform: none !important;
}
#cookieWall h4,
#modal-cookie  h4 {
	font-size: 25px !important;
	line-height: 35px !important;
}
#cookieWall a.btn,
#modal-cookie a.btn,
#cookieWall button.btn,
#modal-cookie button.btn {
	font-size: 13px !important;
	line-height: 13px !important;
	padding: 12px 30px !important;
	font-weight: bold !important;
}
#cookieWall .text-cookie-wall,
#modal-cookie .text-cookie-wall {
	font-size: 13px !important;
  line-height: 22px !important;
}
#cookieWall p,
#modal-cookie p {
	font-size: 15px !important;
	line-height: 26px !important;
	margin-bottom: 0 !important;
}
#cookieWall .text-desc-view,
#modal-cookie .text-desc-view {
	font-size: 13px !important;
	line-height: 30px !important;
}

/* --- OBJECT --- */
#cookieWall.modal-cookiebar {
	z-index: 1040 !important;
	background-color: var(--cookie-white);
	color: var(--cookie-secondary-color);
}
#cookieWall.modal-cookiebar a {
	color: var(--cookie-primary-color);
	text-decoration: none;
}
#cookieWall .mt-30, #modal-cookie .mt-30 {
	margin-top: 30px;
}
#cookieWall .mt-40, #modal-cookie .mt-40 {
	margin-top: 40px;
}
#cookieWall .mb-30, #modal-cookie .mb-30 {
	margin-bottom: 30px;
}
.backdrop-cookie {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1030;
	width: 100vw;
	height: 100vh;
	background-color: var(--cookie-black);
}
.backdrop-cookie.fade {
	opacity: 0;
} 
.backdrop-cookie.show {
	opacity: .5;
}
#modal-cookie .text-desc-view {
	display: inline-block;
	color: var(--cookie-secondary-color);
	font-size: 13px;
	padding-right: 20px;
	float: right;
}
#modal-cookie .text-desc-view:hover {
	cursor: pointer;
}
#modal-cookie .p-switch {
	float: right;
}
.btn-rifiuta-cookie, .btn-grey-cookie {
	color: var(--cookie-secondary-color) !important;
	background-color: var(--cookie-lightgrey) !important;
	border-color: var(--cookie-lightgrey) !important;
}
.btn-accetta-cookie {
	color: var(--cookie-secondary-color) !important;
	background-color: var(--cookie-lightgreen) !important;
	border-color: var(--cookie-lightgreen) !important;
}
.btn-outline-cookie {
	color: var(--cookie-secondary-color) !important;
	background-color: transparent !important;
	border-color: var(--cookie-secondary-color) !important;
} 
.btn-blue-cookie {
	color: var(--cookie-white) !important;
	background-color: var(--cookie-primary-color) !important;
	border-color: var(--cookie-primary-color) !important;
}
.cookie-edit-preference {
	position: fixed;
	z-index: 100;
	left: 10px;
	bottom: 10px;
	width: 30px;
	height: 30px;
	font-size: 16px;
	text-align: center;
	background-color: var(--cookie-white);
	color: var(--cookie-primary-color);
	border: 1px solid var(--cookie-lightgrey);
	border-radius: 3px;
}

/* --- BUTTON --- */
button.btn-outline-cookie {
	border-radius: 5px !important;
	border: 1px solid !important;
}

/* --- ICON --- */
#modal-cookie .text-desc-view {
	display: inline-flex;
	align-items: center;
	width: 180px;
}
.icon-cookie-wall {
	width: 16px;
	height: 16px;
	display: inline-block;
}
.icon-cookie-wall.long-arrow-left,
.icon-cookie-wall.file {
	position: relative;
	top: -1px;
}
#modal-cookie .btn > svg {
	margin-right: 6px;
}
.icon-cookie-wall.chevron-down,
.icon-cookie-wall.chevron-up {
	margin-left: 5px;
}
.icon-cookie-wall.info {
	width: 18px;
	height: 18px;
	margin: calc((100% - 18px) / 2) auto !important;
}

.icon-cookie-wall-dismiss {
	width: 25px;
  height: 25px;
  position: absolute;
  right: 15px;
  top: 10px;
}

#modal-cookie .col-btn-switch {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
#modal-cookie .col-btn-switch > .switch-color-success {
  margin-bottom: 0;
}
[id^='coockieDescDet'] {
  padding-top: 10px;
}

.modal-strip {
  bottom: 0;
  left: 0;
  padding: 20px;
  position: fixed;
  width: 100%;
  display: inline-block;
  transform: translate3d(0px, 200px, 0px);
  transition: all 0.7s ease 0s;
}
.modal-strip.modal-active {
  transform: translate3d(0px, 0px, 0px);
}


/* -------------------------------------------------- */
/* ----- RESPONSIVE --------------------------------- */
/* -------------------------------------------------- */


/* ----- TABLET ORIZZONTALE ------------------------- */
@media (max-width: 1024px) and (min-width: 769px)
{
	
}

/* ----- TABLET VERTICALE --------------------------- */
@media (max-width: 768px) and (min-width: 577px)
{
	
	/* --- pulsanti --- */
	#modal-cookie .btn-rifiuta-cookie {
		float: left;
	}
	#modal-cookie .btn-accetta-cookie {
    margin-left: 0px !important;
	}
	#modal-cookie .btn-outline-cookie,
	#modal-cookie .btn-grey-cookie {
		width: 100%;
		padding: 12px !important;
	}
	#modal-cookie .btn-rifiuta-cookie,
	#modal-cookie .btn-accetta-cookie {
		width: 49%;
	}
	
	/* --- icon --- */
	.icon-cookie-wall.long-arrow-left,
	.icon-cookie-wall.file {
		top: -1px;
	}
	
	/* --- scheda personalizzazione --- */
	#modal-cookie > .modal-dialog {
    max-width: 90% !important;
    margin-top: 10% !important;
	}
	#modal-cookie > .modal-dialog > .modal-content > .modal-body {
		padding: 20px !important;
	}
	.modal-body > .row:first-child > .col-sm-6:first-child {
    padding-right: 5px !important;
	}
	.modal-body > .row:first-child > .col-sm-6:last-child {
    padding-left: 5px !important;
	}
	
}

/* ----- MOBILE ------------------------------------- */
@media (max-width: 576px)
{
	
	/* --- pulsanti --- */
	#modal-cookie .btn {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#cookieWall .btn,
	#modal-cookie .btn {
    width: 100%;
    padding: 15px !important;
	}
	#cookieWall .container > .row:last-child > .col-md-6:first-child {
    margin-bottom: 10px
	}
	#cookieWall .container > .row:last-child > .col-md-6:last-child > div > a:first-child {
		margin-bottom: 10px !important;
	}
	#cookieWall .container > .row:last-child > .col-md-6:last-child > div > a:last-child {
		margin-left: 0px !important;
	}
	
	#modal-cookie .btn-accetta-cookie {
		margin-left: 0px !important;
	}
	#modal-cookie .modal-body > .row:not(:last-child) .btn {
  	margin-bottom: 10px;
	}
	
	/* --- sez. mostra descrizione --- */
	#modal-cookie .text-desc-view {
    float: left;
    padding-right: 0px;
	}
	
}