:root {
    --primary: #5567ff;
    --primary-content: #ffffff;
    --primary-dark: #2239ff;
    --primary-light: #8895ff;
    --secondary: #ff55bc;
    --secondary-content: #550033;
    --secondary-dark: #ff22a8;
    --secondary-light: #ff88d0;
    --background: #111222;
    --foreground: #191c34;
    --border: #292e56;
    --copy: #fafafd;
    --copy-light: #cbcee6;
    --copy-lighter: #878dc5;
    --success: #55ff55;
    --warning: #ffff55;
    --error: #ff5555;
    --success-content: #005500;
    --warning-content: #555500;
    --error-content: #550000;
}

body {}

.text-20,
.text-black-20 {
    color: var(--copy-light);
}

.text-50,
.text-black-50 {
    color: var(--copy-light);
}

.text-70,
.text-black-70 {
    color: var(--copy-light);
}

.text-100,
.text-black-100 {
    color: var(--copy-light);
}

.text-white-20 {
    color: var(--copy-light);
}

.text-white-50 {
    color: var(--copy-light);
}

.text-white-60 {
    color: var(--copy-light);
}

.text-white-70 {
    color: var(--copy-light);
}

.bg-white,
.card-body,
.popover-body,
.popover,
.media,
.my-16pt,
.text-50,
.text-70 {
    background-color: var(--foreground);
    color: var(--copy-light);
    border-color: var(--border);
}

.flex {
    border-color: var(--border)
}

.border-top-2 {
    border-top: 2px solid var(--border);
}

.border-bottom-2 {
    border-bottom: 2px solid var(--border);
}

.py-112pt {
    background-color: var(--background);
}

.review__box {}

.review_cardd {
    background-color: var(--foreground);
    border: 2px solid var(--border);
    border-radius: 10px;
    font-size: 12px;
    text-wrap: balance;
    margin: 15px 15px 15px 15px;
    overflow: hidden;
    width: 800px;
}

.review_cardd_body {
    margin-top: 5px;
    color: var(--copy);
    text-wrap: balance;
    white-space: wrap;
    width: 780px;
    font-size: 16pt;
    overflow: hidden;
    padding: 5px;
    padding-bottom: none;
    text-align: justify;
    text-align-last: left;
    background-color: var(--foreground)!important;
}

#review_card_body_text {
    background-color: var(--foreground)!important;
}

#review_body_textarea {
    background-color: var(--foreground);
    color: var(--copy-light);
    width: 600px;
    resize: none;
    border: none;
    border-bottom: 1px solid var(--border);
    margin-bottom: -15px;
}

#review_body_textarea:focus {
    border: 1px solid var(--border);
    border-radius: 5px;
    outline: none;
}

.accordion__item,
.accordion,
.mb-lg-64pt {
    width: 800px;
}

#more_from_author_boxes {
    width: 500px !important;
    border: 1px solid var(--border) !important;
}

#container_more_from_author {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 10%;
    margin-left: 10%;
}

.review_enter {
    background-color: var(--foreground);
    color: var(--copy);
    border: 2px solid var(--border);
    border-radius: 10px;
    font-size: 12px;
    margin-left: 15px;
    width: 800px;
    padding: 10px;
    object-fit: contain;
}

#review_enter_card {
    width: 800px;
}

h4 {
    color: var(--copy);
}

#container_for_stc {
    margin-left: 0 !important;
    padding-left: 20% !important;
}

#middle_container {
    margin-left: 0 !important;
    padding-left: 15% !important;
}

a,
span,
small,
.d-flex {
    color: var(--copy-light)
}

.dropdown-item {
    color: var(--copy-light)
}

.dropdown-item:hover {
    color: var(--copy-lighter)
}

#letmeknow {
    margin-left: 20px;
    margin-bottom: 0px;
    margin-top: 17px;
}

.rating__item .material-icons {
    color: var(--secondary-light);
}

#stars {
    color: var(--secondary-light)!important
}

.material-icons {
    color: var(--copy-light)
}

.material-icons .sidebar-menu-icon .sidebar-menu-icon--left {
    color: var(--copy-light)
}

.sidebar-light .sidebar-menu-icon {
    color: var(--copy-light)
}

.badge .badge-notifications .badge-accent {
    width: 10px;
    border: none !important;
}

.navbar-dark-pickled-bluewood .badge-notifications {
    width: 10px;
    border: none !important;
}

.mb-24pt .mb-sm-0 .mr-sm-24pt .mb-0 {
    background-color: var(--background) !important;
}

.text-muted {
    color: var(--copy-light) !important;
}

[dir] .form-control {
    border: 1px solid var(--border);
}

#tags,
#enteredTags {
    border-radius: 0.5rem !important;
    border: 1px solid var(--border) !important;
    background-color: var(--background) !important;
    width: 100%;
    height: 50px;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 20px !important;
}

#enteredTags div {
    margin-top: 5px;
    margin-left: 5px;
    color: var(--copy-light);
    border-radius: 0.5rem;
    padding: 5px;
    font: 10px;
    background-color: var(--foreground);
    font-family: Exo\2, Helvetica Neue, Arial, sans-serif;
}

.input-group-text {
    border: 1px solid var(--border)!important;
}

#keyword_search {
    border-radius: 0.5rem !important;
    border: 1px solid var(--border) !important;
    background-color: var(--background) !important;
    width: 80%;
    height: 50px;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 20px !important;
    margin-left: 20px;
}

.keyword {
    display: flex;
    color: var(--copy);
    background-color: var(--foreground);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    font-size: 15px;
    text-align: center;
    width: fit-content;
    padding: 5px;
    margin-left: 20px;
    margin-bottom: 10px;
}


/* makefor coments not reviews */

.comment {
    background-color: #191c34 !important;
    /* border: 2px solid var(--border); */
    border-radius: 10px!important;
    font-size: 12px!important;
    text-wrap: balance!important;
    overflow: hidden!important;
    width: 800px!important;
    padding: 0%;
}

.comment_body,
strong {
    color: var(--copy-light);
    text-wrap: balance;
    white-space: wrap;
    font-size: 16pt;
    overflow: hidden;
    padding-bottom: none;
    text-align: justify;
    text-align-last: left;
}


/* rreplies */

.reply {
    background-color: #191c34 !important;
    /* border: 2px solid var(--border); */
    border-radius: 10px!important;
    font-size: 12px!important;
    text-wrap: balance!important;
    margin: 15px 15px 15px 15px!important;
    overflow: hidden!important;
    width: 800px!important;
    padding: 0%;
}

.bg-none {
    background-color: var(--foreground)!important;
}

.page-separator__text {
    background-color: var(--foreground) !important;
}

.bg-bg {
    background-color: var(--background) !important;
}

.text-black-50 {
    color: var(--copy-lighter) !important;
}

.popover-body {
    border: 1px solid var(--border);
    border-radius: 0.5rem;
}


/* .progress {
    background-color: var(--secondary-content) !important;
}

.progress-bar {
    background-color: var(--secondary-dark) !important;
} */

.bg-trans {
    background-color: transparent !important;
}

.font-26px {
    font-size: 26px !important;
}

.hand-onhover:hover {
    cursor: pointer;
}