:root {
    --osaka-blue: rgb(59, 58, 129);
}

img.avatar {
    object-fit: cover;
    border-radius: 50%;
    height: 45px;
    width: 45px;
}

.div-hover {
    background-color: white;
    cursor: pointer;
}

.div-hover:hover {
    /* background-color: rgb(248, 248, 248); */
    background-color: rgb(250, 250, 250);
    cursor: pointer;
}

.square-btn {
    width: 50px;
    height:50px;
}

.like-btn,
.dislike-btn,
.reply-btn {
    /* background-color: rgb(243, 244, 247); */
    /* color: rgb(49, 91, 170); */
    color: rgb(105, 105, 117);
    /* color: #2f2f7e; */
    cursor: pointer;
}

.best-answer-btn,
.finish-auction-btn {
    /* background-color: rgb(243, 244, 247); */
    /* color: rgb(49, 91, 170); */
    color: #dc3545;
    /* color: #2f2f7e; */
    cursor: pointer;
}

#carousel-preview .like-btn,
#carousel-preview .dislike-btn,
#carousel-preview .reply-btn,
#carousel-preview .download-btn {
    color: rgb(200, 200, 200);
    /* color: #2f2f7e; */
    cursor: pointer;
}

.like-btn:hover,
.dislike-btn:hover,
.reply-btn:hover {
    /* background-color: rgb(243, 244, 247); */
    /* color: rgb(49, 91, 170); */
    /* color: rgb(105, 105, 117); */
    color: #2f2f7e;
}

.best-answer-btn:hover,
.finish-auction-btn:hover {
    /* background-color: rgb(243, 244, 247); */
    /* color: rgb(49, 91, 170); */
    /* color: rgb(105, 105, 117); */
    color: #94242f;
}

#carousel-preview>div>.like-btn:hover,
#carousel-preview>div>.dislike-btn:hover,
#carousel-preview>div>.reply-btn:hover,
#carousel-preview>div>.download-btn:hover {
    color: rgb(240, 240, 240);
}

@media screen and (max-width:1023px) {
    .multiselect-container button.dropdown-item {
        pointer-events: none;
    }
    .multiselect-container span.form-check input {
        pointer-events: all;
    }
    .multiselect-container span.form-check label {
        pointer-events: none;
    }
}

.modal-body {
    /* allows topic dropdown to overflow */
    overflow-y: inherit !important;
}

emoji-picker {
  --border-size: 0px;
  --outline-size:0px;
  --input-font-size:15px;
  width: 250px;
  height: 300px;
  --num-columns: 6;
}

.fs-15 {
    font-size: 15px;
}

.fs-13 {
    font-size: 13px;
}

.fs-10 {
    font-size: 10px;
}
/* 20211206_Hide */
.bg-osaka {
    background-color: var(--osaka-blue);
  }
/* 20211206_Hide */