/* Edit original style */

.main .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
}

.breadcrumb {
    margin-bottom: 1rem;
}

.form-control:focus {
    box-shadow: 0 0 0 0.05rem rgba(32, 168, 216, .25);
}

.required label::after {
    content: "*";
    color: #f44336;
}
.required label.form-check-label::after {
    content: none;
}

.invalid-feedback {
    display: block;
}

.is-invalid input {
    border-color: #f86c6b;
}

.app-footer {
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}

.card {
    margin-bottom: 1rem;
}

.card-body {
    padding: 1rem;
}

a:hover.none-underline {
    text-decoration: none;
}

.badge {
    padding: .5em .6em;
    font-size: 80%;
}

.sidebar .sidebar-nav {
    overflow-y: scroll;
    -ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}
.sidebar .sidebar-nav::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}

.sidebar .nav-title {
    background: #8888881f;
}
.sidebar .nav-title,
.sidebar .nav-item {
    width: 100%;
}

.sidebar .nav-link {
    padding: .5rem .6rem;
}

.sidebar li.nav-dropdown ul.nav-dropdown-items .nav-item {
    padding-left: 1rem;
}

.sidebar .nav-link.active {
    font-weight: bold;
    background: #50626f;
}

.sidebar .nav-link .nav-icon {
    margin-right: 0.2rem;
}

.sidebar li.nav-dropdown ul.nav-dropdown-items .nav-item {
    padding-left: 1rem;
}

.btn-outline-background-white {
    background-color: #fff;
}
.btn-outline-original-for-secondary {
    color: #888;
}

a:hover.underline-none {
    text-decoration: none;
}

input[type="checkbox"].mr-checkbox {
    margin-right: 5px;
}

hr.m05rem {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.tooltip-inner{
    max-width: 500px;
}

/* Form */
.col-form-value {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.form-msg {
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #73818f;
}

input[type="checkbox"]:disabled {
    background-color: #616161;
    cursor: not-allowed;
    /* 禁止カーソル */
}

button:disabled:hover {
    cursor: not-allowed;
}

.btn-11st {
    color: #fff;
    background-color: #F73146;
    border-color: #F73146;
}
.btn-11st:hover {
    background-color: #e24556;
    border-color: #e24556;
}

.btn-ss {
    color: #fff;
    background-color: #41B649;
    border-color: #41B649;
}
.btn-ss:hover {
    background-color: #3da044;
    border-color: #3da044;
}


/* dropdown button */
.dropdown-menu .dropdown-item:hover {
    cursor: pointer;
}

/* Table */
table tbody tr:hover {
    background-color: #f0f0f0;
}

.table td, .table th {
    padding: .5rem;
}

table.table-margin-top {
    margin-top: 1rem;
}

table.table-margin-bottom-0 {
    margin-bottom: 0;
}

table th.collect-item-url,
table td.collect-item-url {
    max-width: 300px;
}

table td.collect-item-url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.bottom-line {
    border-bottom: 1px solid #c8ced3;
}

.table tfoot th {
    vertical-align: top;
    border-top: 2px solid #c8ced3;
    border-bottom: 1px solid #c8ced3;
}

@media screen and (min-width: 1024px) {
    .table th.market-info-width {
        min-width: 146px;
    }
}
@media screen and (min-width: 2048px) {
    .table th.market-info-width {
        min-width: 176px;
    }
}

.table th.price-width {
    min-width: 105px;
}
.table th.list-width {
    min-width: 60px;
}
.table th.actions-width {
    width: 180px;
}

table td.created-datetime {
    font-size: 0.8rem;
}

.table.v-align-middle th,
.table.v-align-middle td {
    vertical-align: middle;
}

/* Modal */
.modal-dialog {
    margin: 0 auto;
}

/* Users - Login */
.form-header {
    padding-bottom: 1.5rem;
}

.link-area {
    padding-top: 1.5rem;
}

/* Navbar */
.app-header .navbar-nav {
    padding-right: 1%;
}

.app-header .navbar-nav .current-currency-rate {
    display: inline-block;
    padding-right: 10px;
    font-size: 0.8rem;
    color: #666;
}
.app-header .navbar-nav .notice-icon-for-user {
    color: #ff5722;
}
.app-header .navbar-nav .notice-icon-for-user:hover {
    color: #f44336;
}

/* Footer */
.footer-text {
    text-align: center;
    width: 100%;
}

/* alert - notice */
.alert.notice h4 {
    font-size: 0.9rem;
}

.alert.notice hr {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.alert.notice ul {
    font-size: 0.9rem;
    margin-bottom: 0;
}
.alert.notice ul.pl {
    padding-left: 1rem;;
}

.alert.notice-margin-top {
    margin-top: 20px;
}

.alert.mr-top {
    margin-top: 1rem;
}

.alert.mb0 {
    margin-bottom: 0;
}

.alert.mt5 {
    margin-top: 5px;
}
.alert.mt10 {
    margin-top: 10px;
}

.alert.mt15 {
    margin-top: 15px;
}

li.line-through {
    text-decoration: line-through;
}

/* pagination */
.pagination.mb0 {
    margin-bottom: 0;
}
.pagination-form {
    display: inline-block;
    padding-right: 0.6rem;
    margin-bottom: 10px;
}
.pagination-description {
    display: inline-block;
    margin-bottom: 1rem;
}
.pagination-jump-link-container {
    display: inline-block;
}
.form-inline .form-control.pagination-select-form {
    margin-left: 0.3rem;
}
.form-inline .form-control.pagination-arbitrary-number-form {
    width: 6rem;
}

.card-body .h3 {
    font-size: 1.2rem;
}

/* Dashboards */
.important-notice-container {
    padding: 1rem;
}
.important-notice-container .message-for-user {
    padding: 0.5rem;
    background: #f4433633;
}

.max-height-update-info-lists {
    max-height: 600px;
    overflow-y: scroll;
}

.modal-update-info-publish-date {
    font-size: 0.8rem;
    color: #8c8b8b;
}

#UpdateInfoLists table td {
    padding: 0.75rem;
}

.update-info-lists-about-limit {
    color:#607D8B;
}
#UpdateInfoLists .title-remark {
    font-size: 0.7rem;
    color: rgba(158, 158, 158, 0.8);
}

#UpdateInfoLists .title:hover    {
    color: #167495;
    text-decoration: underline;
    cursor: pointer;
}

