/*
 * テーマ設定修正
 */
html {
    height: 100%;
}
body {
    height: 100%;
    color: #5e5e5e;
    font-size: 16px;
}
p {
    color: #666;
}
a:hover {
    text-decoration: underline;
}
a:hover.none-underline {
    text-decoration: none;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
    color: #666;
}
.dropdown-item {
    color: #666;
    font-size: 0.8em;
}
a.nav-link.dropdown-toggle:hover span {
    color: #333;
}
.dropdown-item:hover {
    background-color: #f2f2f2;
}

.navbar .navbar-menu-wrapper .navbar-nav .notice-icon-for-user {
    color: #f44336;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .notice-icon-for-user:hover {
    color: #f44336;
}
.navbar .navbar-menu-wrapper .navbar-nav .notice-icon-for-user svg {
    font-size: 1.5em;
}

.page-body-wrapper {
    overflow-x: clip;
}

.table thead th {
    font-size: 0.9em;
}

.col-3xl-3, .col-3xl-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 1600px) {
    .col-3xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-3xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.b-toast .toast .toast-body {
    white-space: break-spaces;
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #ddd;
}

.pagination-jump-link-container .page-link {
    padding: 0.4rem 0.6rem;
}

/* ck-editor */
.ck.ck-toolbar {
    border: 1px solid #e1eaea !important;
}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border: 1px solid #e1eaea !important;
    border-top: 0px !important;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.ck-content {
    max-height: 500px;
}
.ck-content p {
    margin-bottom: 0;
}

/* Vue Select */
.original-select-vue-select .vs__dropdown-toggle {
    border: none;    
}

/* buttons */
.btn {
    font-size: 0.8rem;
    font-weight: 400;
}
.btn:focus,
.btn:hover {
    font-size: 0.8rem;
    font-weight: inherit;
}
.btn:disabled {
    cursor: not-allowed;
}

.btn-primary:hover {
    background-color: #2024c3;
    border-color: #2024c3;
}
.btn-warning:hover {
    background-color: #ff9800;
    border-color: #ff9800;
}
.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:hover {
    background-color: #ea1c2f;
}

.btn-sm-original {
    font-size: 13px;
    padding: 0.3rem 1rem;
    line-height: 1.2;
    border-radius: 0.25rem;
}
.loading-icon-in-button {
    display: none;
    padding-right: 0.2rem;
}

.dropdown-menu {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.show>.btn-secondary.dropdown-toggle {
    color: #273444;
    background-color: #d6ddea;
    border-color: #cdd6e6;
}


/* sidebar */
.sidebar .nav .nav-item .nav-link .menu-title {
    font-size: 0.9rem;
}
.sidebar svg.svg-inline--fa {
    padding-bottom: 0.1rem;
}
.sidebar .nav .nav-item::after {
    height: 100%;
}
.sidebar_fixed {
    position: sticky;
    top: 83px;
}
.sidebar .nav .nav-item .nav-link {
    padding: 6px 20px;
}
.sidebar .nav .nav-item .nav-link.active {
    color: #fff;
}
.sidebar .nav.sub-menu {
    padding: 4px 0 4px 30px;
}
.sidebar .nav:not(.sub-menu) {
    margin: 1rem 0 0 0;
}
.sidebar .nav.sub-menu .nav-item .nav-link {
    padding: 0.4rem 1rem;
    white-space: break-spaces;
}
.sidebar .nav.sub-menu .nav-text {
    color: #ccc;
}
#sidebar.sidebar .nav.sub-menu .nav-item::before {
    margin-top: 0.7rem;
}

/* main */
.content-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}

.breadcrumb {
    padding: 0.5rem 1rem;
    background-color: #e9e9e933;
    font-size: 16px;
}

.card {
    border-radius: 0;
    box-shadow: 0 0.01rem 0.1rem rgb(0 0 0 / 18%);
}
.card-header {
    margin-bottom: 1rem;
    padding: 10px 20px;
    border: 1px solid rgba(0, 0, 0, 0.03);
}
.card-header:first-child {
    border-radius: 0;
}
.card-title {
    font-size: 16px;
    text-transform: none;
}
.card-head-actions {
    padding: 0 1rem;
}
.card-body {
    font-size: 0.9rem;
    padding: 1rem;
}
.card-body p {
    font-size: 0.9rem;
}

