/* ***************************** Customize OneSales Styles ******************************** */
/* Shared */
.apps-text-error {
    color: red !important;
}

.apps-text-placeholder {
    color: #ccc !important;
}

.apps-editable-cell {
    background-color: aliceblue;
}

.apps-background-color-hovered {
    background-color: #fafafa;
}

.apps-background-color-selected {
    background-color: #eee;
}

.apps-background-color-hovered-selected {
    background-color: #eee;
}

/* Components - BlockUI*/
#apps-component-block-ui-container {
    background-color: white !important;
    box-shadow: 0 0 20px #AAA;
}

.apps-component-block-ui-overlay {
    background-color: white;
}

/* Components - TabContent*/
.card .nav-tabs .nav-link.active {
    border-color: #f1f1f2 !important;
    border-bottom-color: #fff !important;
    border-top-color: #FF614C !important;
}

/* General - Settings Maintenance - Setting Tab */
#apps-general-settings-setting-tab {
    padding: 0.85rem 1.5rem;
    color: #a3a4a6 !important;
    background-color: transparent !important;
    border-color: #f4f4f4 !important;
    font-weight: 400;
    white-space: normal;
    display: flex;
}

#apps-general-settings-setting-tab.active {
    padding: 0.85rem 1.5rem;
    color: #222 !important;
    background-color: rgba(24, 28, 33, 0.06) !important;
    border-color: #f4f4f4 !important;
    font-weight: 600;
    white-space: normal;
    display: flex;
}

#apps-general-settings-setting-tab:focus,
#apps-general-settings-setting-tab:hover {
    color: #555 !important;
    background-color: rgba(24, 28, 33, 0.015) !important;
}

#apps-general-settings-setting-tab:focus.active,
#apps-general-settings-setting-tab:hover.active {
    color: #222 !important;
    background-color: rgba(24, 28, 33, 0.06) !important;
}

/* General - Settings Maintenance - Setting Group */
#apps-general-settings-setting-group {
    padding: 0.85rem 1.5rem;
    color: #222 !important;
    background-color: transparent !important;
    border-color: #f4f4f4 !important;
    font-weight: 400;
    white-space: normal;
}

#apps-general-settings-setting-group.active {
    font-weight: 600;
}

#apps-general-settings-setting-group:focus,
#apps-general-settings-setting-group:hover {
    background-color: transparent !important;
}

#apps-general-settings-setting-group:focus.active,
#apps-general-settings-setting-group:hover.active {
    background-color: rgba(24, 28, 33, 0.015) !important;
}

#apps-general-settings-setting-group:after {
    content: "";
    position: absolute;
    right: 2rem;
    display: block;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-right: 0;
    margin: -10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: -webkit-transform, transform;
}

#apps-general-settings-setting-group.active:after {
    transform: translateY(-50%) rotate(-45deg);
}

/* Pos - Transaction */
.apps-pos-trans-not-normal-row {
    background-color: rgb(240, 240, 240) !important;
}

/* Pos - Sync Issue */
#apps-pos-sync-issue-resolved {
    color: green !important;
}

#apps-pos-sync-issue-unresolve {
    color: red !important;
}

/* Pos - Promotion */
#apps-pos-promotion-script-valid {
    color: green !important;
}

#apps-pos-promotion-script-invalid {
    color: red !important;
}

#apps-pos-promotion-script-not-validated {
    color: blue !important;
}

#apps-pos-promotion-simulator-error {
    color: red;
}

.apps-pos-promotion-simulator-promotion-row {
    background-color: rgb(240, 240, 240) !important;
}

.apps-pos-promotion-offer-invalid {
    color: red  !important;
}

/* Marketplace - Shop Order */
#apps-marketplace-shop-order-content {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 24px;
    border-color: rgba(24, 28, 33, 0.1);
}

/* Marketplace - Shop Return */
#apps-marketplace-shop-return-content {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 24px;
    border-color: rgba(24, 28, 33, 0.1);
}

.apps-box-shadow-light {
    -webkit-box-shadow: 0 0 10px 2px rgba(41,50,66,0.1) !important;
    box-shadow: 0 0 10px 2px rgba(41,50,66,0.1) !important;
}

.apps-box-shadow-heavy {
    -webkit-box-shadow: 0 0 10px 1px rgba(41,50,66,0.4) !important;
    box-shadow: 0 0 10px 1px rgba(41,50,66,0.4) !important;
}

/* ***************************** Customize DevExtreme ******************************** */
/* TabPanel */
.dx-tab.dx-tab-selected {
    border-top: 3px solid #FF614C;
    background-color: white;
}

.card {
    -webkit-box-shadow: 0 0 10px 2px rgba(41,50,66,0.1) !important;
    box-shadow: 0 0 10px 2px rgba(41,50,66,0.1) !important;
    border: none !important;
}