.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;
}

tr.highlight {
    background: #ffeb3b3b;
}

/* CollectItems */
.modal-asin-list {
    max-height: 280px;
    overflow-y: scroll;
}

.category-info-name {
    color: #888;
}

.fetched-items-info-description,
.error-code-description {
    color: #888;
    padding-left: 0.2rem;
}

.collect-items-list-time {
    font-size: 13px;
    min-width: 124px;
}

.current-number-of-collected-items {
    padding: 5px 10px;
    background: #ffeb3b3d;
    display: inline-block;
    border-radius: 3px;
}

.over-daily-limit-message {
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    color: #F44336;
    font-weight: bold;
}

.btn.mb-wrap {
    margin-bottom: 0.25rem;
}

.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;
}

.badge-market-11st {
    color: #fff;
    background-color: #F73146;
}
.badge-market-smart-store {
    color: #fff;
    background-color: #41B649;
}
.badge-market-coupang {
    color: #fff;
    background-color: #4285F3;
}
.badge-market-pib {
    color: #fff;
    background-color: #008296;
}
.badge-market-joom {
    color: #fff;
    background-color: #F18BA3;
}

.badge-shop-amazon {
    color: #fff;
    background-color: #FF9900;
}
.badge-shop-rakuten {
    color: #fff;
    background-color: #B31E23;
}
.badge-shop-yahoo-shopping {
    color: #666;
    background-color: #FFEB34;
}
.badge-shop-smasell {
    color: #fff;
    background-color: #ff8f92;
}

/* exhibition */
@media screen and (min-width: 1024px) {
    .col-xl-4.padding-adjustment {
        padding-right: 0;
    }
}

.joom-product-id-anchor {
    display: inline-flex;
}
.joom-product-id-text,
.joom-category-id-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100px;
    overflow: hidden;
}
.joom-category-id-text {
    width: 120px;
}

.coupang-warning-icon {
    color: #ff9800;
}
.coupang-is-deleted-icon {
    color: #ff695e;
}
.coupang-error-icon,
.pib-error-icon,
.joom-error-icon {
    color: #f44336;
}

.coupang-create-error-alert-container,
.pib-create-error-alert-container {
    margin-top: 0.2rem;
    margin-bottom: 0;
    padding: 0.25rem 0.6rem;
}

.delete-prevention-item-icon {
    color: #f44336;
}

.exhibition-list-image {
    max-width: 75px;
    max-height: 75px;
}

.empty-item-name {
    background: rgba(244, 67, 54, 0.5);
    width: 100%;
    min-height: 1rem;
    border-radius: 3px;
    padding: 1px 5px;
    color: #f00;
}

.currency-krw::before {
    content: "₩ "
}

.filter-infos-container {
    display: inline-block;
}

.filter-button {
    margin-bottom: 0.6rem;
}
.filter-container {
    margin-top: 1rem;
}

.filter-set-method-container {
    display: inline-block;
    margin-bottom: 0.6rem;
    background: #ffc10726;
    padding: 0.6rem 0.6rem 0.5rem;
}