.table-original {
    overflow-x: visible;
}
.table-x-scroll {
    overflow-x: scroll;
}
.table td, .table th {
    padding: 0.5rem;
    font-size: 0.85rem;
}


/* footer */
#footer {
    position: sticky;
    top: 100vh;
}
.footer-area {
    border-top: 1px solid #f0f0f0;
    margin-left: -35px;
    margin-right: -35px;
    padding: 7px 0px;
}

/* from-control */
.form-control {
    font-size: 0.9rem;
}
.login-area .form-control {
    font-size: 16px;
}
.form-group label {
    font-size: inherit;
}

/* alert */
.alert {
    opacity: 1;
    transition: opacity 0.6s;
    padding: 10px 15px;
    color: #ffffff;
    margin-bottom: 15px;
    font-size: 16px;
}
.alert .closebtn {
    margin-left: 15px;
    color: #ffffff;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
    line-height: 1;
}
.alert .link-to-edit-page {
    color: #ffc107;
}
.alert .link-to-edit-page:hover {
    color: #ffc107;
}


/* tooltip */
.tooltip {
    font-size: 14px;
}
.tooltip-inner{
    max-width: 500px;
}


/*
 * ユーザーオリジナル設定
 */

/* Fontawesome */
nav.sidebar button svg.svg-inline--fa,
nav.sidebar span svg.svg-inline--fa,
a button svg.svg-inline--fa,
button svg.svg-inline--fa {
    padding-right: 0.4rem;
}
form button svg.svg-inline--fa,
form span svg.svg-inline--fa {
    padding-right: 0;
}

.user-common-box .title-header {
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
}

.user-common-box .link-area {
    margin-top: 1rem;
}

/* Badge */
.badge {
    font-size: 0.7rem;
}
.badge-account-general {
    background-color: #2196f3;
    color: #FFFFFF;
}
.badge-account-admin {
    background-color: #ff9800;
    color: #FFFFFF;
}
.badge-owner {
    background-color: #5a69be;
    color: #FFFFFF;
}
.badge-sub {
    background-color: #8da6b1;
    color: #FFFFFF;
}
.badge-shop-yahoo-auction {
    color: #666;
    background-color: #FFEB34;
}
.badge-shop-amazon {
    color: #131921;
    background-color: #FF9900;
}
.badge-shop-netsea {
    color: #ffffff;
    background-color: #E50012;
}
.badge-shop-rakuten {
    color: #ffffff;
    background-color: #BF0101;
}
.badge-shop-yahoo-flea-market {
    color: #fff;
    background-color: #f72e53;
}
.badge-market-ebay {
    color: #ffffff;
    background-color: #0063D2;
}
.badge-market-shopee {
    color: #ffffff;
    background-color: #EE4D2D;
}
.badge-list-condition {
    color: #888;
    background-color: #fff;
    border: 1px solid #aaa;
}
.badge-item-sold {
    background-color: #2196f3;
    color: #FFFFFF;
}
.badge-sub-user {
    background-color: #8da6b1;
    color: #FFFFFF;
    padding: 4px 8px;
}
.badge-sub-condition {
    background-color: #8da6b1;
    color: #FFFFFF;
}
.badge-shope-access-token-update-succeeded {
    padding: 4px 8px;
}


/* User */
#UserAccount h1 {
    line-height: 1;
    text-align: center;
}

/* Topbar */
a.top-app-name {
    color: #fff;
    font-size: 1.3rem;
}
a.top-app-name:hover {
    text-decoration: none;
}
.currency-dropdown-item {
    color: #666;
    padding: 0.3rem 1.2rem;
}

/* form */
.required label::after {
    content: "*";
    color: #f44336;
}
.required label.form-check-label::after {
    content: none;
}
.is-invalid input {
    border-color: #f86c6b;
}
.invalid-feedback {
    display: block;
}
.display-none {
    display: none;
}
.no-input-form {
    margin-bottom: 0.8rem;
}
.no-input-form label {
    color: #2d3748;
}
.no-input-form label.for-normal-number-label {
    padding-top: 1px;
}
.no-input-form label.exhibition-price-label {
    padding-top: calc(0.2rem + 1px);
}
.no-input-form .exhibition-price-value {
    font-weight: bold;
    font-size: 1.1rem;
}
.custom-select {
    font-size: 0.9rem;
}
.custom-select.original-select {
    border: 1px solid #e1eaea;
}
.original-select-vue-select {
    border: 1px solid #e1eaea;
    border-radius: .25rem;
}

