body {
    background-color:#080810;
    color:lightgrey;
    font-size:13px;
}
a, a:link, a:visited {
    color:lightgray;
}
.overlay-box, .thankyou-box {
    position:fixed;
    top:40%;
    left:50%;
    transform:translate(-50%, -40%);
    opacity:.95;
    z-index: 1000;
}



footer, footer a, footer a:link, footer a:visited {
    text-align:center;
    font-size: 13px;
    color: #486848;
}
h1 {
    font-size:18px;
    font-weight:bold;
    display:inline;
    vertical-align:top;
}
h3 {
    text-decoration: underline;
}
.emote_image {
    border:1px solid dotted #182818;
}
.fa {
    font-size: 20px !important;
}
.description {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    min-height:100px;
    vertical-align:top;
    border:0px solid red;
}
.modal-content {
    background-color: #203020 !important;
    
}
.counter, .like_counter {
    color:lightgrey;
    font-size: 11px;
}
.like_button {
    margin-left:20px;
}
.first_seen {
    color:darkgreen;
    font-size: 11px;
}
.likes_normal {
    color:green;
}
.hearts_normal {
    color:darkred;
}
.likes_selected {
    color:#00f000 !important;
}
.hearts_selected {
    color: #dd1313 !important;
}
.likes_7 {
    color:#5050ff;
    font-size: 8px;
    text-align:left;
}
.badge_likes_7 {
    background-color:#5050ff;
    font-size: 8px;
    color:white;
}
.badge_likes_total {
    font-size: 8px;
    background-color:green;
}
.badge_category {
    font-size:13px;
    font-weight:bold;
    text-decoration: none;
    padding:7px;
    background-color: #202020;
}
.badge_category_selected {
    background-color: #303060;
}
.badge_category i {
    color:blue;
}
.badge_category_selected > i {
    font-size:15px;
}
.ban_option {
    color: #600000;
    font-size:18px;
}
.banned {
    color: #ff0000;
    font-weight:bold;
    font-size:18px;
}
.occurrences {
    color:darkblue;
    font-size: 11px;
}
.text_submissions_counter {
    height:20px;
}
.paginate_input {
    background-color: #203020 !important;
    max-width:50px;
}

.highlight {
    color:#e70028 !important;
}
.listings {
    padding-left:10px;
    padding-right:10px;
    display:table-cell;
    margin-right:10px;
}
.listings_start {
    float:left;
}
.listings_end {
    float:right;
}
.position_hitparade {
    color:grey;
    font-size: 11px;
}
small {
    font-size:12px;
}
.table-stickers th {
    color:white !important;
}
.channel_item {
    float:left;
    width:320px;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 10px;
    text-align:left;
}


.password-checklist{
    margin-top: 10px;
    width: 100%;
    padding: 20px 30px;
    background: #ef547f;
    border-radius: 5px;

    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: .5s ease;
}

.password-input:focus ~ .password-checklist{
    opacity: 1;
    transform: translateY(0);
}


.checklist-title{
    font-size: 15px;
    color: #922037;
    margin-bottom: 10px;
}

.checklist{
    list-style: none;
}

.list-item{
    padding-left: 30px;
    color: #fff;
    font-size: 14px;
}

.list-item::before{
    content: '\f00d';
    font-family: FontAwesome;
    display: inline-block;
    margin: 8px 0;
    margin-left: -30px;
    width: 20px;
    font-size: 12px;
}

.list-item.checked{
    opacity: 0.5;
}

.list-item.checked::before {
    content: '\f00c';
    color: #922037;
}
.frog_icon {
    margin-left:30px;
    margin-top:7px;
    height:50px;
    opacity:1;
}
.block_box {
    border-radius: 2px;
    min-height:100px;
    margin-right:10px;
    margin-bottom:5px;
    padding:0px;
}
input, select {
    background-color:#303030;
    color:#8fb297;
}
.description_text {
    font-size:11px !important;
    line-height:0.8 !important;
    --bs-body-line-height: 0.8 !important;
}
.column_textlink {
    width:20%;
}
.column_image {
    width:20%;
}

/* boostrap stuff */

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: #006c11 !important;
  border-color: gray !important;
}

.table-striped > tbody > tr:nth-child(even) > td {
    color:white;
    background-color: <?=$alternate_color0?>;
}
.table-striped > tbody > tr:nth-child(odd) > td {
    color:white;
    background-color: <?=$alternate_color?>;
}
.block_box_bg_highlighted {
    background-color:<?=$alternate_color?>;
    color:grey;
}
.table-striped > tbody > tr > td {
   color:white;
}
input[type=checkbox] {
    accent-color: #205020;
}
.toggle_icons {
    cursor:pointer;
}
.circle {
    width: 15px;        /* Diameter of the circle */
    height: 15px;       /* Diameter of the circle */
    background-color: green; /* Green color */
    border-radius: 50%; /* Makes the element circular */
    opacity:0.6;
}