#cookie_report { font-size: 1em; overflow-x: auto }
#cookie_report .table { overflow-x: auto }
#cookie_report table { font-size: 0.9em; width: 100%; border: 0; border-spacing: 0; border-collapse: collapse }
#cookie_report table th, #cookie_report table td { text-align: center }
#cookie_report table .head { background: #c0c0c0; border-left: 1px solid #e5e5e5 }
#cookie_report table .head th { text-align: center; padding: 8px 2px; font-weight: bold }
#cookie_report table .row { display: table-row; color: #555555; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5 }
#cookie_report table .row td { text-align: center; font-size: 0.9em; padding: 2px; border-right: 1px solid #e5e5e5 }
#cookie_report table .row td p { padding: 0; margin: 0 }
#cookie_report table .s { width: 14% }
#cookie_report table .m { width: 24% }
#cookie_report table .l { width: 34% }
#cookie_container { font-size: 1em }
#cookie_container.hide,
#cookie_container .hide { display: none }
#cookie_container a,
#cookie_container a:hover { text-decoration: none }
#cookie_container .clear { clear: both; font-size: 0.01px }
#cookie_info { font-size: 1.2em; z-index: 999999; position: fixed; width: 100%; height: auto; left: 0; bottom: 0; color: #ffffff; text-align: center; background: #000000; padding: 20px 0 }
#cookie_info a { float: right; display: inline-block; background: #18a300; color: #ffffff; padding: 6px; margin-right: 10px }
#cookie_info #cookie_notaccept_all { float: none; width: 30px; height: 30px; line-height: 30px; position: absolute; top: -5px; right: 2px; display: block; border-radius: 50%; padding: 0; margin: 0 }
#cookie_settings_popup { z-index: 999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8) }
#cookie_settings_popup.hide { display: none }
#cookie_settings { text-align: left; position: fixed; top: 5%; left: 20%; width: 60%; background: #ffffff; color: #333333 }
#cookie_settings_title { background: #e5e5e5; padding: 0 20px; height: 65px; line-height: 65px; font-weight: bold; font-size: 1.4em; text-align: center; border-bottom: 2px solid #c0c0c0 }
#cookie_settings_title .close { display: block; display: none; width: 25px; height: 25px; line-height: 22px; background: #cccccc; color: #333333; border-radius: 50%; border: 3px solid #ffffff; position: absolute; right: 5px; top: 18px }
#cookie_settings_menu { position: relative; background: #ffffff; float: left; width: 20%; height: 350px; padding: 0; margin: 0; list-style: none }
#cookie_settings_menu li { background: #f0f0f0; border-bottom: 1px solid #cccccc; padding: 0; margin: 0 }
#cookie_settings_menu li a { display: block; padding: 10px; border-right: 1px solid #cccccc }
#cookie_settings_menu li a.active, #cookie_settings_menu li a:hover { color: #000000; background: #ffffff; border-right-color: #ffffff }
#cookie_settings_panels { font-size: 1em; position: relative; float: right; width: 79%; height: 350px; overflow: auto }
#cookie_settings_panels .panel { padding: 10px }
#cookie_settings_panels .panel .status { padding: 10px 0 }
#cookie_settings_panels .panel .status strong { float: right; display: inline-block; padding: 5px 10px }
#cookie_settings_panels .panel .status a { float: right; display: inline-block; background: #ffffff; width: 44px; padding: 2px; border: 1px solid #c0c0c0; border-radius: 13px }
#cookie_settings_panels .panel .status a span { float: left; display: inline-block; background: #c0c0c0; width: 20px; height: 20px; border-radius: 10px }
#cookie_settings_panels .panel .status a.active { border-color: #18a300 }
#cookie_settings_panels .panel .status a.active span { float: right; background-color: #18a300 }
#cookie_settings_panels .panel .status a.readonly { cursor: default }
#cookie_settings_panels .table { overflow-x: auto }
#cookie_settings_panels table { font-size: 0.9em; width: 100%; border: 0; border-spacing: 0; border-collapse: collapse }			
#cookie_settings_panels table .head { background: #c0c0c0; border-left: 1px solid #e5e5e5 }
#cookie_settings_panels table .head th { text-align: center; padding: 8px 2px; font-weight: bold }
#cookie_settings_panels table .row { display: table-row; color: #555555; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5 }
#cookie_settings_panels table .row td { text-align: center; font-size: 0.9em; padding: 2px; border-right: 1px solid #e5e5e5 }
#cookie_settings_panels table .row td p { padding: 0; margin: 0 }
#cookie_settings_panels table .s { width: 14% }
#cookie_settings_panels table .m { width: 24% }
#cookie_settings_panels table .l { width: 34% }
#cookie_settings_footer { background: #e5e5e5; padding: 15px; text-align: right; border-top: 1px solid #c0c0c0 }
#cookie_settings_footer div { padding-bottom: 10px }
#cookie_settings_footer a { font-size: 1.2em;  display: inline-block; background: #18a300; color: #ffffff; padding: 6px }

@media screen and (max-width: 767px) {
	#cookie_settings { font-size: 0.9em; top: 0; width: 90%; height: 100%; left: 5%; overflow: auto }
	#cookie_settings_menu { float: left; width: 100%; height: auto }
	#cookie_settings_panels { float: right; width: 100%; height: auto }
}