@CHARSET "UTF-8";

#cookie {
	position: fixed;
	float: left;
    bottom: 40%;
    bottom: calc( 50% - 80px );
    left: 30%;
    left: calc( 50% - 250px );
    width: 500px;
	padding: 20px 0 20px 0;
	z-index: 10007;
	display: none;
	color: #000000;
	font-size: 0.9em;
	-webkit-font-smoothing: antialiased;
}

#cookie a, #cookieDialog a {
	color: #000000;
	text-decoration: underline;
}

#cookie a:hover, #cookieDialog a:hover {
	color: #a1c524;
	text-decoration: none;
}

#cookie .cookiePad {
    margin: 0 auto 0 auto;
    padding: 0 20px 0 20px;
}

#cookie .cookieCont {
	float: Left;
	width: 100%;
}

#cookie .cookieButs {
	float: right;
	width: fit-content;
	margin-top: 30px;
}

.cookieTitle {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-size: 1.3em;
	font-weight: bold;
}

.cookieText {
	float: left;
	width: 100%;
	font-size: 1em;
	margin-bottom: 20px;
}

.cookieButAgree, .cookieButSettings, .cookieButSave, .cookieButReject {
	float: left;
	border: 1px solid #000000;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	text-align: center;
    background-color: #FFFFFF;
    border-radius: 0;
}

.cookieButReject {
	border: none;
	color: #AAAAAA;
}

.cookieButReject:hover {
	text-decoration: underline;
}

.cookieButAgree {
	background-color: #000000;
	color: #FFFFFF;
}

.cookieButAgree:hover, .cookieButSettings:hover, .cookieButSave.ui-state-hover {
	background-color: #000000;
	color: #FFFFFF;
}

.cookieButAgree:hover {
	border-color: #a1c524;
	background-color: #a1c524;
}

.cookieButSave.ui-state-hover .ui-button-text, .cookieButAgreeDialog .ui-button-text {
	color: #FFFFFF;
}

.cookieButSave.ui-state-focus, .cookieButAgreeDialog.ui-state-focus {
	border: 1px solid #000000;
    background-color: #FFFFFF;
}

.cookieButSave .ui-button-text, .cookieButAgreeDialog .ui-button-text {
	padding: 0;
}

#cookieDialog {
    overflow-y: scroll;
}

#cookieDialog .accordion {
	float: left;
	width: 100%;
}

#cookieDialog .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display: none;
}

#cookieDialog .ui-accordion-content {
	position: relative;
}

#cookieDialog .cookieButAgree {
	clear: both;
	margin: 20px 0 30px 0;
}

#cookieDialog .cookieYesNo {
    float: right;
    color: #a1c524;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 0.8em;
}

#cookieDialog .cookieYesNo.first {
	top: 10px;
}

#cookieDialog .accordion h3 {
	width: 100%;
    border: 1px solid #EEEEEE;
    border-radius: 0;
    padding: 10px;
    position: relative;
    font-weight: bold;
    font-size: 1em;
    padding-right: 90px;
}

#cookie .cookieButAgree, .cookieButSettings {
	float: right;
}

.cookieButSettings {
	margin-right: 10px;
}

#cookieDialog .yesno {
	float: left;
	margin: 10px 0 10px 0;
	padding: 0;
	border-radius: 15px;
	width: 35px;
	cursor: pointer;
	height: 21px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #949494;
    border: none;
    z-index: 0;
    transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	outline: none;
}

#cookieDialog div.cookieDetail {
	margin-top: 20px;
	display: none;
	float: left;
	width: 100%;
	font-size: 0.8em;
}

#cookieDialog div.cookieDetail .cookieTitle {
	margin: 20px 0 20px 0;
}

#cookieDialog div.cookieDetail .cookieTitle:nth-child( 1 ) {
	margin-top: 0;
}

#cookieDialog div.cookieDetail > div {
	float: left;
	width: 100%;
	padding: 20px;
}

#cookieDialog div.cookieDetail > div:nth-child( odd ) {
	background-color: #F9F9F9;
}

#cookieDialog div.cookieDetail > div > div {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

#cookieDialog div.cookieDetail > div > div > div.cookieDetailLeft {
	float: left;
	width: 35%;
}

#cookieDialog div.cookieDetail > div > div > div.cookieDetailRight {
	float: right;
	width: 63%;
}

#cookieDialog .yesno .yncirc {
	z-index: 0;
	width: 17px;
	height: 17px;
	border-radius: 20px;
	background-color: #FFFFFF;
	margin: 0 0 0 2px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

#cookieDialog .yesno.active {
	background-color: #a1c524;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

#cookieDialog .yesno.active .yncirc {
	margin-left: 16px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

@media screen and ( max-width: 800px ) {
	.ui-dialog[aria-describedby="cookieDialog"] {
		max-width: 90%;
	}
}

@media screen and ( max-width: 600px ) {
	#cookie {
	    bottom: 0;
	    left: 0;
    	width: 100%;
	}
	
	#cookie .cookieCont {
		margin-bottom: 20px;
	}
	
	#cookie .cookieButs {
		float: none;
	    width: fit-content;
	    text-align: center;
	    margin: 0 auto 0 auto;
	}
	
	#cookie .cookieTitle, #cookie .cookieText {
		text-align: center;
	}
}

@media screen and ( max-width: 500px ) {
	#cookieDialog div.cookieDetail > div > div > div.cookieDetailLeft, #cookieDialog div.cookieDetail > div > div > div.cookieDetailRight {
		float: left;
		width: 100%;
	}
	
	#cookieDialog div.cookieDetail > div > div > div.cookieDetailLeft {
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	#cookie .cookieButs, div[aria-describedby="cookieDialog"] .ui-dialog-buttonset {
		float: none !important;
	    width: fit-content;
	    text-align: center;
	    margin: 0 auto 0 auto;
	}
	
	.cookieButAgree, .cookieButAgreeDialog, .cookieButSettings, .cookieButSave, .cookieButReject {
		float: none !important;
		display: block;
	    width: fit-content;
    	margin: 10px auto 10px auto !important;
    	clear: both;
	}
}