/* MAIN FEED STYLE */
html, body {
    background-color: #edf1f4;
    color: rgb(81, 78, 66);
    scrollbar-color: #dde1e5 #e9edf1; /* FireFox scrollbar */
}  
.wall-color {
    background-color: #edf1f4!important;
}
a {
    color: rgb(41, 41, 41);
}
.blob {
	background: rgb(81, 78, 66);
}
.bg {
    background-color: #f9f9f9;
}
.app_name {
    color: #2d2a24;
}
body::-webkit-scrollbar-track {
    background: #e9edf1;
}
body::-webkit-scrollbar-thumb {
    background-color: #dde1e5;    
    border-radius: 20px;       
    border: 3px solid #e9edf1;  
}
.menu {
    background-color: #e5eaf0;
}
.menu li:hover {
  background-color: #d4dadf;
}
.menu #decks_list:hover {
    background-color: #d4dadf;
}
.menu .active {
    background-color: #d4dadf;
}
.dot {
    background: #000;
}

/* PUSH STYLE */
.push {
    box-shadow: 0.2rem 0.2rem 0.6rem rgb(36, 36, 36, 0.07);
}
.push:hover {
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
}
.time_since_timestamp {
    color: #999999;
}
input[type=submit] {
    color: rgb(19, 19, 19);
}
.more_in_cluster:hover {
    background-color: rgba(41, 41, 41, 0.052);
}
.see_through {
    color: #000;
    opacity: 0.3;
}
.tag {
    color: #000000c2; 
}
/* Create a custom checkbox */

/* On mouse-over, add a grey background color */
.source-label:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.source-label input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Style the checkmark/indicator */
.source-label .checkmark:after {
    border: solid white;
}
.checkmark {
    background-color: #d7d7d7;
}

/* OVERLAY LOADER */


div.loading{
    background-color: rgba(16, 16, 16, 0.5);
}

.uil-ring-css > div {
    box-shadow: 0 0.2185rem 0 0 #505050;
}

/* TINGLE */
.tingle {
    animation-name: tingle;
    animation-duration: 4s;
    animation-iteration-count: 1;
  }
  
  @keyframes tingle {
    0% {
        filter: brightness(95%);
        -webkit-filter: brightness(95%);
    }
    35% {
        filter: brightness(102%);
        -webkit-filter: brightness(102%);
    }
    100% {
        filter: brightness(100%);
        -webkit-filter: brightness(100%);
    }
}