:root {

--color-def: #2b2420;
--color-pri: #005ba9;

}
.CookieConsentBarContainer { display: none; }
.CookieConsentBarContainer.show { display: block; background-color: rgba(17, 17, 17, 0.5) !important; position: fixed; z-index: 10000000000; width: 100%; height: 100%; top: 0px; left: 0px; }

/* *****************************************************  */

#CookieConsentBar { width: 70%; max-width: 800px; margin: 0 auto; line-height: 18px; letter-spacing: normal; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #FFFFFF; z-index: 999997; box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.35); outline: none;  }

#CookieConsentBar[data-cookie="default"] { padding: 15px 20px 15px 20px; }
#CookieConsentBar[data-cookie="reszletek"] { padding: 0px; overflow: visible; height: 90%; }

/* *****************************************************  */

#CookieConsentBarClose { font-size: 29px; cursor: pointer; position: absolute; right: 15px; top: 0px; color: #2d2d2d; }

/* *****************************************************  */

.CookieConsentBarContent { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }

/* *****************************************************  */

#CookieConsentBar[data-cookie="default"] .content { text-align: center; }
#CookieConsentBar[data-cookie="default"] .content p { color: #2d2d2d; font-size: 18px; font-weight: 700; margin-bottom: 15px; }
#CookieConsentBar[data-cookie="default"] .content small { color: #2d2d2d; font-size: 14px !important; display: inline-flex; margin-left: 50px; margin-right: 50px; }
#CookieConsentBar[data-cookie="default"] .content small a { color: #db0680; font-size: 14px !important; display: contents; }

#CookieConsentBar[data-cookie="reszletek"] .content { text-align: left; padding: 15px 20px 15px 20px; }
#CookieConsentBar[data-cookie="reszletek"] .content p { color: #2d2d2d; font-size: 24px; font-weight: 700; }
#CookieConsentBar[data-cookie="reszletek"] .content small { color: #2d2d2d; font-size: 16px !important; display: inline-flex; }
#CookieConsentBar[data-cookie="reszletek"] .content small a { color: #db0680; font-size: 16px !important; display: contents; }

/* *****************************************************  */

#CookieManage { margin-top: 30px; width: 100%; display: flex; justify-content: center; }

/* *****************************************************  */

#CookieConsentBar[data-cookie="default"] .buttons { display: flex; justify-content: center; margin-top: 30px; }
#CookieConsentBar[data-cookie="default"] .buttons div { display: flex; justify-content: space-between; width: 60%; }

#CookieConsentBar[data-cookie="default"] button { font-weight: 700; text-transform: uppercase; padding: 0 30px; font-size: 12px; text-align: center; letter-spacing: 0.4px; line-height: 3.2; }
#CookieConsentBar[data-cookie="default"] button[data-cookie="engedelyezes"] { border: 0; background-color: #db0680; color: #FFFFFF; }
#CookieConsentBar[data-cookie="default"] button[data-cookie="engedelyezes"]:hover {  }
#CookieConsentBar[data-cookie="default"] button[data-cookie="elutasitas"] { border: 1px solid #2d2d2d; color: #2d2d2d; background: #FFFFFF; }
#CookieConsentBar[data-cookie="default"] button[data-cookie="elutasitas"]:hover { background-color: #ebebeb; }

#CookieConsentBar[data-cookie="default"] button[data-cookie="mentes"].reszletek { display: none; }

