.alerts-checkbox__toggle {
width: 20px;
height: 20px;
margin: 0 12px;
position: relative;
}
.alerts-checkbox__toggle::before {
content: '';
display: block;
position: relative;
left: -10px;
width: 40px;
height: 20px;
border-radius: 10px;
background: #fff;
border-style: solid;
border-width: 1px;
}
.myPei-container__column--right-inner .alerts-checkbox__toggle {
top: 4px;
margin-left: 25px;
margin-right: 25px;
}
.myPei-container__column--right-inner .alerts-checkbox__toggle::before {
background: #EBEBEB;
}
#myPei-my-emails #alerts-subscription-control form {
float: none !important;
}
.myPei-topics-heading button.alerts-topic__button--submit{
float: right;
padding: 6px;
font-size: 14px;
line-height: 16px;
font-weight: 400;
font-family: Roboto;
border-radius: 2px;
}
.alerts-checkbox__toggle::after {
content: '';
border-radius: 9px;
width: 18px;
height: 18px;
position: absolute;
top: 1px;
left: 11px;
transition: 100ms linear;
}
.alerts-checkbox__toggle:checked::after {
left: -9px;
}
.alerts-checkbox__toggle:disabled::before {
border-color: #000 !important;
}
.alerts-checkbox__toggle:disabled::after {
background: #000 !important;
}
.alerts-topic__wrap {
display: none;
}
.alerts-topic__title {
color: var(--pei-brand-color);
font-size: 16px;
font-family: Avenir Next LT W01 Bold;
display: flex;
align-items: center;
}
.alerts-topic__list {
margin-left: 0;
}
.alerts-all .alerts-topic__list {
width: 100%;
max-width: 400px;
}
.alerts-all .alerts-subscribed {
display: flex !important;
}
.alerts-topic__wrap .alerts-topic__item {
margin-left: 0;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 7px;
border: 2px solid var(--pei-brand-color);
padding: 6px 14px 6px 7px;
width: fit-content;
transition: all .3s ease-in-out;
}
.my-brand_topic_list .alerts-topic-mybrand__item {
border: none;
border-bottom: 1px solid #C4C4C4;
width: 100%;
background: none !important;
}
.alerts-topic__wrap label {
font-size: 13px;
line-height: 18px;
font-weight: 900;
}
h3.alerts-topic__heading{
background-color: var(--pei-brand-color);
color: var(--pei-brand-text-color) !important;
padding: 7px 10px;
width: 100%;
font-weight: 800;
font-size: 14px;
line-height: 19px;
margin-bottom: 0;
position:relative;
}
h3.alerts-topic__heading::after {
content: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9707 9.89941L9.48542 1.41413L1.00014 9.89941' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
position: absolute;
width: 0;
height: 0;
rotate: 180deg;
top: 79%;
right: 21px;
}
h3.alerts-topic__heading.alerts-topic_collapsed::after {
rotate: 0deg;
right: 40px;
top: 9px
}
#myPei-my-emails .alerts-topic__wrap {
width: 100% !important;
}
.alerts-topic-mybrand__item .alerts-topic__label {
font-weight: 800;
font-size: 14px;
line-height: 19px;
color: var(--pei-brand-color);
width: 100%;
}
li.alerts-topic__item.alerts-topic-mybrand__item.hidden {
display: none;
}
.modal-topic-list {
width:30%;
margin: 0 auto;
}
.modal-topic-list ul li {
list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M1 6.98148L4.14815 9.5L10.4444 1' stroke='%23007749' stroke-width='2'/%3E%3C/svg%3E");
}
.modal-topic-list ul li::marker{
font-size: 1.5em;
line-height: 0.1em;
}
.alerts-url {
font-weight: 900;
font-size: 14px;
line-height: 19px;
color: var(--pei-brand-color) !important;
text-decoration: none;
cursor: pointer;
margin-left: 20px;
}
.alerts-topic__wrap .alerts-topic__item input[type="checkbox"] {
margin-right: 10px;
border: 2px solid var(--pei-brand-color);
transition: all .3s ease-in-out;
}
.alerts-topic__wrap .alerts-topic__item input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
background-color: #fff;
margin: 0 10px 0 0;
font: inherit;
color: currentColor;
width: 16px;
height: 16px;
border: 2px solid var(--pei-brand-color);
border-radius: 0.15em;
display: inline-grid;
place-content: center;
}
.alerts-topic__wrap .alerts-topic__item input[type="checkbox"]::before {
content: "";
width: 0.65em;
height: 0.65em;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--pei-brand-text-color);
background-color: CanvasText;
}
.alerts-topic__wrap .alerts-topic__item input[type="checkbox"]:checked {
background-color: var(--pei-brand-color);
}
.alerts-topic__wrap .alerts-topic__item input[type="checkbox"]:checked::before {
transform: scale(1);
}
.alerts-topic__item.alerts-topic__subscribed,
.alerts-topic__item:hover {
background: var(--pei-brand-color-light);
}
.alerts-topic-mybrand__item .alerts-topic__subscribed,
.alerts-topic-mybrand__item .alerts-topic__subscribed:hover {
background: transparent;
}
.alerts-topic__wrap-all .alerts-topic__item {
margin-left: 0;
display: none;
justify-content: space-between;
align-items: center;
margin-bottom: 7px;
border-bottom: 1px solid #C4C4C4;
padding: 5px 0;
}
.alerts-topic__wrap-all .alerts-topic__list {
border-top: 1px solid #C4C4C4;
}
.alerts-topic__name {
font-size: 13px;
font-family: Avenir Next LT W01 Bold;
line-height: 32px;
max-width: 55%;
}
.alerts-topic__button {
background: transparent;
border: 2px solid var(--pei-brand-color);
border-radius: 0;
font-size: 11px;
color: var(--pei-brand-color);
font-family: Avenir Next LT W01 Bold;
}
.alerts-topic__button::before {
content: ' ';
}
.alerts-topic__button--submit {
background: var(--pei-brand-color);
border: 2px solid var(--pei-brand-color);
border-radius: 0;
font-size: 14px;
color: #fff;
padding: 5px 11px;
font-family: Avenir Next LT W01 Bold;
}
#alerts-topic-manage .alerts-topic__button::before,
#alerts-topic-manage-post .alerts-topic__button::before {
content: '+ Add to ';
}
.alerts-topic__button.alerts-topic__working::before {
animation: loader .5s linear infinite;
}
#alerts-topic-manage .alerts-topic__button.alerts-topic__subscribed,
#alerts-topic-manage-post .alerts-topic__button.alerts-topic__subscribed {
background: var(--pei-brand-color);
color: #fff;
}
#alerts-topic-manage .alerts-topic__button.alerts-topic__subscribed::before,
#alerts-topic-manage-post .alerts-topic__button.alerts-topic__subscribed::before {
content: '✓ Added to ';
}
#alerts-topic-unsub .alerts-topic__button.alerts-topic__subscribed,
#alerts-topic-unsub-post .alerts-topic__button.alerts-topic__subscribed {
border-color: transparent;
}
.alerts-topic__button-brand-text {
text-transform: uppercase;
}
#pei_alerts_bell {
width: 15px;
height: 16px;
margin-right: 6px;
}
#pei_alerts_bell path {
fill: var(--pei-brand-color);
}
.alerts-modal {
position: fixed;
background: #00000050;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100vw;
height: 100vh;
z-index: 5000;
}
.alerts-modal__box {
padding: 30px;
width: 80%;
max-width: 700px;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
position: absolute;
top: 50%;
z-index: 6000;
text-align: center;
}
@media screen and (min-width: 1024px) {
.alerts-modal__box {
padding: 30px 80px;
}
}
.alerts-modal__title {
color: #000;
display: inline-block;
margin-bottom: 20px;
background-repeat: no-repeat;
background-position: left center;
}
.alerts-modal__title--added {
*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 22l-10-10.598 2.798-2.859 7.149 7.473 13.144-14.016 2.909 2.806z'/%3E%3C/svg%3E");
background-size: 30px 20px;
padding-left: 40px;
}
.alerts-modal__title--removed {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z'/%3E%3C/svg%3E");
background-size: 20px 20px;
padding-left: 30px;
}
.alerts-modal__text {
margin-bottom: 30px;
}
.alerts-modal__buttons {
margin-bottom: 30px;
}
.alerts-modal__button {
padding: 5px 10px !important;
margin: 0 5px !important;
display: inline-block;
}
.alerts-modal__button--manage {
background-color: var(--pei-brand-color);
border: 1px solid var(--pei-brand-color);
color: #fff;
}
.alerts-modal__button--undo {
border: 1px solid var(--pei-brand-color);
color: #000;
background-color: transparent;
}
.alerts-modal__dontShow {
position: relative;
margin: 30px auto 0 auto;
background-color: transparent;
border: 0;
}
.alerts-modal__dontShow::before {
content: '';
position: relative;
width: 20px;
height: 20px;
border: 1px solid #000;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.alerts-modal__dontShow.checked::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 22l-10-10.598 2.798-2.859 7.149 7.473 13.144-14.016 2.909 2.806z'/%3E%3C/svg%3E");
background-size: 14px 12px;
background-position: center center;
background-repeat: no-repeat;
}
.alerts-modal__close {
background-size: 18px 18px;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
width: 18px;
height: 18px;
right: 29px;
top: 20px;
opacity: 0.5;
background-color: transparent;
border: 0;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z'/%3E%3C/svg%3E");
}
.mybrand-news-modal .alerts-modal__text,
.mybrand-news-modal .modal-topic-list,
.mybrand-news-modal .alerts-modal__dontShow {
display: none !important;
}
@keyframes loader {
0% {
content: 'â—”';
}
33% {
content: 'â—‘';
}
66% {
content: 'â—•';
}
100% {
content: 'â—';
}
}
.alerts-topic__items-container {
max-height: 500px;
overflow-y: auto;
}
.alerts-topic__items-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.alerts-topic__items-container::-webkit-scrollbar {
width: 3px;
background-color: #F5F5F5;
}
.alerts-topic__items-container::-webkit-scrollbar-thumb {
background-color: #000000;
border: 2px solid #555555;
}