:root { --dark-mode-background-color: #434343; --dark-mode-card-background-color: #333333; --dark-mode-grey-color: #CCCCCC; }

.notifier 
{
    display:inline-block;
    width:26px;
    height:35px;
    vertical-align:middle;
}
/*.notifier.count
{
    width:28px;
}
.notifier.count:hover 
{
    width:34px;
}*/
.panel .title .notifier
{
    margin:-10px 4px 0 0;
}

div#notifyWrapper.notifyWrapper {
    position: absolute;

    border-radius: 50%;
    background-color: red;
    color: #eee;
    background-color: #e50000;
    contain: layout;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

div#notifyText {
    border-radius: 100%;
    text-align: center;
    contain: layout;
    line-height: 1;
    font-size: 75%;
    height: 80%;
}

div#notifyWrapper.notifyWrapper.LARGE_notifyWrapper_jsx {
    top: -14%;
    right: -42%;
    padding: 8%;
}

div#notifyWrapper.notifyWrapper.MEDIUM_notifyWrapper_jsx {
    top: -12%;
    right: -29%;
    padding: 12%;
}

div#notifyWrapper.notifyWrapper.SMALL_notifyWrapper_jsx {
    top: -12%;
    right: -28%;
    padding: 15% 22%;
}

div#notifyText.LARGE_notifyText_jsx {
    padding: 15%;
}

div#notifyText.MEDIUM_notifyText_jsx {
    padding: 7% 5%;
}

div#notifyText.SMALL_notifyText_jsx {
    padding: 0;
}

#notifycount.hidden {
    display: none;
}
#clipboardpinned > .count
{
    position: absolute;
    height: 25px;
    line-height: 25px;
    width: 25px;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

.errorMessage 
{
    color:Red;
    font-size:16px;
    font-weight:bold;
}
.newnotification 
{
    background-color:#FFF3B2;
}

.notifytime 
{
    font-size:9px;
    color:#76777A;
    font-style:italic;
    padding-top:4px;
}

.newnotification .notifytime {
    color:#000000;
}
.notifyempty, #home_emptySuccessList
{
    font-size:14px;
    color:#4E4F51;
    font-style:italic;
    padding: 20px;
}

#home_emptySuccessList
{
    padding: 50px 20px;
}
#home_emptySuccessList span
{
    vertical-align: middle;
}

/* DARK MODE THEME */

body.darkMode .notifyempty
{
    color:var(--dark-mode-grey-color);
}

div.quoteheader-icon div#notifier.notifier {
    background-image: url("../../../img/svgs/sell/Application_Notification_Black.svg");
}

body.darkMode div.quoteheader-icon div#notifier.notifier {
    background-image: url("../../../img/svgs/sell/Application_Notification_Grey.svg");
}

    /* END DARK MODE THEME */