.alert { padding: 20px; color: #FFF; margin: 15px 0; } .alert-success { background-color: #4CAF50; } .alert-danger { background-color: #F44336; } .euro-clear { display: block; float: none; clear: both; } .cmspm-euro-privacy-settings-table  { width: 100%; } .cmspm-euro-privacy-settings-table td, .cmspm-euro-privacy-settings-table th { padding: 10px; } .cmspm-euro-privacy-settings-table th { border-bottom: 1px solid #333; } .euro-buddypress-checkbox-container { display: block; width: 100%; float: none; clear: both; } .cmspm-euro-hidden { display: none !important; } .cmspm-euro-privacy-center, .cmspm-euro-privacy-center * { box-sizing: border-box; } .cmspm-euro-privacy-center-item { text-align: center; width: 31%; display: block; border: 1px solid #eaeaea; padding: 20px; float: left; margin-bottom: 20px; margin-right: 3%; height: 250px; } .cmspm-euro-privacy-center-item-last { margin-right: 0; } h2.cmspm-euro-privacy-center-item-headline { font-size: 24px !important; margin-bottom: 10px !important; line-height: 30px !important; margin-top: 10px !important; } .cmspm-euro-privacy-center-item .fa, .cmspm-euro-privacy-center-item .fas, .cmspm-euro-privacy-center-item .fal, .cmspm-euro-privacy-center-item .far { font-size: 32px; margin-bottom: 15px; } .cmspm-euro-privacy-center-item-action { background: #333; color: #FFF; display: inline-block; padding: 5px 15px; border-radius: 5px; } @media (max-width: 768px) { .cmspm-euro-privacy-center-item { width: 100%; float: none; } } .cmspm-euro-form label { display: block; } .cmspm-euro-form input[type="text"], .cmspm-euro-form input[type="email"], .cmspm-euro-form input, .cmspm-euro-form textarea { border: 1px solid #000; padding: 15px; width: 100%; background: transparent; } .cmspm-euro-form input[type="checkbox"] { width: auto; } .cmspm-euro-back-link { margin: 0 0 20px; display: block; } .cmspm-euro-form .form-group { margin-bottom: 20px; } .cmspm-euro-btn-form { margin-bottom: 40px; } .cmspm-euro-popup { position: fixed; font-size: 13px; line-height: 17px; z-index: 999999999; } .cmspm-euro-popup-top .cmspm-euro-popup-container { top: 0; } .cmspm-euro-popup-bottom .cmspm-euro-popup-container { bottom: 0; } .cmspm-euro-popup-container { display: none; width: 100%; position: fixed; z-index: 9999; padding: 20px; } .cmspm-euro-popup p { margin: 0; } .cmspm-euro-popup-full-width { width: 100%; text-align: center; } .cmspm-euro-popup-top { top: 0; } .cmspm-euro-popup-bottom { bottom: 0; }   .cmspm-euro-popup-full-width { width: 100%; text-align: center; } .cmspm-euro-popup-small .cmspm-euro-popup-container { width: auto; margin-right: 15px; } .cmspm-euro-popup-small.cmspm-euro-popup-top .cmspm-euro-popup-container { top: 20px; } .cmspm-euro-popup-small.cmspm-euro-popup-bottom .cmspm-euro-popup-container { bottom: 20px; } .cmspm-euro-popup-privacy-center, .cmspm-euro-popup-read-more, .cmspm-euro-popup-privacy-settings-text { display: block; float: none; clear: both; } .cmspm-euro-popup-agree, .cmspm-euro-popup-decline, .cmspm-euro-popup-preferences { padding: 8px 15px; text-decoration: none !important; text-transform: uppercase; display: inline-block; margin-bottom: 10px; color: #FFFFFF; padding: 10px 20px; } a.cmspm-euro-popup-agree:hover, a.cmspm-euro-popup-decline:hover, a.cmspm-euro-popup-preferences:hover, a.cmspm-euro-popup-agree:active, a.cmspm-euro-popup-decline:active, a.cmspm-euro-popup-preferences:active { color: #FFFFFF; } .cmspm-euro-popup-agree { background: #FF5722; float: right; } .cmspm-euro-popup-decline, .cmspm-euro-popup-preferences { background: #777; float: left; } .cmspm-euro-popup-full-width-buttons-right { width: 100%; text-align: center; } .cmspm-euro-popup-full-width-buttons-right .cmspm-euro-popup-text { width: 80%; text-align: left; float: left; padding-right: 20px; } .cmspm-euro-popup-full-width-buttons-right .cmspm-euro-popup-actions { width: 20%; text-align: center; float: left; } .cmspm-euro-popup-full-width-buttons-right .cmspm-euro-popup-actions a { width: 100%; max-width: 200px; } .cmspm-euro-popup-full-width-buttons-right .cmspm-euro-popup-agree { float: left; } .cmspm-euro-popup-full-width-buttons-right .cmspm-euro-popup-actions-links { margin-top: 10px; } .cmspm-euro-popup-full-width-buttons-right .cmspm-euro-popup-actions { margin-top: 0; } .cmspm-euro-popup-full-width .cmspm-euro-popup-agree, .cmspm-euro-popup-full-width .cmspm-euro-popup-decline, .cmspm-euro-popup-full-width .cmspm-euro-popup-preferences { float: none; } .cmspm-euro-popup-actions { margin-top: 20px; } .cmspm-euro-popup-actions-links a { display: inline; margin-right: 10px; } .cmspm-euro-popup-overlay .cmspm-euro-popup-container { position: fixed; z-index: 99999; width: 90%; max-width: 500px; height: auto; margin: auto; padding: 35px; left: 50%; top: 50%; bottom: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .cmspm-euro-popup-overlay-backdrop { z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); display: none; } .cmspm-euro-popup-actions a, .cmspm-euro-popup-actions a:hover, .cmspm-euro-popup-actions a:active { font-weight: bold; margin-right: 5px; text-decoration: underline; } .cmspm-euro-popup-small { width: 400px; margin-right: 15px; right: 0; bottom: 20px; } .cmspm-euro-popup-small .cmspm-euro-popup-agree { display: block; } .cmspm-euro-popup-close { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; } .cmspm-euro-popup-full-width .cmspm-euro-popup-close{ top: 10px; right: 10px; } .cmspm-euro-popup-full-width-buttons-right .cmspm-euro-popup-close { top: -15px; right: 0px; } .cmspm-euro-privacy-settings-trigger-container { width: auto; position: fixed; bottom: 1%; height: 60px; width: 60px; text-align: center; line-height: 60px; border-radius: 50%; z-index: 99; } .cmspm-euro-privacy-settings-trigger-bottom-right { right: 1%; } .cmspm-euro-privacy-settings-trigger-bottom-left { left: 1%; } .cmspm-euro-privacy-settings-popup-container, .cmspm-euro-privacy-settings-popup-container * { box-sizing: border-box; } .cmspm-euro-popup-privacy-settings-modal { position: absolute; top: -40px; right: 10px; border-radius: 10px 10px 0 0; width: 400px; } .cmspm-euro-privacy-settings-popup-message { background-color: #4CAF50; color: #FFF; padding: 5px 10px; text-align: center; font-weight: bold; font-size: 11px; display: none; } .cmspm-euro-popup-privacy-settings-modal-bottom { bottom: 0; z-index: 9999; position: fixed; top: auto; } .cmspm-euro-popup-small .cmspm-euro-popup-privacy-settings-modal { right: 0px; } .cmspm-euro-popup-privacy-settings-modal { cursor: pointer; } .cmspm-euro-popup-privacy-settings-title { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #FFF; } @media (max-width: 768px) { .cmspm-euro-popup, .cmspm-euro-popup-privacy-settings-modal { width: 100%; } .cmspm-euro-popup-small { margin-right: 0; width: 100%; } .cmspm-euro-popup-privacy-settings-modal { right: 0; } } @media (max-width: 1000px) and (max-height: 500px) { .cmspm-euro-privacy-settings-popup { max-height: 100%; overflow-x: auto; } } .cmspm-euro-privacy-settings-popup { position: fixed; z-index: 99999; width: 90%; max-width: 660px; height: auto; margin: auto; padding: 15px; left: 50%; top: 50%; font-size: 11px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: none; } .cmspm-euro-privacy-settings-popup-backdrop { z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); display: none; } .cmspm-euro-privacy-settings-popup-logo { width: 25%; float: left; } .cmspm-euro-privacy-settings-popup-logo img { width: 100px; text-align: center; margin: 0 auto; display: block; max-width: 100%; } .cmspm-euro-privacy-settings-popup-info { float: left;   width: 70%; padding-left: 5%; } .cmspm-euro-privacy-settings-popup-title { font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 22px; } p.cmspm-euro-privacy-settings-popup-description { margin: 0; } .cmspm-euro-privacy-settings-popup-header { border-bottom: 1px solid #eaeaea; padding: 20px 0;  } .cmspm-euro-privacy-settings-popup-service-categories { width: 25%; float: left; } .cmspm-euro-privacy-settings-popup-services { float: left;   width: 75%; padding-left: 5%; padding-right: 5%; padding-top: 10px; max-height: 300px; overflow-y: auto; } input[type="checkbox"].euro-service-switch { -moz-appearance: none; -webkit-appearance: none; float: right; -o-appearance: none; position: relative; height: 20px; width: 40px; border-radius: 10px; box-shadow: inset -20px 0px 0px 1px rgba(192, 192, 192, 0.5); background-color: white; border: 1px solid rgba(192, 192, 192, 1); outline: none; -webkit-transition: 0.2s; transition: 0.2s; } input[type="checkbox"].euro-service-switch:checked { box-shadow: inset 20px 0px 0px 0px rgba(76, 175, 80, 0.9); border: 1px solid #4CAF50; } input[type="checkbox"].euro-service-switch:disabled { box-shadow: inset 20px 0 0 0 rgba(76,175,80,.6); } input[type="checkbox"].euro-service-switch::-ms-check { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0);  opacity: 0; } input[type="checkbox"].euro-service-switch:before, input[type="checkbox"].euro-service-switch:after { display: none; } .cmspm-euro-privacy-settings-popup-services-container { border: 1px solid #f7f7f7; } .cmspm-euro-popup-privacy-settings-services-content-title { font-weight: bold; float:left; } .cmspm-euro-popup-privacy-settings-services-content-title-box { margin-bottom: 10px; } .cmspm-euro-popup-privacy-settings-services-content-cookies { padding-left: 20px; } .cmspm-euro-popup-privacy-settings-services-content-cookies li { list-style-type: disc; } .cmspm-euro-privacy-settings-popup-services-container a { color: #333333; display: block; } a.cmspm-euro-popup-privacy-settings-service-category { font-size: 12px; font-weight: bold; padding: 10px; border-bottom: 1px solid #eaeaea; } .cmspm-euro-privacy-settings-popup-service-categories { background: #f7f7f7; height: 300px; border-right: 1px solid #eaeaea; } .cmspm-euro-popup-privacy-settings-services-content hr { border: solid #e8e8e8; border-width: 1px 0 0; clear: both; margin: 10px 0; height: 0; } .cmspm-euro-popup-privacy-settings-services-content-description { display: none; } .cmspm-euro-privacy-settings-popup-close { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; } a.cmspm-euro-popup-privacy-settings-service-category:hover, a.cmspm-euro-popup-privacy-settings-service-category:active { background-color: #fafafa; } .cmspm-euro-privacy-settings-popup-services-buttons { margin-top: 10px; font-size: 13px; } .cmspm-euro-privacy-settings-popup-services-buttons .btn { padding: 10px 20px; color: #ffffff; font-size: 13px; cursor: pointer; white-space: normal; } .cmspm-euro-privacy-settings-popup-services-decline-all { float: left; background-color: #777; } .cmspm-euro-privacy-settings-popup-services-accept-all { float: right; background-color: #4CAF50; } @media (max-width: 768px) { .cmspm-euro-privacy-settings-popup-service-categories { width: 100%; height: auto; } a.cmspm-euro-popup-privacy-settings-service-category { padding: 2px 10px; } .cmspm-euro-privacy-settings-popup-services { width: 100%; } .cmspm-euro-privacy-settings-popup-description { display: none; } .cmspm-euro-privacy-settings-popup-logo { width: 10%; } .cmspm-euro-privacy-settings-popup-services-buttons .btn { font-size: 10px; padding: 10px; } .cmspm-euro-popup-privacy-settings-service-category-description { display: none; } .cmspm-euro-popup-privacy-settings-services-content hr { margin: 5px 0; } .cmspm-euro-popup-privacy-settings-services-content-title-box { margin-bottom: 0; } .cmspm-euro-privacy-settings-popup-header { padding: 5px 0; } .cmspm-euro-popup-full-width-buttons-right .cmspm-euro-popup-actions { width: 30%; text-align: center; } .cmspm-euro-popup-full-width-buttons-right .cmspm-euro-popup-text { width: 70%; text-align: left; } }