#CookieConsentBar[data-cookie="default"] button[data-cookie="reszletek"] { border: unset; background: unset; color: #2D2D2D; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 9.6 9.6' xml:space='preserve'%3E%3Cpath style='fill:%232D2D2D' d='M9.5,6.1L8.4,5.3c0-0.2,0.1-0.3,0.1-0.5c0-0.2,0-0.3-0.1-0.5l1.2-0.9l-1.2-2L7,2C6.8,1.7,6.5,1.6,6.2,1.5L6,0 H3.6L3.3,1.5C3.1,1.6,2.8,1.8,2.6,2L1.1,1.4L0,3.4l1.1,0.9c0,0.2,0,0.3,0,0.5c0,0.2,0,0.3,0,0.5l-1,0.8C0.1,6.1,0,6.1,0,6.2l1.1,2 l1.4-0.6C2.8,7.8,3.1,8,3.4,8.1l0.2,1.5H6c0-0.1,0-0.1,0-0.2l0.2-1.2C6.5,8,6.8,7.8,7.1,7.6l1.4,0.6l1.2-2C9.6,6.2,9.5,6.1,9.5,6.1z M4.8,6.3C4,6.3,3.3,5.6,3.3,4.8C3.3,4,4,3.3,4.8,3.3c0.8,0,1.5,0.7,1.5,1.5C6.3,5.6,5.6,6.3,4.8,6.3z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; background-size: 15px; padding-left: 20px; }
#CookieConsentBar[data-cookie="default"] button[data-cookie="reszletek"]:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 9.6 9.6' xml:space='preserve'%3E%3Cpath style='fill:%23db0680' d='M9.5,6.1L8.4,5.3c0-0.2,0.1-0.3,0.1-0.5c0-0.2,0-0.3-0.1-0.5l1.2-0.9l-1.2-2L7,2C6.8,1.7,6.5,1.6,6.2,1.5L6,0 H3.6L3.3,1.5C3.1,1.6,2.8,1.8,2.6,2L1.1,1.4L0,3.4l1.1,0.9c0,0.2,0,0.3,0,0.5c0,0.2,0,0.3,0,0.5l-1,0.8C0.1,6.1,0,6.1,0,6.2l1.1,2 l1.4-0.6C2.8,7.8,3.1,8,3.4,8.1l0.2,1.5H6c0-0.1,0-0.1,0-0.2l0.2-1.2C6.5,8,6.8,7.8,7.1,7.6l1.4,0.6l1.2-2C9.6,6.2,9.5,6.1,9.5,6.1z M4.8,6.3C4,6.3,3.3,5.6,3.3,4.8C3.3,4,4,3.3,4.8,3.3c0.8,0,1.5,0.7,1.5,1.5C6.3,5.6,5.6,6.3,4.8,6.3z'/%3E%3C/svg%3E"); }

/* *****************************************************  */

#CookieConsentBar[data-cookie="reszletek"] #CookieManage { display: none; }

#CookieConsentBar[data-cookie="reszletek"] .buttons { display: flex; justify-content: space-between; padding: 15px 20px 15px 20px; margin-top: 0px; border-top: 1px solid #e2e2e2; }
#CookieConsentBar[data-cookie="reszletek"] .buttons div { display: flex; justify-content: space-between; width: auto; }

#CookieConsentBar[data-cookie="reszletek"] button { font-weight: 700; text-transform: uppercase; padding: 0 30px; font-size: 12px; text-align: center; letter-spacing: 0.4px; line-height: 3.2; }

#CookieConsentBar[data-cookie="reszletek"] button[data-cookie="engedelyezes"] { border: 1px solid #2d2d2d; color: #2d2d2d; background: #FFFFFF; margin-right: 20px; }
#CookieConsentBar[data-cookie="reszletek"] button[data-cookie="engedelyezes"]:hover { background-color: #ebebeb; }
#CookieConsentBar[data-cookie="reszletek"] button[data-cookie="elutasitas"] { border: 1px solid #2d2d2d; color: #2d2d2d; background: #FFFFFF; }
#CookieConsentBar[data-cookie="reszletek"] button[data-cookie="elutasitas"]:hover { background-color: #ebebeb; }

#CookieConsentBar[data-cookie="default"] button[data-cookie="mentes"] { display: block; border: 0; background-color: #db0680; color: #FFFFFF; }
#CookieConsentBar[data-cookie="reszletek"] button[data-cookie="mentes"].reszletek { display: block; border: 0; background-color: #db0680; color: #FFFFFF; }

/* *****************************************************  */

#CookieConsentBar[data-cookie="default"] .selected { display: flex; justify-content: space-between; margin-top: 30px; flex-direction: row; }
#CookieConsentBar[data-cookie="reszletek"] .selected { display: flex; justify-content: space-between; flex-direction: column; overflow-y: auto; padding: 35px 20px 35px 20px; background-color: #f3f3f3; }

#CookieConsentBar[data-cookie="default"] .selected div.switch-container section { display: none; }

#CookieConsentBar .selectedNavigation { display: none; }
#CookieConsentBar[data-cookie="reszletek"] .selectedNavigation { display: block; margin-top: 30px; display: inline-flex; }
#CookieConsentBar[data-cookie="reszletek"] .selectedNavigation a { font-size: 16px; text-transform: uppercase; font-weight: 700; width: 50%; padding: 15px; display: flex; justify-content: center; color: #2d2d2d; }

