/* ---------- Required labels ----------- */
.asterisk {
    font-weight: bold;
}

.asterisk:after {
    content: " *";
    color: #ef8157;
}

/* ---------- Delete confirmation modal ----------- */
.swal2-icon.swal2-question.swal2-icon-show {
    border-color: #C72E2E;
    color: #C72E2E;
    width: 80px !important;
    height: 80px !important;
    font-size: 20px !important;
}

/* ---------- Bootstrap datetimepicker - timepicker ----------- */
.bootstrap-datetimepicker-widget .timepicker .btn {
    background-color: transparent;
    margin: 0;
}

.bootstrap-datetimepicker-widget .timepicker .btn:hover,
.bootstrap-datetimepicker-widget .timepicker .btn:active,
.bootstrap-datetimepicker-widget .timepicker .btn:focus {
    background-color: transparent !important;
}

.bootstrap-datetimepicker-widget .timepicker span.glyphicon {
    color: #212529;
}

.bootstrap-datetimepicker-widget .timepicker table td span {
    height: auto;
    margin: 0;
    line-height: 33px;
}

/* ---------- Action buttons ----------- */
.btn.btn-icon.action-btn {
    height: 3.375rem;
    min-width: 3.375rem;
    width: 3.375rem;
    font-size: 1.9375rem;
    line-height: 2.5626rem;
}

.btn.btn-icon.action-btn .fa {
    line-height: 2.5626rem;
}

/* ---------- BNP editor ----------- */
.card.product-card {
    box-shadow: 3px 6px 10px 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 0;
    margin-top: 20px;
    background-color: white;
}

.offer-details {
    padding-top: 50px;
}

.additional-details-title {
    margin-bottom: 10px;
    margin-top: 20px;
}

.panel-title {
    position: relative;
}

.panel-title:hover {
    cursor: pointer;
}

.panel-title::after {
    content: "\f107";
    color: #333;
    top: -2px;
    right: 0px;
    position: absolute;
    font-family: "FontAwesome"
}

.panel-title[aria-expanded="true"]::after {
    content: "\f106";
}

/* ---------- Admin panel ----------- */
.main-panel,
.wrapper,
.card {
    background-color: #fcfcfc;
}

.sidebar[data-color=white]:after,
.off-canvas-sidebar[data-color=white]:after,
.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper,
.sidebar .logo,
.off-canvas-sidebar .logo,
.sidebar,
.off-canvas-sidebar {
    background-color: #363740
}

.sidebar .nav p,
.off-canvas-sidebar .nav p,
.sidebar[data-color=white] .nav li a i {
    color: #A4A6B3;
}

.sidebar[data-active-color=info] .nav li.active > a i {
    color: #6E68BE;
}

.sidebar {
    border-right: 1px solid #A4A6B3;
}

.sidebar .sidebar-wrapper li.active > a:not([data-toggle=collapse]):after,
.sidebar .sidebar-wrapper li.active > [data-toggle=collapse] + div .nav li:after {
    border-right: 17px solid #fcfcfc;
}

.card {
    box-shadow: none;
}

.table > tbody > tr > td {
    border-color: #D9D5EC;
}

.btn,
.btn:hover,
.btn:active,
.btn:focus {
    color: #2B80FF !important;
    border: 1px solid #2B80FF !important;
    background-color: #fff !important;
}

.text-primary,
a.text-primary:focus,
a.text-primary:hover,
a {
    color: #6E6893 !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #2B80FF !important;
    color: #fff !important;
}

.table > thead > tr {
    background-color: #F4F2FF;
}