.empty-result {
    font-weight: bold;
}

.template-name-alert-message {
    display: none;
}

.alert.is-not-available-filter-by-item-ids,
.alert.is-over-max-item-ids,
.alert.is-not-available-filter-by-item-name,
.alert.is-not-available-filter-by-pib-seller-skus,
.alert.is-over-max-pib-seller-skus,
.alert.is-not-available-filter-by-joom-product-ids,
.alert.is-over-max-joom-product-ids,
.alert.is-not-available-filter-by-joom-api-key-id,
.alert.is-not-available-filter-by-description-en-notyet-translated {
    margin-top: 0.4rem;
    padding: 0.4rem 0.6rem;
}

.navigation-buttons-area {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.current-price-gap-ratio {
    padding-top: 0.3rem;
    display: inline-block;
    font-weight: bold;
}

.display-none {
    display: none;
}

tr.disabled-item {
    background-color: rgba(255, 87, 34, 0.05);
}

.length-over-title {
    color: #ff0000;
}

.badge-margin {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.form-group.no-margin-bottom {
    margin-bottom: 0;
}
.form-group.minimize-margin-bottom {
    margin-bottom: 0.5rem;
}

.form-control.no-border-right {
    border-right: 0;
}

.input-group-text.no-background {
    background-color: inherit;
    border-left: 0;
}

.item-description-container {
    max-height: 300px;
    overflow-y: scroll;
}

.current-length-row {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.8rem;
    color: #666;
}

.current-length-highlight {
    color: #f86c6b;
    font-weight: bold;
}

.collapse-prohibition-words-row {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.8rem;
}

.notice-badge-area .badge {
    margin-bottom: 3px;
}

.row-only-text-in-form-area {
    margin-bottom: 1rem;
}

.has-original-size-weight-info-container {
    display: inline-block;
}

.has-size-weight-info {
    color: #4caf50;
}

.not-has-size-weight-info {
    color: #f44336;
}

.warning-emphasis {
    color: #f86c6b;
    font-weight: bold;
}

.item-detail-container {
    line-height: 1.6;
}

.item-detail-key {
    font-weight: bold;
}

.filter-checkbox-container {
    padding-top: 0;
    padding-bottom: 0;
}
.filter-checkbox-container .form-check-label {
    font-size: 95%;
}

.tooltip-filter-msg-for-same-badge,
.tooltip-filter-msg-for-english-markets,
.tooltip-sort-msg,
.tooltip-sort-msg-for-ids,
.tooltip-sort-msg-for-item-names,
.tooltip-sort-msg-for-price,
.tooltip-msg-at-form,
.tooltip-created-date-msg,
.tooltip-msg-weight-info {
    display: inline-block;
    padding-left: 1px;
}

.btn.btn-mb {
    margin-bottom: 3px;
}

.alert.alert-copy {
    background-color: #9e9e9e10;
    border-color: #9e9e9e20;
}

.alert.alert-copy hr {
    border-top-color: #9e9e9e20;
}

.alert.alert-copy .notices-for-copy {
    margin-top: 0.5rem;
    padding: 0.3rem 0.5rem;
}
.alert.alert-copy .items-with-api-message {
    margin-top: 0.5rem;
    background: #f443361a;
    padding: 0.3rem 0.5rem;
    border-radius: .25rem;
    color: #f44336;
}

label.copy-enable-label {
    display: inline;
}

.badge.caution-item {
    display: inline-block;
    margin-top: 0.2rem;
}

.badge.caution-item-at-detail {
    margin-bottom: 8px;
}

.highlight-prohibition-word {
    color: #f44336;
    font-weight: bold;
    background: #ffeb3b7d;
}

.sold-number {
    color: #F44336;
    font-weight: bold;
    font-size: 1.2rem;
}

.not-delete-sold-items-checkbox-option {
    margin-left: 1em;
}

.with-delete-coupang-items-checkbox-option,
.with-delete-pib-items-checkbox-option,
.with-delete-joom-items-checkbox-option {
    margin-top: 1rem;
    margin-left: 1.25rem;
}

.with-delete-coupang-items-checkbox-option label,
.with-delete-pib-items-checkbox-option label,
.with-delete-joom-items-checkbox-option label {
    font-weight: bold;
    color: #f44336;
}

ul.narrow-padding {
    padding-left: 1.5rem;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
    .broaden-checkbox {
        -ms-transform: scale(1.24, 1.24);
        -webkit-transform: scale(1.24, 1.24);
        transform: scale(1.24, 1.24);
    }
}

@media screen and (-webkit-max-device-pixel-ratio: 2), screen and (max-resolution: 2dppx) {
    .broaden-checkbox {
        width: 20px;
        height: 20px;
        margin-top: 5px;
    }
}

.coupang-msg-in-modal,
.pib-msg-in-modal,
.joom-msg-in-modal {
    padding-top: 0.8rem;
    font-weight: bold;
    color: #f44336;
}

.filter-template-null-value {
    color: #c0c0c0;
}
.filter-template-not-found-value {
    color: #888;
    font-size: 0.9em;
}
.filter-template-badge {
    font-size: 0.9em;
}
.filter-template-ids {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.filter-template-display-ids-action {
    color: #888;
    font-size: 0.9em;
}
.filter-template-display-ids-action:hover {
    cursor: pointer;
    text-decoration: underline;
    color: initial;
}
.filter-template-copy-to-clipboard-container {
    margin-top: 0.4rem;
}

.space-button-untranslated-items,
.space-button-item-master-datas {
    margin-bottom: 30px;
}

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

/* UpdateAllItemMasters */
.not-accept-new-request-as-system {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: #fee2e1;
    border-color: #fdd6d6;
    color: #813838;
}

/* Multiple dropdown */
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active {
    background-color: #03a9f41a;
    color: #23282c;
}
.multiselect-container .multiselect-all:focus,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-option:hover {
    background-color: #03a9f48a !important;
}

/* AmazonSettings */
.mws-key-announce {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: #fee2e1;
    border-color: #fdd6d6;
    color: #813838;
}

/* ProfitSettings */
.each-profit-setting-container {
    display: none;
}

.individual-container {
    overflow-y: scroll;
    max-height: 400px;
}

.store-column-name {
    margin-bottom: 1rem;
}

.flat-profit-form {
    margin-bottom: 1rem;
    padding: 0.5rem;
}
.flat-profit-form:hover {
    background-color: rgba(31, 168, 216, 0.1);
}

.individual-profit-form {
    margin-bottom: 0.2rem;
    padding: 0.5rem;
}
.individual-profit-form:hover {
    background-color: rgba(31, 168, 216, 0.1);
}
.individual-profit-form .col-md-6 {
    padding-right: 5px;
    padding-left: 5px;
}
.individual-profit-form span.input-group-text {
    padding: 0.3rem 0.3rem 0.3rem 0.4rem;
    font-size: 0.8rem;
}
.individual-profit-form input.form-control {
    padding: 0.3rem 0.4rem;
}

.update-all-item-price-checkbox {
    margin-right: 0.5rem;
}

.profit-setting-bottom-container {
    padding-top: 1rem;
}

/* batchUpdateExhibitionItems */
.text-for-details-of-errors-modal {
    color: #f44336;
}
.text-for-details-of-errors-modal:hover {
    text-decoration: underline;
    cursor: pointer;
}
.file-upload-errors-container {
    max-height: 400px;
    overflow-y: scroll;
}
.table.file-upload-errors {
    background-color: white;
}
.table.file-upload-errors th {
    background-color: #e4e5e6;
}

/* editTrimmingSettings */
.trimming-example-container-header {
    margin-top: 0.5rem;
    margin-left: 1rem;
}
.trimming-example-container {
    margin-top: 0.5rem;
    margin-left: 1rem;
    padding: 0.5rem 1rem;
    border-radius: .25rem;
    background-color: #fff;
}


/* Instagram */
.no-image-for-instagram {
    font-size: 0.9rem;
    color: #888;
}

.commonly-used-tag {
    cursor: pointer;
    margin-bottom: 2px;
}

.commonly-used-tags-register-notice {
    color: #666;
    font-size: 0.8rem;
}

.instagram-image-check {
    max-width: 300px;
    max-height: 300px;
    display: block;
    margin-bottom: 3px;
}

.file-form-invisible {
    display: none;
}

.vl {
    border-right: 1px dotted #888;
}

.modal-content .modal-body-height {
    max-height: 500px;
    overflow-y: scroll;
}

.modal-content .copy-method-title {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.modal-content .listing-title {
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.modal-content .listing-content {
    padding-bottom: 0.8rem;
}

.modal-content .copied-msg {
    display: none;
    color: #F44336;
}

button.copy-to-clipboard {
    display: block;
    margin-top: 3px;
    padding: 0.1rem 0.3rem;
    font-size: 0.8rem;
}

.alert.alert-instagram-caption {
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
}


.element-float-align::after {
    content: "";
	display: block;
	clear: both;
}
.element-float-align .text-left {
    float: left;
}
.element-float-align .text-right {
    float: right;
}

.filter-float-container {
    margin-bottom: 0.6rem;
}



/* CommonInfos */
.failed-to-send-notice-email {
    font-weight: bold;
    color: #ff5722;
}
.resend-notice-email-form,
.download-notice-excel-form {
    display: inline-block;
    margin-left: 0.6rem;
}