/* modal */
@media screen and (min-width:576px) {
    .modal-dialog {
        margin-top: 8rem;
        max-width: 40%;
    }
}
@media screen and (min-width: 800px) {
    .modal-dialog {
        max-width: 38%;
    }
    .modal-dialog.modal-lg {
        max-width: 48%;
    }
    .modal-dialog.modal-xl {
        max-width: 53%;
    }
}
@media screen and (min-width: 1024px) {
    .modal-dialog {
        max-width: 37%;
    }
    .modal-dialog.modal-lg {
        max-width: 47%;
    }
    .modal-dialog.modal-xl {
        max-width: 52%;
    }
}
@media screen and (min-width: 1280px) {
    .modal-dialog {
        max-width: 36%;
    }
    .modal-dialog.modal-lg {
        max-width: 46%;
    }
    .modal-dialog.modal-xl {
        max-width: 51%;
    }
}
@media screen and (min-width: 1440px) {
    .modal-dialog {
        max-width: 35%;
    }
    .modal-dialog.modal-lg {
        max-width: 45%;
    }
    .modal-dialog.modal-xl {
        max-width: 50%;
    }
}
@media screen and (min-width: 1920px) {
    .modal-dialog {
        max-width: 30%;
    }
    .modal-dialog.modal-lg {
        max-width: 40%;
    }
    .modal-dialog.modal-xl {
        max-width: 45%;
    }
}

.original-icon {
    padding: 10px;
}
.original-icon:hover {
    background: #3f51b51a;
    border-radius: 5px;
}

.modal-icon {
    cursor: pointer;
}
.modal-body p,
.modal-body .item-detail-container {
    white-space: normal;
    font-size: 1em;
}
.modal-body .confirm-checkbox {
    margin-top: 0.5rem;
    white-space: normal;
}
.item-detail-key {
    font-weight: 600;
}
.modal-exhibition-image {
    display: block;
    max-width: 75px;
    max-height: 75px;
    margin-bottom: 0.5rem;
}

/* pagination */
.pagination.mb0 {
    margin-bottom: 0;
}
.pagination-form {
    display: inline-block;
    padding-right: 1rem;
    margin-bottom: 10px;
}
.pagination-description {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.pagination-jump-link-container {
    display: inline-block;
}
.form-inline label.pagination-limit-label {
    display: inline-block;
}
.pagination-limit-select-form {
    padding: 1px 3px;
    height: 30px;
}

/* Dashboards */
.important-notice-container {
    padding: 1rem 0;
}
.important-notice-container .message-for-user {
    padding: 0.5rem;
    background: #f4433633;
}
#UpdateInfoLists .title-remark {
    font-size: 0.7rem;
    color: rgba(158, 158, 158, 0.8);
}
#UpdateInfoLists .title:hover    {
    color: #167495;
    text-decoration: underline;
    cursor: pointer;
}
tr.highlight {
    background: #ffeb3b3b;
}
.modal-update-info-title {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 0.8rem;
}
.modal-update-info-detail {
    max-height: 350px;
    overflow-y: scroll;
}
.modal-update-info-detail ul {
    white-space: initial;
}
.modal-update-info-detail ul li {
    list-style: disc;
    margin-left: 1rem;
    margin-bottom: 1rem;
}


/* Notice */
.notice-original {
    margin-top: 1.5rem;
    margin-bottom: 0;
    font-size: 0.9em;
}
.notice-original.add-margin-bottom {
    margin-bottom: 1rem;
}
.notice-original .card-header {
    background-color: #f7f7f7;
    margin-bottom: 0;
}
.notice-original .card-body {
    background-color: #fff;
}
.notice-original ul li {
    list-style: disc;
    color: #6c6c6c;
    font-size: 0.95em;
}
.notice-original ul,
.notice-original ol {
    padding-left: 1rem;
}