.table > thead > tr > th {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.badge.badge-success {
    background-color: #E6E6F2 !important;
    color: #4A4AFF;
}

/* ---------- Bootstrap select ----------- */
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.show > .btn-light.dropdown-toggle,
.bootstrap-select > .dropdown-toggle {
    margin: 0px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    color: #66615b !important;
    background-color: #fff !important;
    text-transform: none;
    font-weight: 500;
}

.has-danger.form-group .bootstrap-select.form-control {
    padding-right: 0px !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.show > .btn-light.dropdown-toggle,
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active {
    background-color: #4444 !important;
    color: #343a40 !important;
}

.filter-option-inner-inner {
    font-size: 14px;
}

.dropdown.show .dropdown-menu[x-placement=bottom-start],
.dropup.show .dropdown-menu[x-placement=bottom-start] {
    left: 19px !important;
}

.dropdown-item.active {
    background-color: #66615b !important;
    color: #fff !important;
}

.dropdown-menu .dropdown-item:first-child {
    border-radius: 0;
}

.has-danger .dropdown-toggle.bs-placeholder {
    background-color: #FFC0A4 !important;
}

/* ---------- Index page ----------- */
.badge.badge-offer-active {
    background-color: #E6E6F2;
    color: #4A4AFF;
}

.badge.badge-offer-inactive {
    background-color: #F2F0F9;
    color: #6E6893;
}

.badge.badge-offer-canceled {
    background-color: #fccec9;
    color: #971307;
}

.badge.badge-offer-expired {
    background-color: #dbdbdb;
    color: #3b3b3b;
}

.badge.badge-offer-label {
    background-color: #CDFFCD;
    color: #007F00;
}

.offer-name {
    color: #25213B;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.offer-id {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #6E6893;
}

.valid-to {
    color: #6E6893;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.offer-price {
    color: #25213B;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    text-transform: uppercase;
}

.offer-currency {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    letter-spacing: 0.05em;
    color: #6E6893;
}

.offer-countries {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: underline;
    color: #6E6893;
}

.campaign-detail {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #6E6893;
}

.campaign {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 140.62%;
    color: #6E6893;
}

.campaign a {
    color: #2B80FF !important;
}

.btn.end-now.btn-danger {
    background-color: #F7685B !important;
    color: #fff !important;
    border: none !important;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.02em;
    padding: 7px 12px;
}

.product-detail {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #6E6893;
}

.product-description {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 140.62%;
    color: #000000;
}

.product-name {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 135.94%;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 10px;
}

.product-details-row {
    padding: 0 70px;
    margin: 30px 0;
}

/* ---------- Offer labels ----------- */
.badge.badge-new {
    background-color: #CDFFCD;
    color: #007F00;
}

.badge.badge-exclusive {
    background-color: #FFE0E0;
    color: #D30000;
}

.badge.badge-promotion {
    background-color: #C99ED1;
    color: #7926A0;
}

.badge.badge-bundle-offer {
    background-color: #FFECCC;
    color: #965E00;
}

/* ---------- User role labels ----------- */
.badge.badge-admin {
    background-color: #FFE0E0;
    color: #D30000;
}

.badge.badge-brand {
    background-color: #CDFFCD;
    color: #007F00;
}

.badge.badge-seller {
    background-color: #FFECCC;
    color: #965E00;
}

/* ---------- Media library ----------- */
.small-media img {
    width: 55px;
}

.media-container {
    display: inline-block;
    width: calc(16.6666667% - 1rem);
    padding-bottom: calc(16.6666667% - 1rem);
    height: 0;
    position: relative;
    margin: .5rem;
    background: #f3f3f3;
    cursor: default;
}

.media-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.disabled-element {
    pointer-events: none;
    opacity: 0.4;
    cursor: no-drop;
}

.form-check-radio .form-check-label {
    padding-left: 4rem;
}

.c-pointer {
    cursor: pointer;
}

.repeater .dropdown .dropdown-menu {
    min-width: 100% !important;
    width: 100% !important;
}

.repeater .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 10px !important;
}

.btn-danger.placement-button {
    background: #c74040 !important;
    color: white!important;
    border: 0px !important;
}

.order-tabbing{
    border: none;
}

ul.order-tabbing > li > a.nav-link.active {
    background-color: #f4f2ff;
    border: 1px solid #dee2e6
}

ul.order-tabbing > li > a.nav-link {
    border: 1px solid #dee2e6
}

/* Channel tab button*/
.api-tab-button {
    border: none; /* remove default btn border */
    background-color: #f1f1f1;
    border-radius: 0px !important;
}

.api-tab-button.active,
.api-tab-button.active:focus,
.api-tab-button.active:hover {
    background-color: #2B80FF !important; /* override Bootstrap */
    color: white !important;
}
/* Channel tab button*/