#CookieConsentBar[data-cookie="reszletek"]:not(.article) .selectedNavigation a[cookiecontent] { background-color: #f3f3f3; border-top: 2px solid #db0680; color: #db0680; }
#CookieConsentBar[data-cookie="reszletek"].article .selectedNavigation a[article] { background-color: #f3f3f3; border-top: 2px solid #db0680; color: #db0680; }

#CookieConsentBar .selected article { display: none; }
#CookieConsentBar[data-cookie="reszletek"] .selected article * { color: #2d2d2d; font-size: 14px !important; }
#CookieConsentBar[data-cookie="reszletek"].article { height: unset; }
#CookieConsentBar[data-cookie="reszletek"].article .selected article { display: block; }
#CookieConsentBar[data-cookie="reszletek"].article .selected div.switch-container { display: none; }

#CookieConsentBar[data-cookie="reszletek"] .selected div.switch-container { position: relative !important; }
#CookieConsentBar[data-cookie="reszletek"] .selected div.switch-container .form-switch { padding-left: 0px; }

#CookieConsentBar[data-cookie="reszletek"] .selected div.switch-container section { display: block; }

#CookieConsentBar[data-cookie="reszletek"] .selected div.switch-container section::after { display: none; }
#CookieConsentBar[data-cookie="reszletek"] .selected div.switch-container:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; }

#CookieConsentBar[data-cookie="reszletek"] .selected div.switch-container section p { color: #2d2d2d; font-size: 14px !important; width: 90%; }
#CookieConsentBar[data-cookie="reszletek"] .selected div.switch-container section small { color: #db0680; font-size: 12px !important; font-weight: 700; margin-top: 10px; display: inline-flex; }

#CookieConsentBar[data-cookie="default"] .selected div.switch-container .form-check-label { font-size: 12px; margin: 0; text-transform: uppercase; font-weight: 600; color: #2d2d2d; letter-spacing: 1px; font-style: italic; }
#CookieConsentBar[data-cookie="default"] .selected div.switch-container .form-check-label.disabled { opacity: .5; }
#CookieConsentBar[data-cookie="reszletek"] .selected div.switch-container .form-check-label { font-size: 16px; text-transform: unset; font-style: unset; color: #2d2d2d; font-weight: 600; }

/* *****************************************************  */

#CookieConsentBar[data-cookie="default"] .form-switch .form-check-input { width: 18px; height: 18px; border: 2px solid rgb(0, 0, 0); background: unset; border-radius: .1rem; margin-left: -1.5em; }
#CookieConsentBar[data-cookie="default"] .form-switch .form-check-input:checked { background-color: #db0680; border-color: #db0680; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.12 16.28'%3E%3Cpolygon points='6.9 16.28 0 9.38 1.06 8.32 6.9 14.16 21.06 0 22.12 1.06 6.9 16.28' style='fill:%23ffffff;stroke-width: 0px;' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; }
#CookieConsentBar[data-cookie="default"] .form-switch .form-check-input:focus { box-shadow: 0 0 0 40px rgba(219, 6, 128, .1); clip-path: circle(110%); }

#CookieConsentBar .form-switch figure { display: contents; }

#CookieConsentBar[data-cookie="reszletek"] .form-switch figure  { display: block; position: absolute; right: 0px; top: 20px; z-index: 9; width: 36px; height: 11px; margin: 0px; background-color: #e0e0e0; border-radius: 25px; }
#CookieConsentBar[data-cookie="reszletek"] .form-switch .form-check-input { position: absolute; left: 0px; top: -5px; width: 36px; height: 20px; margin: 0px; background-color: unset; background-repeat: no-repeat; background-size: 20px; border: unset; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Réteg_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232D2D2D;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='12' cy='12' r='12'/%3E%3Crect x='4.4' y='10.7' class='st1' width='15.2' height='2.6'/%3E%3C/svg%3E%0A"); opacity: unset; }


#CookieConsentBar[data-cookie="reszletek"] .form-switch .form-check-input:checked:focus { box-shadow: 0 0 0 40px rgba(219, 6, 128, .1); clip-path: circle(110%); background-color: rgba(219, 6, 128, .1); }
#CookieConsentBar[data-cookie="reszletek"] .form-switch .form-check-input:focus { box-shadow: 0 0 0 40px rgba(45, 45, 45, .1); clip-path: circle(110%); background-color: rgba(45, 45, 45, .1); }
#CookieConsentBar[data-cookie="reszletek"] .form-switch .form-check-input:checked { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Réteg_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23DB0680;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='12' cy='12' r='12'/%3E%3Cpath class='st1' d='M19.7,5.2L9,16l-4.2-4.2L3,13.5l6,6L21.5,7L19.7,5.2z'/%3E%3C/svg%3E"); }
#CookieConsentBar[data-cookie="reszletek"] .form-switch .form-check-input[disabled] { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Réteg_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%236f6f6f;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='12' cy='12' r='12'/%3E%3Crect x='4.4' y='10.7' class='st1' width='15.2' height='2.6'/%3E%3C/svg%3E%0A"); }

