@import url(assets/css/bootstrap.min.css);
@import url(assets/css/jquery.toast.min.css);
@import url(assets/css/ali_icon/riqi.css);
@font-face {
  font-family: 'Roboto-Regular';
  src: url(assets/fonts/Roboto/Roboto-Regular-2.ttf);
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url(assets/fonts/Roboto/Roboto-Medium-2.ttf);
}
* {
  font-family: 'Roboto-Regular', sans-serif;
}
.navbar-nav .nav-link,
.text-center.fw-bold.fs-6.me-4 {
  font-family: 'Roboto-Medium', sans-serif;
}
.card .card-text {
  font-family: 'Roboto-Medium', sans-serif;
}
.group_by_one .title,
.card .card-footer {
  font-family: 'Roboto-Medium', sans-serif;
}
.btn_search,
.tabulator-headers * {
  font-family: 'Roboto-Medium', sans-serif;
}
.dropdown-reset,
.dropdown-logout,
.dropdown-advertiser {
  cursor: pointer;
}
.video-js .vjs-big-play-button {
  background: transparent url(assets/images/video_play.svg) center center no-repeat;
  background-size: contain;
  border: none !important;
  font-size: 0;
  top: 50%;
  left: 50%;
  border: none;
  background-color: transparent !important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #F94950;
  --bs-btn-border-color: #F94950;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #F94950;
  --bs-btn-disabled-border-color: #F94950;
}
.btn_approve,
.pwd-confirm-btn {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0AB901;
  --bs-btn-border-color: #0AB901;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0AB901;
  --bs-btn-disabled-border-color: #0AB901;
}
.swal2-actions {
  justify-content: space-around;
  width: 100%;
}
.swal-btn-secondary {
  --bs-btn-color: #252625;
  --bs-btn-bg: #f2f2f2;
  --bs-btn-border-color: #f2f2f2;
  --bs-btn-hover-color: #252625;
  --bs-btn-hover-bg: #E8E9EA;
  --bs-btn-hover-border-color: #E8E9EA;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #f2f2f2;
  --bs-btn-active-bg: #E8E9EA;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f2f2f2;
  --bs-btn-disabled-bg: #f2f2f2;
  --bs-btn-disabled-border-color: #f2f2f2;
  font-weight: 500;
  width: 30%;
}
.swal-btn-success {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #416EFF;
  --bs-btn-border-color: #416EFF;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #0353CF;
  --bs-btn-hover-border-color: #0353CF;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #416EFF;
  --bs-btn-active-bg: #0353CF;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #416EFF;
  --bs-btn-disabled-bg: #416EFF;
  --bs-btn-disabled-border-color: #416EFF;
  font-weight: 500;
  width: 30%;
}
.bg-dark-38,
.video-js {
  --bs-bg-opacity: 0.38;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.download-btn,
.refresh-btn {
  border: none;
  flex-flow: column;
}
.tabulator {
  border: 1px solid #dee2e6 !important;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left,
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  border-right: 0px solid #dee2e6 !important;
}
.tabulator-cell[tabulator-field="url"] {
  justify-content: start !important;
}
.tabulator-cell[tabulator-field="url"] .media-descript {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tabulator-cell[tabulator-field="url"] .thumbnail-popup-link {
  width: auto;
  height: 100%;
}
.tabulator-cell[tabulator-field="url"] img {
  width: auto;
  height: 100%;
}
.tabulator-row {
  border-top: 1px solid transparent !important;
}
.tabulator-footer {
  display: none;
}
.tabulator-cell[tabulator-field="_rowSelection"] input {
  width: 18px;
  height: 18px;
}
.tabulator .tabulator-headers .tabulator-col-content .tabulator-col-title input {
  width: 18px;
  height: 18px;
}
.tabulator .tabulator-header {
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-top: none !important;
  height: 45px !important;
}
.tabulator .tabulator-header .tabulator-header-contents {
  height: 45px !important;
}
.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
  height: 45px !important;
}
.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers .tabulator-col {
  height: 45px !important;
}
.tabulator .tabulator-col {
  background-color: #f8f9fa !important;
}
.tabulator-row .tabulator-cell {
  align-items: center;
}
.tabulator .tabulator-header {
  position: -webkit-sticky;
  position: sticky !important;
  top: 164px;
  z-index: 1020;
}
.tabulator {
  overflow: visible !important;
}
.white-popup {
  position: relative;
  width: auto;
  max-width: 756px;
  margin: 20px auto;
}
.nav-item a {
  font-size: 17px !important;
}
#search_product,
#search_country {
  font-size: 14px;
}
.content-page-left .product,
.content-page-left .country {
  border: 1px solid #dadddf;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.product-list,
.product-list-other,
.country-list,
.country-list-other {
  font-size: 14px;
  font-weight: 500;
}
.group_by_one .title {
  font-size: 17px !important;
  padding: 10px 0;
}
.card_list .card-label {
  font-weight: 500;
}
.card_list .card-label span {
  font-weight: 500;
}
@media (max-width: 767px) {
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .navbar-brand img {
    max-height: 24px;
    /* 适中的图标高度 */
    width: auto;
  }
  .navbar-dropdown {
    order: 0!important;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .navbar-dropdown img {
    height: 30px;
  }
  .navbar-dropdown .dropdown-item {
    font-size: 10px;
  }
  .navbar-dropdown .dropdown:nth-of-type(1) .dropdown-menu {
    left: -42px !important;
  }
  .navbar-dropdown .dropdown:nth-of-type(2) .dropdown-menu {
    left: -90px !important;
  }
  .navbar-collapse {
    margin-left: calc(-1 * var(--bs-navbar-toggler-padding-x));
    margin-right: calc(-1 * var(--bs-navbar-toggler-padding-x));
    position: absolute;
    top: 54px;
    width: 100%;
  }
  .navbar-collapse .navbar-nav {
    max-height: unset;
  }
  .navbar-collapse .navbar-nav .nav-item {
    margin-right: 0!important;
  }
  .confirmed_filter {
    display: none !important;
  }
  .mobile_confirmed_filter {
    display: block !important;
  }
}