/* FetchItems */
table.current-number-of-items {
    margin-bottom: 0;
}
table.current-number-of-items td,
table.current-number-of-items th {
    padding: 0.3rem 0.5rem;
}
table.current-number-of-items th.column,
table.current-number-of-items td.column {
    text-align: center;
    width: 18%;
}
.current-number-of-fetch-items {
    background-color: #ffeb3b33;
    padding: 0.3rem 1rem;
    font-size: 16px;
    border-radius: 3px;
}
.table thead tr th.request-item-url {
    width: 380px;
}
.table tbody tr td.request-item-url {
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table tbody tr td .shopee-category-ids-container {
    white-space: normal;
}
.fetched-items-info-description,
.category-id-value {
    color: #888;
    padding-left: 0.1rem;
}
.category-id-value-shopee {
    color: #888;
    padding-left: 0.1rem;
    padding-right: 0.3rem;
}
.error-code-description {
    color: #F44336;
    padding-left: 0.1rem;
}
.ui-autocomplete {
    background: #fff;
    width: fit-content !important;
    list-style: none;
    padding: 0;
    border: 1px solid #eee;
    border-radius: 0 0 0.25rem 0.25rem;
    max-height: 350px;
    overflow-y: scroll;
}
.ui-autocomplete li.ui-menu-item {
    padding: 0.3rem 1rem 0.3rem 1rem;
}
.ui-autocomplete li.ui-menu-item:hover {
    cursor: pointer;
    background: #f4f4f4;
}
.master-shop-label {
    font-weight: bold;
    background: #ffeb3b33;
    padding: 1px 6px;
}
.shopee-list-label {
    margin-left: 1.5rem;
}
.empty-shopee-market-ids {
    color: #F44336;
}
.amazon-item-search-container {
    position: sticky;
    position: -webkit-sticky;
    top: 75px;
}
img.amazon-search-result-image {
    max-width: 75px;
    max-height: 75px;
    padding-bottom: 1rem;
}
.seller-container {
    margin: 0.3rem 0;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 3px 6px;
}
.seller-container:hover {
    background: #ffc1070d;
}
.seller-label {
    width: -webkit-fill-available;
    margin-bottom: 0;
}
.seller-info-container {
    display: block;
}
.seller-info-contents {
    padding-left: 28px;
}
.seller-amazon {
    font-weight: bold;
    background: #FF9900;
    padding: 1px 4px;
    border-radius: 5px;
}
.seller-radio {
    float: left;
}
.seller-price {
    font-size: 1.1rem;
    font-weight: bold;
}
img.seller-prime-icon {
    max-height: 22px;
}
.seller-condition-notes {
    font-size: 0.85em;
    color: #777;
}

.netsea-item-search-container {
    position: sticky;
    position: -webkit-sticky;
    top: 75px;
}
img.netsea-search-result-image {
    max-width: 75px;
    max-height: 75px;
    padding-bottom: 1rem;
}
.netsea-set-item-container {
    margin: 0.3rem 0;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 3px 6px;
}
.netsea-set-item-container:hover {
    background: #ffc1070d;
}
.netsea-set-item-label {
    width: -webkit-fill-available;
    margin-bottom: 0;
}
.netsea-set-item-info-container {
    display: block;
}
.netsea-set-item-info-contents {
    padding-left: 28px;
}
.netsea-set-item-radio {
    float: left;
}
.netsea-set-item-price {
    font-size: 1.1rem;
    font-weight: bold;
}
.netsea-set-item-condition-notes {
    font-size: 0.85em;
    color: #777;
}

.rakuten-item-search-container {
    position: sticky;
    position: -webkit-sticky;
    top: 75px;
}
img.rakuten-search-result-image {
    max-width: 75px;
    max-height: 75px;
    padding-bottom: 1rem;
}

.alert-need-condition-descriptors {
    font-weight: bold;
    color: #ff5722;
    margin: 0 0 0.6rem 0;
}

.label-for-master-shop-target {
    font-weight: bold;
}
.label-space-for-shopee-target-market {
    padding-left: 1.8rem;
}

/* ExhibitionItems */
.filter-container {
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    background-color: #9e9e9e0f;
    border-radius: 0.15rem;
}
.ebay-item-detail-page-link,
.shopee-item-detail-page-link {
    font-size: 0.8rem;
}
th.exhibition-list-title,
td.exhibition-list-title {
    max-width: 300px;
}
td.exhibition-list-title {
    white-space: normal;
}
.withdrawal-listing-status-but-auction-in-held,
.withdrawal-listing-status-but-stock-in-amazon,
.withdrawal-listing-status-but-stock-in-netsea,
.withdrawal-listing-status-but-stock-in-rakuten,
.withdrawal-listing-status-but-yahoo-flea-market-on-sale {
    display: inline-block;
    color: #f44336;
    background: #FFEB34;
    margin-top: 3px;
    padding: 1px 7px;
    border-radius: 5px;
    font-size: 0.9em;
    font-weight: bold;
}
img.exhibition-list-image {
    max-width: 75px;
    max-height: 75px;
}
img.exhibition-list-image:hover {
    opacity: 0.7;
}
.has-auction-icon {
    color: #ff5722;
}
.not-has-auction-icon {
    color: #bbb;
}
.title-container {
    margin-top: 0.4rem;
    line-height: 1rem;
}
.title-container .netsea-label-info {
    display: block;
    color: #666666;
    padding-top: 0.2rem;
}
.exhibition-price {
    font-weight: 600;
}
.amazon-seller-id-info {
    color: #888;
    font-size: 0.9em;
}
.price-hr {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    max-width: 150px;
}
.prices-fee-container {
    color: #5a5a5a;
    font-size: 0.94em;
}
.created-datetime-container {
    font-size: 0.96em;
    line-height: 0.9rem;
}

.error-msg-container-batch-update-price-profit {
    display: none;
    padding: 3px 0px;
    color: #f44336;
    font-weight: bold;
}

.error-msg-container-batch-update-ebay-item-specific {
    display: none;
    padding: 3px 0px;
    color: #f44336;
    font-weight: bold;
}

.description-container {
    max-height: 300px;
    overflow-y: scroll;
}
.master-shop-info-container {
    position: sticky;
    position: -webkit-sticky;
    top: 75px;
}
.no-stock-in-edit-page {
    display: inline-block;
    color: #f44336;
    background: #FFEB34;
    margin-top: 3px;
    padding: 1px 7px;
    border-radius: 5px;
    font-size: 0.9em;
    font-weight: bold;
}
.error-on-change-item {
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-size: 0.9rem;
    color: #f44336;
    font-weight: bold;
}
.change-purchase-item-container {
    padding-left: 1rem;
    padding-bottom: 1rem;
}
.input-group>.input-group-append>.btn.fit-height {
    padding-top: 0;
    padding-bottom: 0;
}
.new-item-container {
    padding: 1rem 0 0 0;
    font-size: 0.9rem;
}
.new-item-container .no-input-form {
    margin-bottom: 0.4rem;
}
.new-item-container .exhibition-list-image:hover {
    opacity: unset;
}
.execute-button-container {
    text-align: center;
}

.amazon-search-button {
    margin-top: 1.5rem;
}
.change-amazon-item-modal {
    font-size: 0.9em;
}

.header-original-images {
    margin-bottom: 0.6rem;
    font-size: 1em;
}
.error-msg-upload-files,
.error-msg-delete-images {
    color: #F44336;
    font-size: 0.9rem;
    padding-top: 0.5em;
}
.uploading-container,
.deleting-container {
    padding-top: 0.5em;
}
.uploading-container .message,
.deleting-container .message {
    padding-left: 0.2em;
    font-size: 0.9rem;
}
.empty-original-images {
    margin-top: 0.5em;
    color: #888;
    font-size: 0.9em;
}
.original-image-container {
    display: inline-block;
    padding: 0.5rem;
    border-radius: 5px;
    width: 49%;
    min-height: 120px;
    text-align: center;
}
.original-image-container:hover {
    background-color: #9e9e9e33;
    cursor: pointer;
}
.original-image-container img {
    max-width: 100%;
    max-height: 120px;
}
.delete-original-image-container {
    margin-top: 1rem;
}
.delete-original-image-container img {
    max-width: 150px;
    max-height: 150px;
}

.ebay-item-aspects-header {
    margin-bottom: 0.4rem;
    font-weight: bold;
}
.ebay-item-aspects-type-header {
    font-weight: bold;
}
.ebay-item-aspect-name:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #0056b3;
}
.ebay-item-aspect-name:active {
    color: #0056b380;
}
.ebay-item-aspect-detail-info {
    font-size: 0.9em;
}
.ebay-item-aspect-detail-info:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #2d3748b3;
}