/* *****************************************************  */

#CookieConsentBar details { position: relative; margin-top: 20px; padding-bottom: 30px; }
#CookieConsentBar details summary { color: #db0680; text-transform: uppercase; font-size: 12px; font-weight: 700; position: absolute; bottom: 0px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 11'%3E%3Cpath style='fill:%23DB0880' d='M8.3,10.7l-8-8.1c-0.4-0.4-0.4-1,0-1.4l0.9-0.9c0.4-0.4,1-0.4,1.4,0L9,6.7l6.4-6.4c0.4-0.4,1-0.4,1.4,0l0.9,0.9 c0.4,0.4,0.4,1,0,1.4l-8,8.1C9.3,11.1,8.7,11.1,8.3,10.7L8.3,10.7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right; padding-right: 18px; background-size: 11px; }
#CookieConsentBar details[open] summary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 11'%3E%3Cpath style='fill:%23DB0880' d='M9.7,0.3l8,8.1c0.4,0.4,0.4,1,0,1.4l-0.9,0.9c-0.4,0.4-1,0.4-1.4,0L9,4.3l-6.4,6.4c-0.4,0.4-1,0.4-1.4,0 L0.3,9.8c-0.4-0.4-0.4-1,0-1.4l8-8.1C8.7-0.1,9.3-0.1,9.7,0.3L9.7,0.3z'/%3E%3C/svg%3E"); }
#CookieConsentBar details summary::marker { content: ''; }
#CookieConsentBar details section { background-color: #fff; border-radius: 6px; border: 1px solid #e2e2e2; }
#CookieConsentBar details table * { font-size: 12px; color: #2d2d2d; padding: 10px; }
#CookieConsentBar details table thead * { font-weight: 700; }
#CookieConsentBar details table td { padding-top: 10px; padding-bottom: 10px; }
#CookieConsentBar details table tbody tr { border-top: 1px solid #e2e2e2; }
#CookieConsentBar details table tbody a { color: #db0680; }


/*
#CookieConsentBar details { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Réteg_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 11' style='enable-background:new 0 0 20 11;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M10.1,0.2l9.4,9.9c0.3,0.4,0.1,1-0.4,1h-2.7c-0.1,0-0.3-0.1-0.4-0.2l-6-6.3c-0.2-0.2-0.6-0.2-0.8,0l-6,6.3 C3.2,11,3,11,2.9,11H0.2c-0.5,0-0.7-0.6-0.4-1l9.4-9.9C9.5,0,9.9,0,10.1,0.2z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: top 13px right 13px; background-size: 15px; }
#CookieConsentBar details[open] { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Réteg_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 11' style='enable-background:new 0 0 20 11;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M9.3,10.9L-0.2,1c-0.3-0.4-0.1-1,0.4-1h2.7C3,0,3.2,0.1,3.3,0.2l6,6.3c0.2,0.2,0.6,0.2,0.8,0l6-6.3 C16.2,0.1,16.3,0,16.5,0h2.7c0.5,0,0.7,0.6,0.4,1l-9.4,9.9C9.9,11.1,9.5,11.1,9.3,10.9z'/%3E%3C/g%3E%3C/svg%3E"); }

#CookieConsentBar details summary span { font-size: 13px; color: var(--color-def); background-color: #e6e5e5; border-radius: 25px; width: 20px; height: 20px; align-items: center; justify-content: center; margin-left: 5px; display: inline-flex; }

#CookieConsentBar details div { background-color: #e6e5e5; padding: 10px; border-radius: 7px; }
#CookieConsentBar details div:not(:first-child) { margin-top: 10px !important; }
#CookieConsentBar details div p:first-child { font-weight: 600; }
#CookieConsentBar details div ul { width: 100%; list-style-type: none; display: flex; margin-top: 10px !important; }
#CookieConsentBar details div li { font-size: 16px; width: 50%; margin: unset !important; }
*/

/* *****************************************************  */

@media only screen and (max-width: 414px) {

  #CookieConsentBar { width: 95%; }
}