.login-group {
    display: none !important;
}
.dropdown-toggle {
    font-size: 24px;
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
.edit-post .dropdown-toggle:before, .edit-post .dropdown-toggle:after {
    display: none !important;
}
a.dropdown-item {
    text-align: center;
    border-radius: 0 !important;
}
a.delete-post {
    color: rgba(252, 134, 136, 1);
}
.dropdown-divider {
    border-color: #ccc;
}
.alert-box {
    padding: 3rem 1.5rem;
}
textarea {
    border: 3px solid rgba(209, 178, 225, 1) !important;
    box-shadow: none !important;
}
.drop-container {
    flex-direction: column;
    border: none;
    height: auto;
    color: rgba(152, 148, 148, 1);
    font-size: 14px;
}
.drop-container:hover {
    background: transparent;
}
.drop-container img {
    width: 100px;
    height: auto;
}
.button-right {
    text-align: right;
}
.button-right button {
    display: inline-block;
}
.follow-list {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}
.follow-list button {
    margin-left: 6px;
}
.follow-item-box {
    display: flex;
    align-items: center;
}
.head-box {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 0.5rem;
}
.head-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btn-gray {
    border-radius: 30px;
}
.nav-tabs {
    display: flex;
    justify-content: center;
    border: none;
}
.nav-tabs .nav-item {
    flex: 1;
}
.nav-tabs .nav-item button {
    width: 100%;
    color: rgba(117, 130, 177, 1);
    font-weight: 700;
}
.nav-tabs .nav-link {
    border: none;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
    color: rgba(117, 130, 177, 1);
    border: none;
    border-bottom: 3px solid rgba(30, 90, 156, 1);
}
.hashtag-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
.hashtag-list .hashtag-item {
    color: rgba(137, 113, 199, 1);
}
.list-box .list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-box .list-item + .list-item {
    margin-top: 1rem;
}
.list-box .list-item .item {
    position: relative;
    padding: 3px 12px;
}
.list-box .list-item .item.online-ing:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: rgba(252, 134, 136, 1);
}
.list-box .list-item .item-group {
    display: flex;
    flex: 1;
    justify-content: space-between;
}
.list-box .list-item .item-group:nth-child(2) {
    margin-left: 0.5rem;
    flex: none;
}
.list-box .list-item .item-group.draft-list {
    background-color: rgba(218, 223, 242, 1);
}
.list-box .list-item .item-group.online-list {
    background-color: rgba(252, 195, 220, 1);
}
.list-box .list-item .item-group.over-list {
    background-color: rgba(245, 245, 245, 1);
}
.empty-activities-box, .no-order-box {
    height: 100%;
    min-height: 400px;
    background-color: rgba(218, 223, 242, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(97, 112, 166, 1);
}
.empty-activities-box img, .no-order-box img {
    width: 150px;
    margin-right: 1rem;
}
.tab-content {
    min-height: 350px;
    padding: 0.5rem;
}
.nav-tabs {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.nav-item {
    white-space: nowrap;
}
.history-box {
    width: 100%;
    border: 1px solid rgba(152, 148, 148, 1);
    padding: 1rem;
    margin-bottom: 1rem;
}
.history-box .history-header {
    display: flex;
}
.history-box .history-header .btn-group {
    margin-left: auto;
}
.history-box .history-header .btn-group button {
    margin: 0 6px;
}
.history-box .history-body {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin: 1rem 0;
}
.history-box .history-body .item-list {
    display: flex;
    flex-direction: column;
}
.history-box .history-body .body-item-group {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}
.history-box .history-body .body-item .item.serial-num {
    font-weight: 700;
    color: rgba(117, 130, 177, 1);
}
.history-box .history-body .body-item .item span {
    color: rgba(152, 148, 148, 1);
}
.history-box .history-body .body-item.order-price {
    margin-left: auto;
}
.history-box .history-body .body-item .img-box {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 15px;
    margin-right: 15px;
}
.history-box .history-body .body-item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.history-box .history-footer {
    display: flex;
    justify-content: space-between;
}
.history-box .history-footer .footer-item:nth-child(2) {
    display: flex;
    flex-direction: column;
}
.history-box .history-footer .footer-item:nth-child(2) button {
    margin: 2px 0;
}
.history-box .history-footer ul {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.history-box .history-footer ul li {
    position: relative;
}
.history-box .history-footer ul li + li {
    margin-left: 30px;
}
.history-box .history-footer ul li + li:before {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: rgba(152, 148, 148, 1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
}
.history-box .history-footer ul li p {
    margin-bottom: 0;
    font-size: 13px;
    color: rgba(152, 148, 148, 1);
}
.alert-content {
    flex-direction: column;
}
.alert-content ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.alert-content ul li {
    background-color: rgba(245, 245, 245, 1);
    padding: 3px 24px;
    border-radius: 6px;
    margin-bottom: 1rem;
    cursor: pointer;
}
.alert-content ul li:hover {
    background-color: rgba(218, 223, 242, 1);
}
#cancelOrderModal .alert-content {
    max-height: 95vh;
    max-width: 80%;
}
#cancelOrderModal .history-box {
    width: 100%;
    border: 1px solid rgba(152, 148, 148, 1);
    padding: 1rem;
    margin-bottom: 1rem;
    overflow-y: auto;
}
#cancelOrderModal .history-box .history-header {
    display: flex;
    flex-direction: column;
}
#cancelOrderModal .history-box .history-header button {
    margin: 6px;
}
#cancelOrderModal .history-box .history-body {
    display: block;
    width: fit-content;
    margin: auto;
    padding: 0.5rem 0;
}
#cancelOrderModal .history-box .history-body .body-item-group {
    display: block;
}
#cancelOrderModal .history-box .history-body .body-item .item.serial-num {
    font-weight: 700;
    color: rgba(117, 130, 177, 1);
}
#cancelOrderModal .history-box .history-body .body-item .item span {
    color: rgba(152, 148, 148, 1);
}
#cancelOrderModal .history-box .history-body .body-item.order-price {
    margin-left: 0;
}
#cancelOrderModal .history-box .history-body .body-item .img-box {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 15px;
    margin: 0 auto;
}
#cancelOrderModal .history-box .history-body .body-item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#cancelOrderModal .history-box .history-footer {
    display: flex;
    align-items: center;
    flex-direction: column;
}
#cancelOrderModal .history-box .history-footer .footer-item:nth-child(2) {
    margin-right: auto;
}
#cancelOrderModal .history-box .history-footer ul {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
#cancelOrderModal .history-box .history-footer ul li {
    margin-bottom: 0.5rem;
    position: relative;
}
#cancelOrderModal .history-box .history-footer ul li + li {
    margin-left: 30px;
}
#cancelOrderModal .history-box .history-footer ul li + li:before {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: rgba(152, 148, 148, 1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
}
#cancelOrderModal .history-box .history-footer ul li p {
    margin-bottom: 0;
    font-size: 13px;
    color: rgba(152, 148, 148, 1);
}
.button-box {
    display: grid;
    gap: 0.5rem;
    margin-top: 1rem;
    position: relative;
}
.button-box img {
    position: absolute;
    top: -25px;
    left: -35px;
    width: 50px;
}
@media (min-width: 768px) {
    .history-box .history-body {
        flex-direction: row;
        align-items: center;
   }
    .history-box .history-footer .footer-item:nth-child(2) {
        flex-direction: row;
   }
    .history-box .history-footer .footer-item:nth-child(2) button {
        margin: 0 2px;
   }
    #cancelOrderModal .history-box .history-header {
        flex-direction: row;
   }
    #cancelOrderModal .history-box .history-header .btn-group {
        margin-left: auto;
   }
    #cancelOrderModal .history-box .history-body {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        margin: 1rem 0;
        padding: 0;
   }
    #cancelOrderModal .history-box .history-body .body-item-group {
        display: flex;
        flex-direction: row;
   }
    #cancelOrderModal .history-box .history-body .body-item.order-price {
        margin-left: auto;
   }
    #cancelOrderModal .history-box .history-body .body-item .img-box {
        margin-right: 15px;
   }
    #cancelOrderModal .history-box .history-footer {
        flex-direction: row;
   }
    #cancelOrderModal .history-box .history-footer .footer-item:nth-child(2) {
        margin-right: 0;
        margin-left: auto;
   }
    #cancelOrderModal .history-box .history-footer ul li {
        margin-bottom: 1rem;
   }
    .button-box {
        display: flex;
        justify-content: end;
        margin-top: 3rem;
   }
    .button-box img {
        top: -50px;
        left: -60px;
        width: 100px;
   }
}