.shopee-attributes-header {
    margin-bottom: 0.1rem;
}
.shopee-item-limit-infos-header {
    margin-bottom: 0.4rem;
    font-weight: bold;
}
.update-ebay-item-id-modal,
.update-shopee-item-id-modal {
    color: #007bff;
    display: inline-block;
    font-size: 0.8rem;
    padding-left: 0.3rem;
}
.update-ebay-item-id-modal:hover,
.update-shopee-item-id-modal:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #0056b3;
}

.update-ebay-category-id-button,
.update-shopee-category-id-button {
    width: 120px;
    padding-bottom: calc(20px - 0.6rem);
    padding-top: calc(20px - 0.6rem);
}
.form-inline .form-control.ebay-category-id-form,
.form-inline .form-control.shopee-category-id-form,
.form-inline .form-control.shopee-attribute-unit-form {
    width: calc(100% - 120px);
}
.shopee-attribute-unit-select-option {
    width: 120px !important;
    height: 40px;
}
.ebay-category-path-info-container,
.shopee-category-path-info-container {
    margin-top: -0.8rem;
    margin-bottom: 1rem;
    font-size: 0.8rem;
}
.ebay-category-path-info-container .exist,
.shopee-category-path-info-container .exist {
    padding-left: 0.6rem;
    color: #888;
}
.ebay-category-path-info-container .not-exist,
.shopee-category-path-info-container .not-exist {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    padding-left: 0.6rem;
    color: #F44336;
    font-weight: bold;
    background-color: #ffeb3b4d;
}
.column.form-label.required::after,
.form-group .form-row legend.required::after {
    content: "*";
    color: #f44336;
}

