#watchlist-side-menu{background:#ffffff;z-index:9999;position:fixed;top:0;right:-40%;width:40%;height:100%;visibility:hidden;color:white;transition:right .3s ease;padding:0;box-sizing:border-box;overflow:hidden;padding:50px 50px 0 50px;.watchlist-footer{justify-items:center;position:absolute;bottom:0;left:0;right:0;background-color:#ffffff;padding:25px 50px;button{justify-content:center;align-items:center;display:flex;border:0;border-radius:4px;padding:15px 20px;height:50px;font-family:UniCredit;font-weight:700;font-size:18px;line-height:22px;letter-spacing:0;background:#007A91;color:#FFFFFF;width:100%;&#add-watchlist-button{display:none}
}
button.disabled{color:#ccc;background:#f5f5f5}
}
.watchlist-inner-container{height:100%;position:relative;&#add-watchlist-block{display:none;.add-watchlist-name-input-container{display:flex;align-items:center;justify-content:flex-start;width:100%;height:40px;input[type="text"]{padding:10px;height:40px;width:100%;box-sizing:border-box;border-color:transparent;padding-bottom:0;padding-top:0;font-size:18px;line-height:20px;font-weight:400;color:#262626;border:1px solid #909090;font-family:UniCredit;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0;vertical-align:middle}
}
}
&#login-block{.oh-login-container{width:100% !important}
#login-form-email{width:100% !important}
.login-second-col{padding-top:0;width:100% !important}
.login-watchlist-popover-content{overflow-y:auto;position:relative;overflow-x:hidden;height:calc(100% - 100px)}
.watchlist-footer{display:none}
.must-login-info-box{color:#262626;display:flex;flex-direction:row;align-items:center;gap:20px;background:#E7F8FB;border-radius:4px;padding:24px;.alert-icon{background-size:contain;content:'';display:block;width:40px;height:40px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2739%27%20height%3D%2740%27%20viewBox%3D%270%200%2039%2040%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0%2020.0918C0%209.3217%208.73112%200.591797%2019.5%200.591797C30.2701%200.591797%2039%209.3217%2039%2020.0918C39%2030.8607%2030.2701%2039.5918%2019.5%2039.5918C8.73112%2039.5918%200%2030.8607%200%2020.0918ZM2.4375%2020.0918C2.4375%2029.514%2010.0766%2037.1543%2019.5%2037.1543C28.9246%2037.1543%2036.5625%2029.514%2036.5625%2020.0918C36.5625%2010.6684%2028.9246%203.0293%2019.5%203.0293C10.0766%203.0293%202.4375%2010.6684%202.4375%2020.0918ZM15.6406%2019.523C15.6406%2018.0872%2016.8048%2016.923%2018.2406%2016.923V20.823C18.2406%2022.2589%2017.0765%2023.423%2015.6406%2023.423V19.523ZM25.3906%2025.373V20.173C25.3906%2016.9419%2022.7718%2014.323%2019.5406%2014.323C16.3095%2014.323%2013.6906%2016.9419%2013.6906%2020.173V25.373H25.3906ZM27.3406%2028.623H11.7406V26.673H27.3406V28.623ZM20.1906%2011.723H18.8906V9.12305H20.1906V11.723ZM29.9406%2019.523H27.3406V18.223H29.9406V19.523ZM12.9581%2011.4715L14.6032%2013.4845L13.597%2014.3074L11.9512%2012.2944L12.9581%2011.4715ZM27.13%2012.2944L25.4842%2014.3074L24.478%2013.4845L26.1238%2011.4715L27.13%2012.2944ZM11.7406%2019.523H9.14062V18.223H11.7406V19.523Z%27%20fill%3D%27%23262626%27%2F%3E%3C%2Fsvg%3E%0A")}
.info-text{font-family:UniCredit;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0}
}
.login-title{margin-top:35px;font-family:UniCredit;font-weight:400;font-size:48px;line-height:100%;color:#262626}
.login-sidebar-page.otp{.not-valid-input,input#email,input#otp{width:100%;box-sizing:border-box}
}
.login-page{.login-second-col{padding-top:0}
.btn-wrapper{margin-bottom:0 !important}
.password-container{position:relative}
.not-valid-input,input#username,input#password{width:100%;margin-bottom:0}
}
}
.filter-and-add-watchlist-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;.filter-watchlist-by-name{display:flex;align-items:center;border-radius:4px;justify-content:flex-start;width:60%;background-color:#F5F5F5;border-radius:4px;height:40px;svg{display:block;color:#262626;height:24px;width:4rem;padding:0;margin:15px 0 15px 5px}
input[type="text"]{height:40px;width:100%;min-width:213px;box-sizing:border-box;border-color:transparent;padding-bottom:0;padding-top:0;background-color:#f5f5f5;font-size:18px;line-height:20px;font-weight:400;color:#262626}
}
}
.add-watchlist{a:before{content:'';display:block;background-repeat:no-repeat;width:16px;height:16px;margin-right:2px;background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.668886%207.95853C0.668886%203.90926%203.95147%200.626221%208.00119%200.626221C12.0505%200.626221%2015.3335%203.90926%2015.3335%207.95853C15.3335%2012.0078%2012.0505%2015.2908%208.00119%2015.2908C3.95147%2015.2908%200.668886%2012.0078%200.668886%207.95853ZM7.3139%2012.0829H8.68871V8.64594H12.1256V7.27113H8.68871V3.83411H7.3139V7.27113H3.87674V8.64594H7.3139V12.0829Z%27%20fill%3D%27%2305829A%27%2F%3E%3C%2Fsvg%3E%0A")}
a{display:flex;align-items:center}
}
.watchlist-info-text{display:none;padding:15px 10px;background:#F5F5F5;border-radius:4px;margin-bottom:20px;.info-icon{background:center;height:25px;width:40px;margin-right:7px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2725%27%20height%3D%2726%27%20viewBox%3D%270%200%2025%2026%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M12.5%200.5C19.4039%200.5%2025%206.09609%2025%2013C25%2019.9031%2019.4039%2025.5%2012.5%2025.5C5.59609%2025.5%200%2019.9031%200%2013C0%206.09609%205.59609%200.5%2012.5%200.5ZM12.5%202.0625C6.45937%202.0625%201.5625%206.95937%201.5625%2013C1.5625%2019.0398%206.45937%2023.9375%2012.5%2023.9375C18.5414%2023.9375%2023.4375%2019.0398%2023.4375%2013C23.4375%206.95937%2018.5414%202.0625%2012.5%202.0625ZM13.7871%2016.2441C13.7871%2017.5463%2013.3616%2018.7275%2011.2305%2018.7275V11.793H13.7871V16.2441ZM12.5%206.75C13.3631%206.75%2014.0625%207.45006%2014.0625%208.3125C14.0625%209.17558%2013.3631%209.875%2012.5%209.875C11.6369%209.875%2010.9375%209.17558%2010.9375%208.3125C10.9375%207.45006%2011.6369%206.75%2012.5%206.75Z%27%20fill%3D%27%23262626%27%2F%3E%3C%2Fsvg%3E%0A")}
.info-text{display:flex;align-items:center;color:#262626;font-family:UniCredit;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0}
}
}
}
#create-watchlist-title{display:none;align-items:center;.arrow-icon{content:'';display:block;height:19px;width:11px;cursor:pointer;background-repeat:no-repeat;margin-right:10px;margin-top:5px;background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2711%27%20height%3D%2719%27%20viewBox%3D%270%200%2011%2019%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M9.89737%200.591797C11.2009%201.79386%2011.2009%203.74461%209.89737%204.9478L5.17733%209.5918L9.89737%2014.2358C11.2009%2015.439%2011.2009%2017.3886%209.89737%2018.5918L0.75%209.5918L9.89737%200.591797Z%27%20fill%3D%27%23262626%27%2F%3E%3C%2Fsvg%3E%0A")}
}
.popover-content{overflow-y:none}
#results-spinner{visibility:visible;display:flex;position:relative;justify-content:center;align-items:center}
.loader{width:48px;height:48px;border:5px solid #ccc;border-bottom-color:#007a91;border-radius:50%;display:inline-block;box-sizing:border-box;-webkit-animation:spinning-cog 1.1s infinite ease;animation:spinning-cog 1.1s infinite ease}
.separator{grid-column:1 / -1;border-top:1px solid #b9b9b9;height:1px}
.watchlist-side-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:none;z-index:1000}
#watchlist-side-menu-close-button{margin-left:auto;height:24px;width:24px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2725%27%20viewBox%3D%270%200%2024%2025%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M21.7717%200.0917969L12%209.86355L2.2275%200.0917969L0%202.32005L9.77175%2012.0918L0%2021.8635L2.2275%2024.0918L12%2014.32L21.7717%2024.0918L24%2021.8635L14.2283%2012.0918L24%202.32005L21.7717%200.0917969Z%27%20fill%3D%27%23262626%27%2F%3E%3C%2Fsvg%3E%0A")}
.watchlist-popover-content{height:calc(100% - 355px);overflow-y:auto;position:relative;overflow-x:hidden}
.watchlist-header-wrapper{align-items:center;margin-bottom:50px}
.logo-box{height:70px}
.broker{display:grid;grid-template-columns:1fr 2fr;gap:20px;grid-auto-rows:65px}
.broker img{width:100%;height:auto;max-width:100px;max-height:45px}
.broker-name{color:#262626;font-family:UniCredit;font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;text-transform:uppercase;align-self:center;font-size:1.2em}
@media(min-width:600px) and (max-width:1135px){#watchlist-side-menu{right:-50%;width:50%}
}
@media(max-width:599px){#watchlist-side-menu{padding-top:30px;padding-left:16px;padding-right:16px;right:-100%;width:100%}
}
.watchlist-sidebar-element.template{display:none}
.watchlist-sidebar-element{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;color:#262626;margin-bottom:20px;border-bottom:1px solid #909090;padding-bottom:15px;.watchlist-element-title{font-family:UniCredit;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0;vertical-align:middle;margin-bottom:8px}
.watchlist-element-content{gap:15px;.element-content-container.change-container{width:50%;.value{color:#3d7d43}
.value.negative-profit{color:#cf3524}
}
.element-content-container{width:30%;.label{text-transform:uppercase;font-family:UniCredit;font-weight:400;font-size:14px;line-height:24px;vertical-align:middle}
.value{font-family:UniCredit;font-weight:700;font-size:18px;line-height:24px;vertical-align:middle}
}
}
.checkbox-column{display:flex;width:24px;padding-right:10px;align-self:self-start}
.contents-and-input-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;width:calc(100% - 35px);.inputs-section{margin-top:10px;display:none;flex:1;gap:4px;input{box-sizing:border-box;padding:4px;position:relative;background-color:#fff;display:block;width:100%;color:#262626 !important;border:1px solid #ccc !important;position:relative;font-family:UniCredit;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0;vertical-align:middle}
.input-section-container{width:32.5% !important;label{font-family:UniCredit;font-weight:400;font-size:18px;line-height:24px;vertical-align:middle;color:#666}
}
.input-section-container.price-container{position:relative;.currency-symbol{width:12px;background:#fff;top:27px;font-family:UniCredit;font-weight:700;font-size:24.54px;letter-spacing:0;vertical-align:middle;right:6px;position:absolute}
}
.date-input-container{display:flex;align-items:center;position:relative;svg{right:3px;height:18px;width:18px;position:absolute}
}
}
}
}
.watchlist-sidebar-element.disabled{.inputs-section{display:none !important}
}
.watchlist-outside-feedback-message-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#4CAF50;color:white;padding:15px 20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1000;display:none;z-index:11000;&.failure{background:#cf3524}
.feedback-popup{font-family:UniCredit;font-weight:700;font-size:18px;line-height:22px;letter-spacing:0}
}
.watchlist-sidebar-element.disabled{color:#909090;.checkbox-column{display:flex;width:24px;padding-right:10px;align-self:self-start}
.element-content-container.change-container{.value{color:#909090}
.value.negative-profit{color:#909090}
}
}