/* ==========================================================================
    Cookies
    ========================================================================== */
#cookies-main-popup,
#cookies-config-popup {	
	color: #444;
	background-color: #FFFFFF;
	border-radius: 8px;
	top: 30px;
	z-index: 1000;
	display: none;
	overflow: hidden;
}
#cookies-main-popup .modal-content,
#cookies-config-popup .modal-content {
	border-radius: 10px !important;
	padding: 0;
}
#cookies-main-popup .modal-header,
#cookies-config-popup .modal-header {
	background: #FFF; 
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e5e5e5; 
	height: 70px;
	padding: 0 15px;
}
#cookies-main-popup .modal-header .close,
#cookies-config-popup .modal-header .close{
	margin: 0 !important;
	font-size: 24px;
	background-color: transparent;
	appearance: none;
    border: none;
}
#cookies-main-popup .modal-header .modal-title,
#cookies-config-popup .modal-header .modal-title {
	color: #000000;
	text-transform: none;
	font-weight: 600;
	font-size: 20px !important;
	margin-bottom: 0;
}
#cookies-main-popup .modal-header span,
#cookies-config-popup .modal-header span {
	color: #000000;
}
#cookies-main-popup .modal-body {
	height: calc(100vh - 330px);
	max-height: 380px;
	overflow: auto;
	padding: 20px;
	padding-right: 35px;
}
#cookies-config-popup .modal-body{
	height: calc(100vh - 330px);
	max-height: 400px;
	overflow: auto;
	padding: 20px;
	padding-right: 35px;
}
#cookies-main-popup p {
	top: 30px !important;
	font-size: 15px;
	color: #444;
}
#cookies-main-popup .modal-footer {
	background-color: #FFFFFF;
	border-top: 1px solid #e5e5e5; 
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: auto;
	padding: 0 15px;
}
#cookies-config-popup .modal-footer {
	background-color: #FFFFFF;
	border-top: 1px solid #e5e5e5; 
	display: flex;
	justify-content: end;
	align-items: center;
	height: auto;
	padding: 0 15px;
}
#cookies-main-popup .btn,
#cookies-config-popup .btn {
	background-color: #185EA9;
	color: #FFFFFF;
	border-radius: 6px !important;
	padding: 5px 20px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	font-size: 14px;
}
#cookies-config-popup .modal-body.cookies-modal-body .nav.nav-list.tree {
	width: 100%;
	height: auto; 
	/*position: relative; 
	top: 20px;*/
	display: flex;
	flex-direction: column;
	gap: 10px;
	background-color: #FFFFFF;
	text-align: left; 
}
#cookies-config-popup .modal-body .nav.nav-list.tree li {
	width: 100%;
	height: 50px;
	top: 0 !important; 
	/*border-bottom: 1px solid #e5e5e5;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	text-transform: none;
    text-align: left;
}
#cookies-config-popup .modal-body .nav.nav-list.tree li:last-child {
	border-bottom: none;
}
/*#cookies-config-popup .modal-body .nav.nav-list.tree li:hover,
#cookies-config-popup .modal-body .nav.nav-list.tree li:active {
	background-color: #E7EEF6;
	border-radius: 10px;
}*/
#cookies-config-popup .modal-body .nav.nav-list.tree li a {
    color: #444;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: normal;	
	padding-left: 10px;
	cursor: pointer;
}
#cookies-config-popup .modal-body .nav.nav-list.tree li a:hover,
#cookies-config-popup .modal-body .nav.nav-list.tree li a:active,
#cookies-config-popup .modal-body .nav.nav-list.tree li a.active {
	background-color: #E7EEF6;
	border-radius: 10px;
	padding-left: 10px;
}
#cookies-config-popup .modal-body .nav.nav-list.tree li span {
	position: absolute;
	right: 20px;
}
#cookies-config-popup .modal-body .tabs .indicator {
	display: none !important;
}
#cookies-config-popup p {
	top: 8px !important; 
	font-size: 15px !important; 
	color: #444 !important;
	line-height: 20px;
}
#cookies-config-popup h4 {
	text-transform: none;
	color: #000000 !important;
	letter-spacing: normal;
	font-size: 20px !important;
}
#cookies-config-popup h5 {
	font-weight: 600; 
	font-size: 17px; 
	color: #185EA9;
	letter-spacing: normal;
}
#cookies-config-popup label {
	font-weight: 400; 
	font-size: 15px; 
	color: #444;
}
#cookies-config-popup a,
#cookies-main-popup a {
	color: #185EA9;
}
#cookies-main-popup .modal-footer .row-footer-buttons {
	display: flex; 
	justify-content: space-between; 
	align-items: center;
	width: 100%;
}
#cookies-main-popup .modal-footer .app_btn,
#cookies-config-popup .modal-footer .app_btn {
	font-size: 15px;
	min-width: auto;
	padding: 5px 20px;
}
#cookies-main-popup .modal-footer .app_btn.inverse {
	background: transparent !important; 
	color: #185EA9; 
	border: none;
	font-size: 15px;
	min-width: auto;
	padding: 5px 20px;
}
#cookies-main-popup .modal-footer .app_btn.inverse:hover {
    box-shadow: none !important;
    color: #185EA9;
}
#cookies-main-popup .modal-footer .app_btn.inverse:focus {
    box-shadow: none !important;
    outline: none !important;
}
#cookies-config-popup .cookies-modal-body .togglebutton label {
    display: flex;
    align-items: center;
    gap: 10px;
}
#cookies-config-popup .cookies-modal-body .togglebutton input[type=checkbox] {
    height: 18px;
    width: 18px;
    margin: 0;
    accent-color: #185EA9;
	visibility: visible;
	position: relative;
	left: auto;
}
.cookies-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	z-index: 999;
	opacity: 0.5;
	will-change: opacity;
	display: none;
}
@media (max-width: 768px) {
	#cookies-main-popup, #cookies-config-popup {
		width: 100%;
		padding-right: 0;
		top: 0;
		bottom: 0;
		min-height: 95%;
		overflow: hidden;
	}
	#cookies-main-popup .modal-dialog,
	#cookies-config-popup .modal-dialog {
		margin: 10px auto !important;
	}
	#cookies-main-popup .modal-body { 
	    height: calc(100vh - 270px);
		max-height: 100%;
		overflow: auto;
		padding-bottom: 30px;
	}
	#cookies-config-popup .modal-body.cookies-modal-body {
		height: calc(100vh - 175px);
		max-height: 100%;
		overflow: auto;
		padding-bottom: 30px;
	}
	#cookies-main-popup p {
		font-size: 15px !important;
	}
	#cookies-main-popup .modal-footer,
	#cookies-config-popup .modal-footer {
		border-top: 1px solid #e5e5e5; 
	}	
	#cookies-main-popup .row-footer-buttons {
		flex-direction: column-reverse;
		gap: 0;
	}
	#cookies-main-popup .row-footer-buttons .app_btn.inverse:first-child {
		width: 95%;
	}
	#cookies-main-popup .modal-body, 
	#cookies-config-popup .modal-body {
		padding-left: 20px;
		padding-right: 20px;
	}
	#cookies-config-popup .container-fluid {
		padding: 0;
	}
	#cookies-config-popup .modal-body.cookies-modal-body .nav.nav-list.tree {
		top: 0;
		margin-bottom: 30px;
	}
	#cookies-config-popup ul.nav > li > a {
		padding: 0;
	}
	#cookies-main-popup .btn,
	#cookies-config-popup .btn {
		width: 300px;
		white-space: nowrap;
	}
	.action-cookies-container {
		flex-direction: column;
		gap: 4px;
	}
}