.error-msg-container-update-price-profit {
    display: none;
    background-color: #fa5c7c;
    padding: 3px 8px;
    color: #ffffff;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    opacity: 1;
    transition: opacity 0.6s;
}
.msg-for-sort-image-order {
    font-size: 0.8rem;
    color: #888;
}
.use-image-select-container {
    display: inline-block;
    padding: 0.5rem;
    border-radius: 5px;
    width: 49%;
    min-height: 120px;
}
.use-image-select-container:hover {
    background-color: #9e9e9e33;
}
.use-image-select-container .bg-dark {
    display: inline-block;
}
.use-image-select-container .radio-box-container {
    display: inline-block;
}
.use-image-select-container .form-check {
    padding-left: 0;
}
.use-image-select-container label.form-check-label {
    padding-left: 1rem;
}
.use-image-select-container img {
    max-width: 180px;
    max-height: 180px;
}
.use-image-select-container img.not-use-image {
    opacity: 0.2;
}

.ebay-order-detail-page-link,
.current-length-row {
    margin-top: -1rem;
    margin-bottom: 0.4rem;
    font-size: 0.8rem;
    color: #666;
}
.current-shopee_description-length {
    margin-bottom: 0.4rem;
    font-size: 0.8rem;
    color: #666;
}
.current-length-highlight {
    color: #f86c6b;
    font-weight: bold;
}

.item-specifics-ebay-item-id {
    margin-bottom: 0.5rem;
}

.item-specific-row {
    padding: 0.5rem 0 0.5rem 0;
}
.item-specific-row:hover {
    background-color: #9e9e9e33;
}
.item-specific-delete-icon {
    text-align: center;
    display: block;
    margin-top: 10px;
}
.item-specific-delete-icon:hover {
    cursor: pointer;
}
.add-new-item-specific-row-text {
    color: #007bff;
    margin-top: 0.4rem;
    display: inline-block;
}
.add-new-item-specific-row-text:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #0056b3;
}

.no-ebay-feed-data {
    color: #888;
}

/* Settings */
.not-set-ebay-api-msg {
    color: #f44336;
}
.refresh-token-expire-date {
    font-weight: bold;
    color: #f44336;
}
.form-inline label.default-use-template-label {
    display: inline-block;
}
td.memo-info,
.memo-info {
    white-space: break-spaces;
}

.shopee-logistic-container {
    margin-bottom: 1.5rem;
}

/* Account */
.ribbon-wrapper {
    margin-bottom: 10px;
}
.plan-name-valid-until {
    font-size: 15px;
}
.update-valid-until-container {
    margin-bottom: 1rem;
}
.toggle-input-coupon-code-from {
    display: inline-block;
}
.toggle-input-coupon-code-from:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* Admins */
tr.sub-user {
    background: #f6f6f6;
}