.cookie_container { z-index:21; max-width: 500px; } .cookieButtonContainer, .cookiePolicyButtonContainer { display:flex; } .cookiePolicyButtonContainer { max-width:400px; width:100%; margin-left: auto; } .cookieButtonContainer button:nth-of-type(2) { margin-left:10px; margin-right:10px; } .cookiePolicyButtonContainer button:nth-of-type(2) { margin-left:10px; } .modify_cookie_policy_container { max-width: 700px; width: 100%; position: fixed; top: 20px; left: 50%; transform: translate(-50%, 0%); } .cookie_modify_block { position: fixed; display: none; z-index: 2000; width: 100%; height: 100%; background-color: rgba(193, 193, 193, 0.52); } .cookie_policy_close { color: #4D566C; font-size: 35px; cursor: pointer; background: none; border: none; } .cookie_policy_desc { padding-bottom:15px !important; box-shadow: 0px 1px 0px 0px rgb(232 232 232); } .cookie_policy_inputs { display: flex; align-items: center; width: 80%; } .cookie_policy_inputs .checkboxTextContainer { color: #4d566c; display:flex; align-items: center; } .cookie_policy_itemContainer { padding: 10px 0px; box-shadow: 0px 1px 0px 0px rgb(232 232 232); } .cookie_policyPart_Name { font-weight: 700; } .cookie_policy_items { display:none; background-blend-mode: soft-light, normal; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(-2%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)) ), -webkit-gradient(linear, left top, left bottom, from(#e6eaf0), to(#e6eaf0)); background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.7) -2%, rgba(255, 255, 255, 0) ), linear-gradient(to bottom, #e6eaf0, #e6eaf0); padding: 10px 20px; font-size: 12px; color: #f3f3f3; margin-left: 50px; border-radius: 10px; margin-top:10px; } .cookie_policyPart_Count { margin: 0px 15px 0px 5px; font-weight: 700; } .cookie_policyPart_Details { font-size: 12px; text-decoration: underline; cursor: pointer; } .cookie_policy_itemName, .cookie_policy_itemDuration, .cookie_policy_itemDesc { display:flex; } .cookie_policy_item { padding-bottom: 10px; padding-top: 10px; } .cookie_policy_item:not(:last-child) { box-shadow: 0px 1px 0px 0px rgb(209 209 209); } .cookie_policy_item p { font-size: 13px; } .cookie_policy_item p span:nth-of-type(1) { font-weight: 700; width:20%; } .cookie_policy_item p span:nth-of-type(2) { width:80%; } .cookie_body { max-height:550px !important; overflow-y: auto; } .cookiesPartDescText { font-size: 13px !important; margin-left: 50px !important; } .acceptAnalyticsCookies, .acceptSocialCookies, .acceptNeccesseryCookies { display: flex; align-items: center; } .cookie_close, .cookie_policy_close { display:none; } .cookieMobileButton { display:none; } @media screen and (max-width: 600px) { .cookie_container, .modify_cookie_policy_container, .cookiePolicyButtonContainer{ max-width: unset; } .cookieButtonContainer { display:block; } .cookieButtonContainer button:nth-of-type(2) { margin-left:0px; margin-right:0px; } .cookiePolicyButtonContainer button:nth-of-type(2) { margin-left:10px; } .cookie_policy_items { margin-left:0px; } .cookie_policy_item p span:nth-of-type(2) { width: 70%; margin-left: 10%; } .cookieMobileButton { display:block; } .cookieDesktopButton { display:none; } .cookiePolicyButtonContainer { flex-direction: column; } } @media screen and (max-width: 450px) { .cookie_policy_item p span:nth-of-type(2) { width: 60%; margin-left: 20%; } }