body  {
    background-color: #ffffff;
    color:#515151;
}

.faded-text  {
    color:#777 !important;
}
.plain-text-color  {
    color:#333 !important;
}

a:link, a:visited  {
    color:#4275AE;
    text-decoration:none;
}
a:hover  {
    color:#5386BF;
    text-decoration:underline;
}

h1  {
    color:#515151;
}

a.invisi-link:link, a.invisi-link:visited  {
    color:#515151 !important;
}
a.invisi-link:hover  {
    color:#315188 !important;
    text-decoration:underline;
}

.deck-entry, .deck-entry span  {
    background: #FFFFFF;
}

a.decks-mini-nav:link, a.decks-mini-nav:visited  {
    background-color:#fff;
}

.settings-btn  {
    background-image:url('../images/settings1.png');
}
.about-btn  {
    background-image:url('../images/about1.png');
}
.info-btn  {
    background-image:url('../images/info.png');
}

#backbtn  {
    background-image:url('/images/back_black.png');
}
#backbtn:hover  {
    background-color:rgba(100,100,100,0.2);
}

.green-bg  {
    background-color:rgba(25,200,50,0.2);
}
.green-bg a:link, .green-bg a:visited  {
}
.green-bg a:hover  {
    background-color:rgba(25,200,50,0.5);
}

.decks-shadow {
    border:2px solid transparent;
    box-shadow: 0px 10px 15px 2px rgba(111, 152, 181, 0.25);
}
.decks-shadow:hover  {
    border:2px solid rgba(111,152,181,1);
    box-shadow: 0px 10px 15px 2px rgba(111, 152, 181, 0.35);
}

a.delete-link:link, a.delete-link:visited  {
    background-color:rgba(180,0,0,0.1);
    color: rgba(126, 76, 76, 0.4) !important;
}
a.delete-link:hover  {
    background-color:rgba(180,0,0,0.5);
    color:rgba(255,175,175,0.8) !important;
}

a.reader-icon-nav:hover  {
    background-color:rgba(0,0,0,0.05);
}


#mainoverlay  {
    background-color:rgba(100,100,100,0.3);
}

#mobilepopup  {
    background-color: #f7f4f0;
}


.tippy-tooltip.readercustom-theme, .tippy-box[data-theme~='readercustom'] {
    background-color:#FFFBFB;
    color:#444;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.tippy-menu-item:link, .tippy-menu-item:visited  {
    background-color:#F3EEE7;
    color:#444 !important;
}
.tippy-menu-item:hover  {
    background-color: #fbf8f5;
    border:1px solid #ccc;
}

a.mode-selected:link, a.mode-selected:visited  {
    color: rgba(61, 27, 3, 0.9) !important;
    background-color:rgba(61, 27, 3,0.2) !important;
}
a.mode-unselected:link, a.mode-unselected:visited  {
    color:rgba(0,0,0,0.7) !important;
    background-color:transparent !important;
}

input[type=submit], input[type=button]  {
    border:2px solid #ccc;
    background-color:#ebe8e5;
    color:#555;
}
input[type=submit]:hover, input[type=button]:hover {
    color: #333;
    box-shadow: 0 0 12px rgba(255, 255, 255, 1);
    background-color:#fbf8f5;
}

input[type=text], input[type=email], input[type=password]  {
    border:2px solid #ccc;
}

.generic-popup  {
    background-color:#fff;
}
.generic-popup-close-btn  {
    background-image:url('https://www.tagalog.com/images/slowcache/close.svg');
}

.mini-error  {
    color: #951616 !important;
}

.pagewide-close  {
    background-image:url('https://www.tagalog.com/images/slowcache/close.svg');
}
.pagewide-close:hover  {
    background-color:rgba(100,100,100,0.1);
}

::-webkit-scrollbar {
    background: #aaa;
}

::-webkit-scrollbar-thumb {
    background: #888;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
}


.reader-success-message  {
    background-color:rgba(25,200,50,0.2);
    border:2px solid #ccc !important;
}
.reader-success-message a  {
    background-color: rgba(7, 105, 21, 0.4);
    color:#fff !important;
}
.reader-success-message a:hover  {
    background-color: rgba(7, 105, 21, 0.6);
}

.reader-error-message  {
    background-color:rgba(200,25,50,0.2);
    border:2px solid #ccc !important;
}
.reader-error-message a  {
    background-color: rgba(105, 7, 21, 0.4);
    color:#fff !important;
}
.reader-error-message a:hover  {
    background-color: rgba(105, 7, 21, 0.6);
}

a.edit-btn:link, a.edit-btn:visited  {
    background-color: rgba(255, 255, 255, 0.3);
}
a.edit-btn:hover  {
    background-color:rgba(251,250,249,1);
}


#fademsgdiv {
    background-color: rgba(213, 237, 217, 0.9);
    border: 1px solid rgba(74, 160, 90, 0.9);
    box-shadow: 0 0 12px rgba(0,0,0,0.4);
    color: #444;
}

.basic-btn:hover  {
    box-shadow: 0px 5px 10px 2px rgba(100, 100, 100, 0.1);
}