:root{
  --bg:#f6f9ff;
  --text:#0b1b3a;
  --muted:#66738a;
  --line:#e6eefc;
  --blue:#1b64ff;
  --blue2:#0a4dff;
  --card:#ffffff;
  --shadow:0 16px 40px rgba(10,77,255,.12);
  --topbar-h:64px;
  --content-max:1440px;
}

body{
  background:linear-gradient(180deg,#ffffff 0%, var(--bg) 50%, #ffffff 100%);
  color:var(--text);
}

/* auth pages (login/register/pwreset/bind/loginaccesstoken) */
.auth-full-bg{
  min-height:100vh;
  padding:0 !important;
}

.auth-full-bg .w-100{
  position:relative;
  min-height:100vh;
}

.auth-full-bg .bg-overlay{
  filter:saturate(1.08) brightness(1.02);
  position:absolute;
  inset:0;
  z-index:1;
}

/* make left panel text match screenshot style */
.auth-full-bg .text-white{
  color:#0b1b3a !important;
}

.auth-full-bg .text-white-50{
  color:#66738a !important;
}

.auth-full-bg h1{
  font-weight:900;
  letter-spacing:.2px;
}

.cdn3-auth-left{
  position:relative;
  z-index:2;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 0 0 96px;
}

.cdn3-auth-left-watermark{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  opacity:.18;
  filter:grayscale(.15);
}

.cdn3-auth-left-watermark img{
  height:34px;
  width:auto;
}

.cdn3-auth-left-watermark-text{
  font-size:12px;
  font-weight:800;
  letter-spacing:.2px;
  color:#ffffff;
}

@media (min-width: 1400px){
  .cdn3-auth-left{
    padding:0 0 0 120px;
  }
}

@media (max-width: 1199.98px){
  .cdn3-auth-left{
    padding:0 0 0 64px;
  }
  .cdn3-auth-left-watermark img{
    height:32px;
  }
}

@media (max-width: 991.98px){
  .cdn3-auth-left{
    padding:0;
  }
}

.cdn3-auth-left-inner{
  max-width:560px;
}

.cdn3-auth-left-title{
  font-size:52px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:.2px;
  color:var(--text);
}

.cdn3-auth-left-sub{
  margin-top:10px;
  font-size:18px;
  font-weight:900;
  color:rgba(11,27,58,.72);
}

.cdn3-auth-tags{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.cdn3-auth-tag{
  padding:12px 16px;
  border-radius:999px;
  border:1px solid rgba(230,238,252,1);
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color:#1d2b44;
  font-weight:900;
  font-size:14px;
  box-shadow:0 10px 26px rgba(17,50,120,.08);
}

.cdn3-auth-cta{
  display:inline-flex;
  align-items:center;
  margin-top:26px;
  color:var(--blue) !important;
  font-weight:900;
  text-decoration:none !important;
}

.cdn3-auth-cta:hover{
  color:var(--blue2) !important;
}

.auth-full-page-content{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 24px !important;
  background:linear-gradient(180deg,#ffffff 0%, #f4f7ff 100%);
}

.login_right{
  width:min(380px, 100%);
}

.login_right .my-auto{
  width:100%;
}

.login_right{
  background:var(--card);
  border:1px solid rgba(230,238,252,1);
  border-radius:14px;
  box-shadow:0 18px 50px rgba(17,50,120,.10);
  padding:26px 22px;
}

.auth-tabs-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.auth-tabs-extra{
  white-space:nowrap;
  font-size:12px;
  color:#66738a;
}

.auth-tabs-extra a{
  color:var(--blue) !important;
  font-weight:800;
  margin-left:6px;
}

.login_right .logo{
  margin-bottom:16px;
}

.auth-full-page-content .logo img{
  height:34px !important;
  width:auto;
}

.auth-full-page-content label{
  color:#24324a;
  font-weight:800;
}

.auth-full-page-content .text-primary,
.auth-full-page-content a.text-primary{
  color:var(--blue) !important;
}

.auth-full-page-content a.text-primary:hover{
  color:var(--blue2) !important;
}

.affs-nav.nav-tabs{
  border:0;
  border-bottom:1px solid rgba(230,238,252,1);
  gap:22px;
  margin-top:10px;
  margin-bottom:0;
}

.affs-nav.nav-tabs.nav-justified{
  justify-content:center;
}

.affs-nav.nav-tabs.nav-justified .nav-item{
  flex:0 0 auto;
}

.affs-nav.nav-tabs .nav-item{
  padding:0;
}

.affs-nav.nav-tabs .nav-link{
  position:relative;
  border:0;
  border-radius:0;
  padding:10px 0;
  font-weight:900;
  color:#55657d;
  background:transparent;
}

.affs-nav.nav-tabs .nav-link.active,
.affs-nav.nav-tabs .nav-link:hover{
  background:transparent;
  color:var(--blue);
}

.affs-nav.nav-tabs .nav-link.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  border-radius:2px;
  background:var(--blue);
}

.auth-full-page-content .form-group{
  margin-bottom:14px;
}

.auth-full-page-content .form-control,
.auth-full-page-content .input-group-append,
.auth-full-page-content .btn-primary{
  height:40px !important;
}

.auth-full-page-content .btn-primary{
  background:linear-gradient(180deg,#2f74ff 0%, #0b4dff 100%);
  border:0;
  box-shadow:0 10px 22px rgba(27,100,255,.22);
}

.auth-full-page-content .btn-primary:hover{
  background:linear-gradient(180deg,#3b7cff 0%, #0a4dff 100%);
}

/* override responsive.css !important widths */
.auth-full-page-content .login_right{
  width:min(380px, 100%) !important;
}

#agreePrivacy{
  accent-color:var(--blue);
}

@media (max-width: 991.98px){
  .bglogo{
    display:none !important;
  }

  .auth-full-page-content{
    padding:28px 16px;
  }

  .login_right{
    padding:24px 18px;
    border-radius:18px;
  }
}

#page-topbar{
  background:#fff;
  box-shadow:0 1px 0 rgba(17,50,120,.06);
}

.navbar-header{
  height:var(--topbar-h);
  width:auto;
}

.logo{
  line-height:var(--topbar-h);
}

.header-item{
  height:var(--topbar-h);
  border-radius:14px;
}

.header-item:hover,
.navbar-header .dropdown.show .header-item{
  background:rgba(27,100,255,.06);
}

.noti-icon i{
  color:#24324a;
}

/* sidebar collapsed visuals */
.vertical-collpsed .vertical-menu{
  background:#fff !important;
  box-shadow:0 18px 44px rgba(17,50,120,.08);
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a{
  color:#111827 !important;
  margin:4px 10px;
  border-radius:12px;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i{
  color:#1f2c43 !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li.mm-active > a,
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a.active{
  background:var(--blue);
  color:#fff !important;
  box-shadow:0 10px 22px rgba(27,100,255,.22);
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li.mm-active > a i,
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a.active i{
  color:#fff !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a{
  color:var(--blue);
  background:rgba(27,100,255,.08);
  border-radius:16px;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a{
  background:rgba(27,100,255,.08);
  color:var(--blue) !important;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i{
  color:var(--blue) !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i{
  color:var(--blue);
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul,
.vertical-collpsed .vertical-menu #sidebar-menu > ul ul{
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 44px rgba(17,50,120,.10);
}

body[data-sidebar="dark"] #page-topbar{
  background:#fff;
}

body[data-sidebar="dark"] .navbar-brand-box{
  background:#f6f8fe;
}

.navbar-brand-box{
  background:#f6f8fe;
  border-bottom:1px solid rgba(17,50,120,.06);
}

.vertical-menu{
  background:#f6f8fe !important;
  border-right:1px solid rgba(17,50,120,.06);
  box-shadow:0 18px 44px rgba(17,50,120,.08);
  top:var(--topbar-h);
}

body[data-sidebar="dark"] .vertical-menu{
  background:#f6f8fe !important;
}

 body[data-sidebar="colored"] .vertical-menu{
   background:#f6f8fe !important;
 }

body[data-sidebar="dark"] #sidebar-menu ul li a,
body[data-sidebar="dark"] #sidebar-menu ul li a i{
  color:#111827;
}

 body[data-sidebar="colored"] #sidebar-menu ul li.menu-title{
   color:#66738a !important;
 }

 body[data-sidebar="colored"] #sidebar-menu ul li a{
   color:#111827 !important;
 }

 body[data-sidebar="colored"] #sidebar-menu ul li a i{
   color:#3b4a66 !important;
 }

 body[data-sidebar="colored"] #sidebar-menu ul li a span{
   color:#111827 !important;
   opacity:1 !important;
 }

 body[data-sidebar="colored"] #sidebar-menu ul li a:hover{
   color:var(--blue) !important;
 }

 body[data-sidebar="colored"] #sidebar-menu ul li a:hover i{
   color:var(--blue) !important;
 }

.vertical-menu #sidebar-menu ul li a{
  color:#111827;
  font-size:14px;
  font-weight:800;
}

.vertical-menu #sidebar-menu ul li a i{
  color:#3b4a66 !important;
}

.vertical-menu #sidebar-menu ul li a:hover{
  color:var(--blue) !important;
}

.vertical-menu #sidebar-menu ul li a:hover i{
  color:var(--blue) !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i{
  color:#3b4a66 !important;
}

#sidebar-menu{
  padding-top:10px;
}

#sidebar-menu .metismenu > li > a{
  margin:2px 12px;
  border-radius:12px;
  color:#111827;
}

 #sidebar-menu .metismenu > li > a > span{
   color:#111827 !important;
   opacity:1 !important;
 }

#sidebar-menu .metismenu > li > a:hover{
  background:rgba(27,100,255,.08);
  color:#111827;
}

#sidebar-menu .metismenu > li.mm-active > a{
  background:var(--blue);
  color:#fff;
  box-shadow:0 10px 22px rgba(27,100,255,.22);
}

 #sidebar-menu .metismenu > li.mm-active > a > span,
 #sidebar-menu .metismenu > li > a.active > span{
   color:#fff !important;
 }

#sidebar-menu .metismenu > li.mm-active > a i{
  color:#fff !important;
}

/* sidebar links: active state (app.js toggles .active on <a>) */
#sidebar-menu a.active{
  background:var(--blue);
  color:#fff !important;
  border-radius:12px;
  box-shadow:0 10px 22px rgba(27,100,255,.22);
}

#sidebar-menu a.active i{
  color:#fff !important;
}

body[data-sidebar="dark"] #sidebar-menu a.active,
body[data-sidebar="dark"] #sidebar-menu a.active i{
  color:#fff !important;
}

body[data-sidebar="dark"] #sidebar-menu .metismenu > li.mm-active > a,
body[data-sidebar="dark"] #sidebar-menu .metismenu > li.mm-active > a i{
  color:#fff !important;
}

/* sub menus */
#sidebar-menu ul.sub-menu{
  padding:6px 0;
  margin:4px 10px;
  border-radius:14px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(17,50,120,.08);
}

#sidebar-menu ul.sub-menu li a{
  padding:8px 12px 8px 44px;
  margin:2px 6px;
  border-radius:12px;
  color:#24324a !important;
  opacity:1 !important;
  font-weight:800;
}

 #sidebar-menu ul.sub-menu li a > span{
   color:#24324a !important;
   opacity:1 !important;
 }

 #sidebar-menu ul li ul.sub-menu{
   background:rgba(255,255,255,.92);
   border:1px solid rgba(17,50,120,.08);
 }

 #sidebar-menu ul li ul.sub-menu li a{
   color:#24324a !important;
   opacity:1 !important;
   font-weight:800;
 }

 body[data-sidebar="colored"] #sidebar-menu ul li ul.sub-menu li a,
 body[data-sidebar="colored"] #sidebar-menu ul.sub-menu li a{
   color:#24324a !important;
   opacity:1 !important;
 }

#sidebar-menu ul.sub-menu li a:hover{
  background:rgba(27,100,255,.08);
  color:var(--blue) !important;
}

 #sidebar-menu ul.sub-menu li a:hover > span{
   color:var(--blue) !important;
 }

#sidebar-menu ul.sub-menu li a.active{
  background:rgba(27,100,255,.10);
  color:var(--blue) !important;
}

 #sidebar-menu ul.sub-menu li a.active > span{
   color:var(--blue) !important;
 }

.main-content{
  background:transparent;
}

.page-content{
  padding:calc(var(--topbar-h) + 28px) 0 72px;
}

/* nested container-fluid inside some servicedetail templates */
.page-content .container-fluid .container-fluid{
  width:100%;
  margin:0;
  padding:0;
}

.page-content .container-fluid{
  width:min(var(--content-max), calc(100% - 72px));
  margin-left:auto;
  margin-right:auto;
  padding:0;
}

@media (max-width: 991.98px){
  .page-content{
    padding:calc(var(--topbar-h) + 18px) 0 60px;
  }
  .page-content .container-fluid{
    width:calc(100% - 28px);
  }
}

.cdn3-dashboard .card{
  margin-bottom:16px;
}

.cdn3-dashboard-user{
  padding:18px 18px 14px;
}

.cdn3-dashboard-user-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.cdn3-dashboard-avatar{
  width:64px;
  height:64px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(230,238,252,1);
  box-shadow:0 10px 22px rgba(17,50,120,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:14px;
}

.cdn3-dashboard-userinfo{
  min-width:260px;
}

.cdn3-dashboard-username{
  display:flex;
  align-items:baseline;
  gap:10px;
  line-height:1.2;
}

.cdn3-dashboard-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

.cdn3-dashboard-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:7px 12px;
  font-weight:900;
}

.cdn3-dashboard-actions .btn i{
  font-size:14px;
  line-height:1;
}

.cdn3-dashboard-actions .btn-outline-primary{
  border-color:rgba(27,100,255,.28);
  background:rgba(27,100,255,.05);
}

.cdn3-dashboard-actions .btn-outline-primary:hover{
  border-color:rgba(27,100,255,.38);
  background:rgba(27,100,255,.08);
}

.cdn3-dashboard-user .user-center_safety{
  box-shadow:0 10px 22px rgba(17,50,120,.08);
}

.cdn3-dashboard-user .user-center_safety[style*="#aaa"]{
  opacity:.9;
  box-shadow:none;
  border:1px solid rgba(230,238,252,1);
}

.cdn3-dashboard-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  border-top:1px solid rgba(230,238,252,1);
  padding-top:14px;
  margin-top:14px;
}

.cdn3-metric{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(230,238,252,1);
  background:rgba(246,248,254,1);
  text-decoration:none !important;
}

.cdn3-metric:hover{
  border-color:rgba(27,100,255,.22);
  background:rgba(27,100,255,.04);
}

.cdn3-metric-num{
  font-size:26px;
  font-weight:900;
  line-height:1;
}

.cdn3-metric-label{
  margin-top:6px;
  font-size:12px;
  color:#66738a;
  font-weight:700;
}

.cdn3-dashboard-finance{
  padding:16px;
}

.cdn3-dashboard-amount{
  font-size:30px;
  font-weight:900;
  color:#111827;
  letter-spacing:.2px;
  margin-top:4px;
}

.cdn3-dashboard-finance-mini{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:12px;
}

.cdn3-finance-mini-item{
  border-radius:16px;
  border:1px solid rgba(230,238,252,1);
  background:rgba(246,248,254,1);
  padding:10px 12px;
}

.cdn3-dashboard-chart{
  height:180px;
  margin-top:14px;
}

.cdn3-dashboard #balanceCharts{
  width:100%;
  height:180px;
}

.cdn3-dashboard .user-center_notice_item{
  height:auto;
  padding:6px 0;
}

.cdn3-dashboard .user-center_notice_item .notice_item_time{
  width:110px;
}

@media (max-width: 1200px){
  .cdn3-dashboard-userinfo{
    min-width:unset;
  }

  .cdn3-dashboard-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .cdn3-dashboard-metrics{
    grid-template-columns:1fr;
  }

  .cdn3-dashboard-avatar{
    width:56px;
    height:56px;
    border-radius:14px;
    margin-right:12px;
  }

  .cdn3-dashboard-chart,
  .cdn3-dashboard #balanceCharts{
    height:160px;
  }
}

.user-center_h300{
  height:auto !important;
  min-height:260px;
}

.user-center_calc{
  height:clamp(320px, calc(100vh - 560px), 520px) !important;
  min-height:320px;
}

#sourceListBox{
  min-height:360px;
}

.user-center_notice_ul{
  height:auto;
  max-height:320px;
}

.user-center_product_grid{
  grid-gap:10px 12px;
}

.user-center_product_grid .user-center_product{
  border-radius:14px;
  border-color:rgba(230,238,252,1);
}

.user-center_product_grid .user-center_product:hover{
  border-color:rgba(27,100,255,.22);
  background:rgba(27,100,255,.03);
}

#sourceListBox .no-data,
.user-center_notice .no-data{
  padding:36px 0;
  color:#66738a;
}

/* page header + breadcrumb */
.page-title-box{
  background:var(--card);
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  box-shadow:0 14px 34px rgba(17,50,120,.06);
  padding:18px 20px;
  margin-bottom:16px;
}

.page-title-box h4{
  color:#24324a;
  font-weight:900;
  letter-spacing:.2px;
}

.breadcrumb{
  background:transparent;
  margin:0;
  padding:0;
}

.breadcrumb-item,
.breadcrumb-item a{
  color:#66738a;
  font-size:12px;
}

.breadcrumb-item.active{
  color:#24324a;
  font-weight:700;
}

/* cards */
.card .card-title,
.card h4,
.card h5{
  color:#24324a;
  font-weight:900;
}

/* table */
.table{
  color:#24324a;
}

/* table containers (billing/supporttickets/others) */
.table-container{
  background:#fff;
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  overflow:hidden;
}

.table-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 20px;
  border-bottom:1px solid rgba(230,238,252,1);
  background:linear-gradient(180deg, rgba(27,100,255,.04) 0%, rgba(255,255,255,1) 100%);
}

.table-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-top:1px solid rgba(230,238,252,1);
  background:#fff;
}

.table-pageinfo,
.table-pageinfo span{
  color:#66738a;
  font-size:12px;
}

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

.table-responsive{
  margin:0;
}

/* billing page specific (uses #statusSel/#limitSel) */
.table-container #statusSel,
.table-container #limitSel{
  height:40px;
  padding:8px 12px;
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  background:#fff;
  color:#24324a;
}

.table-container #statusSel:focus,
.table-container #limitSel:focus{
  border-color:rgba(27,100,255,.35);
  box-shadow:0 0 0 .2rem rgba(27,100,255,.12);
}

.table-container .table-header{
  gap:12px;
}

.table-container .table-search{
  display:flex;
  align-items:center;
  gap:10px;
}

.table.tablelist th,
.table.tablelist td{
  padding:14px 12px;
  vertical-align:middle;
}

.table.tablelist thead.bg-light{
  background:rgba(27,100,255,.03) !important;
}

.table.tablelist thead.bg-light th{
  color:#55657d;
}

.table.tablelist th.checkbox,
.table.tablelist td:first-child{
  width:56px;
}

.table.tablelist .custom-control{
  margin-bottom:0 !important;
}

.badge.badge-light{
  background:rgba(27,100,255,.08);
  border:1px solid rgba(27,100,255,.18);
  color:var(--blue);
  font-weight:900;
}

/* billing action links -> pill buttons */
.table.tablelist td a.text-success,
.table.tablelist td a.text-primary,
.table.tablelist td a.text-danger{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  background:#fff;
  font-weight:800;
  text-decoration:none;
}

.table.tablelist td a.text-success:hover,
.table.tablelist td a.text-primary:hover,
.table.tablelist td a.text-danger:hover{
  background:rgba(27,100,255,.06);
  border-color:rgba(27,100,255,.22);
}

.table.tablelist td a.text-danger{
  color:#f46a6a !important;
}

.table.tablelist td a.text-danger:hover{
  background:rgba(245,106,106,.08);
  border-color:rgba(245,106,106,.18);
}

/* make sort indicators lighter (billing table header) */
.table.tablelist thead .text-black-50{
  opacity:.5;
}

.table thead th{
  border-bottom:1px solid rgba(230,238,252,1);
  color:#55657d;
  font-weight:800;
}

.table td,
.table th{
  border-top:1px solid rgba(230,238,252,1);
}

.table-hover tbody tr:hover{
  background:rgba(27,100,255,.04);
}

/* pagination */
.page-link{
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  color:#55657d;
}

.page-link:hover{
  background:rgba(27,100,255,.06);
  border-color:rgba(27,100,255,.22);
  color:var(--blue);
}

.page-item.active .page-link{
  background:rgba(27,100,255,.10);
  border-color:rgba(27,100,255,.22);
  color:var(--blue);
}

/* tabs */
.nav-tabs{
  border-bottom:1px solid rgba(230,238,252,1);
}

.nav-tabs .nav-link{
  border:0;
  border-radius:12px 12px 0 0;
  color:#55657d;
}

.nav-tabs .nav-link:hover{
  background:rgba(27,100,255,.06);
  color:var(--blue);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
  background:rgba(27,100,255,.10);
  color:var(--blue);
}

/* badges */
.badge{
  border-radius:999px;
  font-weight:800;
}

.badge-primary{
  background:rgba(27,100,255,.12);
  color:var(--blue);
}

/* billing status badges */
.status.badge{
  border-radius:999px;
  padding:.45em .75em;
  font-weight:900;
  border:1px solid rgba(230,238,252,1);
}

.status-unpaid{
  background:rgba(245, 106, 106, .10);
  color:#f46a6a;
  border-color:rgba(245, 106, 106, .18);
}

.status-paid{
  background:rgba(52, 195, 143, .12);
  color:#34c38f;
  border-color:rgba(52, 195, 143, .22);
}

.status-cancelled{
  background:rgba(85, 101, 125, .10);
  color:#55657d;
  border-color:rgba(85, 101, 125, .18);
}

.status-refunded{
  background:rgba(80, 165, 241, .12);
  color:#50a5f1;
  border-color:rgba(80, 165, 241, .22);
}

/* servicedetail header polish */
.server_header_box{
  border-radius:18px !important;
  box-shadow:0 18px 44px rgba(10,77,255,.10);
  background-image:linear-gradient(180deg, #2a74ff 0%, #0a4dff 100%) !important;
  padding:20px 22px !important;
  gap:14px;
}

.server_header_box h1,
.server_header_box h2,
.server_header_box h3{
  letter-spacing:.2px;
}

.server_header_box .powerimg{
  background:rgba(255,255,255,.16) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.16);
  border-radius:14px;
}

.server_header_box .left_wrap_btn,
.server_header_box .custom-button{
  border-radius:999px !important;
  padding:8px 14px !important;
  height:36px;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.server_header_box .btn-group{
  margin-left:10px;
  margin-right:10px;
}

.server_header_box .dropdown-menu{
  border-radius:14px;
  border:1px solid rgba(230,238,252,1);
  box-shadow:0 18px 44px rgba(17,50,120,.10);
}

.server_header_box .dropdown-item{
  font-weight:800;
}

.server_header_box .dropdown-item:hover{
  background:rgba(27,100,255,.06);
  color:var(--blue);
}

.server_header_box .box_left_wrap{
  border-left:1px solid rgba(255,255,255,.22) !important;
}

.server_header_box .box_left_wrap h5{
  font-weight:950;
  letter-spacing:.2px;
}

.server_header_box .text-white-50{
  color:rgba(255,255,255,.72) !important;
}

.server_header_box .status.badge{
  border-color:rgba(255,255,255,.18);
}

/* servicedetail tabs (nav-tabs-custom) */
.nav-tabs.nav-tabs-custom{
  border:0;
  background:rgba(246,248,254,1);
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  padding:6px;
  gap:6px;
}

.tab-content.text-muted{
  color:var(--text) !important;
}

.card .tab-content{
  padding:16px !important;
}

@media (max-width: 991.98px){
  .server_header_box{
    padding:18px 16px !important;
  }
  .server_header_box .box_left_wrap{
    border-left:0 !important;
    padding-left:0 !important;
    margin-right:0 !important;
  }
  .server_header_box .d-flex.justify-content-end{
    flex-wrap:wrap;
    justify-content:flex-start !important;
  }
  .server_header_box .btn-group{
    margin-left:0;
    margin-right:10px;
    margin-top:10px;
  }
}

.nav-tabs.nav-tabs-custom .nav-link{
  border:0;
  border-radius:12px;
  padding:10px 14px;
  color:#24324a;
  font-weight:900;
}

.nav-tabs.nav-tabs-custom .nav-link:hover{
  background:rgba(27,100,255,.06);
  color:var(--blue);
}

.nav-tabs.nav-tabs-custom .nav-link.active{
  background:#fff;
  color:var(--blue);
  box-shadow:0 10px 22px rgba(17,50,120,.08);
}

/* servicedetail tables inside cards */
.server_header_box + .row .table,
.server_header_box ~ .card .table,
.server_header_box ~ .row .table{
  color:#24324a;
}

.server_header_box ~ .card .table-bordered,
.server_header_box ~ .row .table-bordered{
  border-color:rgba(230,238,252,1);
}

.server_header_box ~ .card .table-bordered th,
.server_header_box ~ .card .table-bordered td,
.server_header_box ~ .row .table-bordered th,
.server_header_box ~ .row .table-bordered td{
  border-color:rgba(230,238,252,1);
  padding:.65rem .85rem;
}

.server_header_box ~ .card .table-bordered th,
.server_header_box ~ .row .table-bordered th{
  background:rgba(246,248,254,1);
  font-weight:900;
  color:#111827;
  white-space:nowrap;
}

/* alerts */
.alert{
  border-radius:16px;
  border:1px solid rgba(230,238,252,1);
}

.alert-primary{
  background:rgba(27,100,255,.06);
  border-color:rgba(27,100,255,.14);
  color:#24324a;
}

/* modals */
.modal-content{
  border-radius:18px;
  border:1px solid rgba(230,238,252,1);
  box-shadow:0 18px 44px rgba(17,50,120,.10);
}

.modal-header{
  border-bottom:1px solid rgba(230,238,252,1);
}

.modal-footer{
  border-top:1px solid rgba(230,238,252,1);
}

/* input-group button */
.input-group-append .btn,
.input-group-prepend .btn{
  border-radius:12px;
}

/* footer container align */
.footer{
  background:transparent;
  border-top:1px solid rgba(230,238,252,1);
  color:#66738a;
}

.footer .col-sm-6{
  padding-top:2px;
}

.footer .container-fluid{
  width:calc(100% - 48px);
  margin-left:0;
  margin-right:auto;
  padding:0;
}

.card{
  background:var(--card);
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  box-shadow:0 14px 34px rgba(17,50,120,.06);
}

.card:hover{
  border-color:rgba(27,100,255,.22);
  box-shadow:0 18px 44px rgba(10,77,255,.10);
}

.btn-primary,
.btn.btn-primary{
  border:0;
  background:linear-gradient(180deg, #2a74ff 0%, #0a4dff 100%);
  box-shadow:0 12px 24px rgba(10,77,255,.18);
}

.btn-primary:hover,
.btn.btn-primary:hover{
  filter:brightness(1.02);
}

.btn-outline-primary{
  color:var(--blue);
  border-color:rgba(230,238,252,1);
  background:#fff;
}

.btn-outline-primary:hover{
  background:rgba(27,100,255,.06);
  border-color:rgba(27,100,255,.22);
  color:var(--blue);
}

.form-control,
.custom-select,
select.form-control{
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
}

.form-control:focus,
.custom-select:focus,
select.form-control:focus{
  border-color:rgba(27,100,255,.35);
  box-shadow:0 0 0 .2rem rgba(27,100,255,.12);
}

.dropdown-menu{
  border-radius:14px;
  border:1px solid rgba(230,238,252,1);
  box-shadow:0 18px 44px rgba(17,50,120,.10);
}

@media (max-width: 768px){
  .page-content .container-fluid{
    width:calc(100% - 24px);
  }

  .footer .container-fluid{
    width:calc(100% - 24px);
  }
}

.configoption_form .configureproduct{
  margin:0;
  padding:16px 8px;
  border-top:1px solid rgba(230,238,252,1);
}

.configoption_form .configureproduct:first-child{
  border-top:0;
}

.configoption_form .configureproduct .col-form-label{
  font-weight:900;
  color:#111827;
}

.configoption_form .configureproduct .col-md-10,
.configoption_form .configureproduct .col-md-3{
  padding-left:0;
}

.configoption_form .configureproduct .btn-group-toggle{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.configoption_form .configureproduct .btn-group-toggle > .btn,
.configoption_form .configureproduct .btn-group-toggle > label.btn{
  background:#fff !important;
  color:#24324a !important;
  border:1px solid rgba(230,238,252,1) !important;
  border-radius:12px !important;
  padding:10px 12px;
  box-shadow:none !important;
  line-height:1.1;
}

.configoption_form .configureproduct .btn-group-toggle > .btn:hover,
.configoption_form .configureproduct .btn-group-toggle > label.btn:hover{
  border-color:rgba(27,100,255,.24) !important;
  background:rgba(27,100,255,.04) !important;
}

.configoption_form .configureproduct .btn-group-toggle > .btn.active,
.configoption_form .configureproduct .btn-group-toggle > label.btn.active{
  border-color:rgba(27,100,255,.46) !important;
  background:rgba(27,100,255,.08) !important;
  color:var(--blue) !important;
  box-shadow:0 12px 24px rgba(27,100,255,.12) !important;
}

.configoption_form .configureproduct .form-control-range.configoption_range{
  height:4px;
  border-radius:999px;
}

.configoption_form .configureproduct .configoption_range_val{
  width:96px;
  max-width:96px;
  height:38px;
  text-align:center;
  border-radius:12px;
}

.configoption_form .configureproduct .configoption_range_val + span{
  margin-left:10px;
  font-weight:900;
  color:#55657d;
}

.configoption_form .configureproduct input[type="range"].configoption_range::-webkit-slider-runnable-track{
  height:4px;
  background:rgba(27,100,255,.16);
  border-radius:999px;
}

.configoption_form .configureproduct input[type="range"].configoption_range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  margin-top:-6px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 10px 20px rgba(27,100,255,.28);
  border:2px solid #fff;
}

.configoption_form .configureproduct input[type="range"].configoption_range::-moz-range-track{
  height:4px;
  background:rgba(27,100,255,.16);
  border-radius:999px;
}

.configoption_form .configureproduct input[type="range"].configoption_range::-moz-range-thumb{
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 10px 20px rgba(27,100,255,.28);
  border:2px solid #fff;
}

@media (max-width: 768px){
  .configoption_form .configureproduct{
    padding:14px 6px;
  }
  .configoption_form .configureproduct .col-form-label{
    margin-bottom:8px;
  }
}

.allocation-card{
  background:#fff;
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  box-shadow:0 18px 44px rgba(17,50,120,.06);
}

.allocation-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 22px;
  border-bottom:1px solid rgba(230,238,252,1);
}

.allocation-header-title h1{
  margin:0;
  font-size:18px;
  font-weight:950;
  color:#111827;
}

.allocation-header-shoppingCart{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  background:rgba(246,248,254,1);
  color:#24324a;
  text-decoration:none !important;
  font-weight:900;
}

.allocation-header-shoppingCart:hover{
  border-color:rgba(27,100,255,.22);
  background:rgba(27,100,255,.06);
  color:var(--blue);
}

.sky-config-form.sky-form-group,
.sky-config-form .sky-form-group{
  margin:0;
}

.sky-config-form .sky-config-row.configureproduct{
  display:flex;
  align-items:flex-start;
  gap:20px;
  padding:16px 22px;
  margin:0;
  border-top:1px solid rgba(230,238,252,1);
}

.sky-config-form .sky-config-row.configureproduct:first-child{
  border-top:0;
}

.sky-config-form .sky-form-label{
  flex:0 0 var(--label-w, 128px);
  max-width:var(--label-w, 128px);
  margin:0;
}

.sky-config-form .sky-form-label .label-title{
  font-weight:950;
  color:#111827;
}

.sky-config-form .sky-md-100,
.sky-config-form .sky-md-100-p{
  flex:1 1 auto;
  min-width:0;
}

.sky-config-form .basicConfigurationItems{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.sky-config-form .sky-config-btn-three,
.sky-config-form .sky-config-btn{
  background:#fff;
  border:1px solid rgba(230,238,252,1);
  border-radius:12px;
  color:#24324a;
  font-weight:900;
  padding:10px 12px;
  box-shadow:none;
}

.sky-config-form .sky-config-btn-three:hover,
.sky-config-form .sky-config-btn:hover{
  border-color:rgba(27,100,255,.22);
  background:rgba(27,100,255,.04);
}

.sky-config-form .sky-config-btn-three.active,
.sky-config-form .sky-config-btn.active{
  border-color:rgba(27,100,255,.46);
  background:rgba(27,100,255,.08);
  color:var(--blue);
  box-shadow:0 12px 24px rgba(27,100,255,.12);
}

.os-container{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.os-card{
  border:1px solid rgba(230,238,252,1);
  border-radius:14px;
  background:#fff;
  padding:12px 12px 10px;
  box-shadow:0 12px 26px rgba(17,50,120,.06);
  cursor:pointer;
  transition:box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}

.os-card:hover{
  border-color:rgba(27,100,255,.22);
  box-shadow:0 18px 40px rgba(10,77,255,.10);
  transform:translateY(-1px);
}

.os-card.active,
.os-card.selected,
.os-card.is-active{
  border-color:rgba(27,100,255,.52);
  box-shadow:0 18px 44px rgba(27,100,255,.14);
}

.os-card .os-header{
  display:flex;
  align-items:center;
  gap:10px;
}

.os-card .os-name{
  font-weight:950;
  color:#111827;
}

.os-card .version-dropdown{
  margin-top:10px;
}

.os-card .dropdown-btn{
  border:1px solid rgba(230,238,252,1);
  border-radius:12px;
  padding:8px 10px;
  font-weight:800;
  color:#55657d;
  background:rgba(246,248,254,1);
}

.sky-config-slider-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.sky-config-slider-container .progress-content{
  flex:1 1 auto;
  min-width:0;
}

.sky-config-slider-container .sky-config-progress-bar{
  height:4px;
  background:rgba(27,100,255,.12);
  border-radius:999px;
  overflow:hidden;
}

.sky-config-slider-container .sky-config-progress{
  height:4px;
  background:linear-gradient(90deg,#2a74ff 0%, #0a4dff 100%);
  border-radius:999px;
}

.sky-config-slider-container .progress-toolbar{
  flex:0 0 200px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.sky-config-slider-container .sky-config-decrease,
.sky-config-slider-container .sky-config-increase{
  width:32px;
  height:32px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(230,238,252,1);
  background:#fff;
  color:#24324a;
  font-weight:950;
  user-select:none;
  cursor:pointer;
}

.sky-config-slider-container .sky-config-decrease:hover,
.sky-config-slider-container .sky-config-increase:hover{
  border-color:rgba(27,100,255,.22);
  background:rgba(27,100,255,.06);
  color:var(--blue);
}

.sky-config-slider-container .input-value{
  width:92px;
  height:34px;
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  text-align:center;
  font-weight:900;
  color:#111827;
}

.allocation-footer{
  position:sticky;
  bottom:0;
  z-index:30;
}

.allocation-footer .configoption_total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 22px;
  border-top:1px solid rgba(230,238,252,1);
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow:0 -18px 44px rgba(17,50,120,.08);
}

.allocation-footer .configoption_total .btn,
.allocation-footer .configoption_total button,
.allocation-footer .configoption_total a{
  border-radius:12px;
}

@media (max-width: 991.98px){
  .os-container{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .sky-config-form .sky-config-row.configureproduct{
    flex-direction:column;
    gap:10px;
  }
  .sky-config-form .sky-form-label{
    flex:0 0 auto;
    max-width:none;
  }
  .sky-config-slider-container{
    flex-direction:column;
    align-items:stretch;
  }
  .sky-config-slider-container .progress-toolbar{
    flex:0 0 auto;
    justify-content:flex-start;
  }
}

.table-container{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.table-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.table-container .table-responsive,
.user-center_resources.table-responsive{
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  overflow:hidden;
}

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

.table.tablelist thead.bg-light{
  background:rgba(246,248,254,1) !important;
}

.table.tablelist thead.thead-light{
  background:rgba(246,248,254,1) !important;
}

.table.tablelist thead th{
  font-weight:950;
  color:#111827;
  border-bottom:1px solid rgba(230,238,252,1);
  border-top:0;
  white-space:nowrap;
}

.table.tablelist td{
  color:#24324a;
  border-top:1px solid rgba(230,238,252,1);
  vertical-align:middle;
}

.table.tablelist tbody tr:hover{
  background:rgba(27,100,255,.03);
}

.table-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:18px;
}

.table-footer .table-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.table-footer .table-pagination{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.no-data{
  padding:28px 12px;
  text-align:center;
  color:#66738a;
  font-weight:800;
}

.status.badge{
  letter-spacing:.2px;
}

.supporttickets-one .ticket-top,
.ticket-top{
  color:#55657d;
  line-height:1.6;
}

/* supporttickets list */
.ticket-actions .btn{
  border-radius:12px;
  font-weight:900;
}

.ticket-actions .btn.btn-sm{
  padding:.45rem .7rem;
}

/* ticket detail thread */
.ticket-reply.card{
  border-radius:16px;
  border:1px solid rgba(230,238,252,1);
  box-shadow:0 12px 26px rgba(17,50,120,.06);
  overflow:hidden;
}

.ticket-reply .post-by{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 16px;
  background:rgba(246,248,254,1);
  border-bottom:1px solid rgba(230,238,252,1);
}

.ticket-reply .post-user{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  color:#111827;
}

.ticket-reply .post-date{
  color:#66738a;
  font-weight:800;
  white-space:nowrap;
}

.ticket-reply .message{
  padding:14px 16px !important;
  color:#24324a;
  line-height:1.7;
  background:#fff;
}

.ticket-reply.admin{
  border-color:rgba(27,100,255,.22);
}

.ticket-reply.admin .post-by{
  background:rgba(27,100,255,.06);
}

#ticketReplyContainer .form-control-file{
  padding:8px 10px;
  border-radius:12px;
  border:1px dashed rgba(230,238,252,1);
  background:rgba(246,248,254,1);
}

#filelist .filebox{
  border:1px solid rgba(230,238,252,1);
  border-radius:14px;
  padding:10px 12px;
  background:#fff;
}

#addFileBtn,
.submitBtn{
  border-radius:12px !important;
  font-weight:900;
}

.deletefileBtn{
  border-radius:12px !important;
  font-weight:900;
}

/* billing list */
#statusSel{
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
}

#pay-combine{
  color:#55657d;
  font-weight:800;
}

.table.tablelist a.text-success,
.table.tablelist a.text-primary,
.table.tablelist a.text-danger{
  font-weight:900;
  text-decoration:none !important;
}

.table.tablelist a.text-success:hover,
.table.tablelist a.text-primary:hover,
.table.tablelist a.text-danger:hover{
  filter:brightness(1.02);
}

/* viewbilling/creditdetail invoice blocks */
.box#pdfCentent{
  border-radius:16px !important;
  border:1px solid rgba(230,238,252,1) !important;
  box-shadow:0 18px 44px rgba(17,50,120,.08) !important;
}

.box#pdfCentent .card{
  border-radius:16px;
}

#pdfCentent .bg-primary{
  background-image:linear-gradient(180deg, #2a74ff 0%, #0a4dff 100%) !important;
}

@media (max-width: 768px){
  .table-footer{
    flex-direction:column;
    align-items:flex-start;
  }
  .table-footer .table-pagination{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

/* invoice pages (invoicelist/invoiceapply/invoiceaddress/invoicecompany) */
a[href^="invoiceaddress"].btn,
a[href^="invoicecompany"].btn,
a[href^="invoicelist"].btn,
a[href^="invoiceapply"].btn{
  border-radius:12px;
  font-weight:900;
}

#personTitle,
#companyTitle,
#courierOptions,
#mailingAddress{
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
}

/* bootstrap-select used on invoice pages */
.bootstrap-select .dropdown-toggle{
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  background:#fff;
  font-weight:900;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:hover{
  border-color:rgba(27,100,255,.22);
  background:rgba(27,100,255,.04);
}

/* invoice address cascader input */
#zdCascader{
  height:38px;
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  padding:8px 12px;
  background:#fff;
  font-weight:800;
  color:#24324a;
}

#addressSelectBox{
  border-radius:12px;
}

#addressSelectBox .bx-edit-alt{
  width:32px;
  height:32px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(27,100,255,.06);
  border:1px solid rgba(27,100,255,.14);
}

#addressSelectBox .bx-edit-alt:hover{
  background:rgba(27,100,255,.10);
  border-color:rgba(27,100,255,.22);
}

/* invoicelist check + issue pages tables */
a[href^="invoicelist"],
a[href^="invoiceapply"]{
  text-decoration:none !important;
}

.card pre{
  white-space:pre-wrap;
  word-break:break-word;
  margin:0;
  font-family:inherit;
  font-size:.875rem;
  color:#24324a;
}

.pdfdownload{
  border-radius:12px;
}

/* invoice address/company list action links */
.table.tablelist td a.text-muted,
.table.tablelist td a.text-primary,
.table.tablelist td a.text-danger,
.table.tablelist td a.text-warning{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:12px;
  font-weight:900;
}

.table.tablelist td a.text-muted{
  color:#66738a !important;
  background:rgba(85,101,125,.06);
  border:1px solid rgba(230,238,252,1);
}

.table.tablelist td a.text-primary{
  background:rgba(27,100,255,.06);
  border:1px solid rgba(27,100,255,.14);
}

.table.tablelist td a.text-danger{
  background:rgba(245,106,106,.08);
  border:1px solid rgba(245,106,106,.16);
}

.table.tablelist td a.text-warning{
  background:rgba(252,164,38,.12);
  border:1px solid rgba(252,164,38,.18);
}

.table.tablelist td a.not-allowed{
  opacity:.55;
  cursor:not-allowed;
  pointer-events:none;
}

/* invoicelist check view info area */
.card .text-black-50{
  color:#66738a !important;
}

.card .text-black{
  color:#111827 !important;
  font-weight:800;
}

.card hr{
  border-top:1px solid rgba(230,238,252,1);
}

/* service list pages (service_product/service_domain/service) */
.table-filter .bootstrap-select{
  min-width:220px;
}

.table-filter .bootstrap-select .dropdown-toggle{
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  background:#fff;
  box-shadow:0 10px 22px rgba(17,50,120,.05);
  font-weight:900;
  color:#24324a;
}

.table-filter .bootstrap-select.show > .dropdown-toggle{
  border-color:rgba(27,100,255,.35);
  box-shadow:0 0 0 .2rem rgba(27,100,255,.12);
}

.table-filter .bootstrap-select .dropdown-menu{
  border-radius:14px;
  border:1px solid rgba(230,238,252,1);
  box-shadow:0 22px 60px rgba(17,50,120,.12);
}

.table-filter .bootstrap-select .dropdown-item{
  font-weight:800;
}

.table-search .search-box{
  width:100%;
}

.table-search .search-box .position-relative{
  width:100%;
}

.table-search .search-box .form-control{
  height:38px;
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  padding-right:38px;
}

.table-search .search-box .form-control:focus{
  border-color:rgba(27,100,255,.28);
  box-shadow:0 0 0 .2rem rgba(27,100,255,.12);
}

.table-search .search-box .search-icon{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:#66738a;
  cursor:pointer;
}

.table-search .search-box .search-icon:hover{
  color:var(--blue);
}

.badge[class*="status-"]{
  padding:6px 10px;
  border-radius:999px;
  font-weight:900;
  border:1px solid transparent;
}

.badge.status-active{
  background:rgba(52, 195, 143, .12);
  color:#34c38f;
  border-color:rgba(52, 195, 143, .22);
}

.badge.status-pending{
  background:rgba(241, 180, 76, .14);
  color:#f1b44c;
  border-color:rgba(241, 180, 76, .26);
}

.badge.status-suspended{
  background:rgba(245, 106, 106, .10);
  color:#f46a6a;
  border-color:rgba(245, 106, 106, .20);
}

.badge.status-terminated,
.badge.status-cancelled,
.badge.status-fraud{
  background:rgba(85, 101, 125, .10);
  color:#55657d;
  border-color:rgba(85, 101, 125, .20);
}

.table-footer .btn,
.table-footer button{
  border-radius:12px;
  font-weight:900;
}

.table-footer #bulkOperation{
  background:#fff;
  border:1px solid rgba(230,238,252,1);
  color:#24324a;
  box-shadow:0 10px 22px rgba(17,50,120,.05);
}

.table-footer #bulkOperation:not(:disabled):hover{
  background:rgba(27,100,255,.06);
  border-color:rgba(27,100,255,.22);
}

.table-footer .dropdown-menu{
  border-radius:14px;
  border:1px solid rgba(230,238,252,1);
  box-shadow:0 22px 60px rgba(17,50,120,.12);
}

.table-footer .dropdown-item{
  font-weight:800;
}

/* downloads page */
.card.filemanager-sidebar{
  border-radius:16px;
  border:1px solid rgba(230,238,252,1);
  box-shadow:0 18px 44px rgba(17,50,120,.06);
}

.categories-list li + li{
  margin-top:6px;
}

.categories-list a.text-body{
  border-radius:12px;
  padding:10px 12px;
  border:1px solid transparent;
  transition:background .15s ease, border-color .15s ease;
}

.categories-list a.text-body:hover{
  background:rgba(27,100,255,.06);
  border-color:rgba(27,100,255,.14);
  color:#111827 !important;
}

.categories-list a.text-body .mdi{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.categories-list .badge.badge-pill{
  border-radius:999px;
  font-weight:900;
}

.table.table-centered thead th{
  font-weight:950;
  color:#111827;
  background:rgba(246,248,254,1);
  border-bottom:1px solid rgba(230,238,252,1);
}

.table.table-centered td{
  border-top:1px solid rgba(230,238,252,1);
  color:#24324a;
}

.table.table-centered tbody tr:hover{
  background:rgba(27,100,255,.04);
}

.table.table-centered a.text-dark{
  font-weight:900;
  text-decoration:none !important;
}

.table.table-centered a.text-dark:hover{
  color:var(--blue) !important;
}

.table.table-centered a.text-primary{
  width:32px;
  height:32px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(27,100,255,.06);
  border:1px solid rgba(27,100,255,.14);
}

.table.table-centered a.text-primary:hover{
  background:rgba(27,100,255,.10);
  border-color:rgba(27,100,255,.22);
}

@media (max-width: 991.98px){
  .table-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .table-filter .bootstrap-select{
    width:100% !important;
  }
}

/* configureproduct (cart flow) */
.configoption_form[action*="configureproduct"] .configureproduct .col-form-label,
.configoption_form[action*="configureproduct"] .configureproduct .col-form-label{
  font-weight:950;
  color:#111827;
}

.configoption_form[action*="configureproduct"] .btn-group-toggle .btn,
.configoption_form[action*="configureproduct"] .btn-custom-group .btn{
  background:#fff;
  border:1px solid rgba(230,238,252,1);
  border-radius:12px;
  color:#24324a;
  font-weight:900;
  padding:9px 12px;
  box-shadow:0 10px 22px rgba(17,50,120,.05);
}

.configoption_form[action*="configureproduct"] .btn-group-toggle .btn:hover,
.configoption_form[action*="configureproduct"] .btn-custom-group .btn:hover{
  border-color:rgba(27,100,255,.22);
  background:rgba(27,100,255,.04);
}

.configoption_form[action*="configureproduct"] .btn-group-toggle .btn.active,
.configoption_form[action*="configureproduct"] .btn-custom-group .btn.active{
  border-color:rgba(27,100,255,.46);
  background:rgba(27,100,255,.08);
  color:var(--blue);
  box-shadow:0 12px 26px rgba(27,100,255,.12);
}

/* right summary sticky */
.configoption_form[action*="configureproduct"] .col-xl-4 > .card{
  position:sticky;
  top:96px;
}

.configoption_form[action*="configureproduct"] .col-xl-4 > .card .configoption_total{
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  padding:12px;
  background:rgba(246,248,254,1);
}

/* mobile bottom bar */
@media (max-width: 991.98px){
  /* this page already provides .mobile-bottom-total via JS; avoid double fixed bars */
  .configoption_form[action*="configureproduct"]{
    padding-bottom:84px;
  }
  .configoption_form[action*="configureproduct"] .col-xl-4{
    position:static !important;
    left:auto;
    right:auto;
    bottom:auto;
    z-index:auto;
  }
  .configoption_form[action*="configureproduct"] .mobile-bottom-total{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100% !important;
    height:auto !important;
    line-height:normal !important;
    text-align:left !important;
    padding:12px 12px !important;
    padding-right:12px !important;
    background:rgba(255,255,255,.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top:1px solid rgba(230,238,252,1);
    box-shadow:0 -18px 44px rgba(17,50,120,.12);
  }
  .configoption_form[action*="configureproduct"] .mobile-bottom-total .total{
    margin:0;
    font-weight:950;
    color:#111827;
  }
  .configoption_form[action*="configureproduct"] .mobile-bottom-total .btn,
  .configoption_form[action*="configureproduct"] .mobile-bottom-total button,
  .configoption_form[action*="configureproduct"] .mobile-bottom-total a{
    border-radius:12px;
  }
}

/* configureproduct: mobile-bottom-total fallback (in case injected outside form) */
@media (max-width: 991.98px){
  .configoption_total .mobile-bottom-total,
  .page-content .mobile-bottom-total,
  .mobile-bottom-total{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100% !important;
    height:auto !important;
    line-height:normal !important;
    text-align:left !important;
    padding:12px 12px !important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important;
    background:rgba(255,255,255,.92) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top:1px solid rgba(230,238,252,1) !important;
    box-shadow:0 -18px 44px rgba(17,50,120,.12) !important;
  }

  .configoption_total .mobile-bottom-total .total,
  .page-content .mobile-bottom-total .total,
  .mobile-bottom-total .total{
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    color:#111827 !important;
    margin:0 !important;
    white-space:nowrap;
  }

  .configoption_total .mobile-bottom-total .btn,
  .configoption_total .mobile-bottom-total button,
  .configoption_total .mobile-bottom-total a,
  .page-content .mobile-bottom-total .btn,
  .page-content .mobile-bottom-total button,
  .page-content .mobile-bottom-total a,
  .mobile-bottom-total .btn,
  .mobile-bottom-total button,
  .mobile-bottom-total a{
    border-radius:12px;
    margin-left:auto;
    height:40px;
    padding:10px 14px;
    display:inline-flex;
    align-items:center;
    gap:8px;
  }

  .configoption_total .mobile-bottom-total .btn-primary,
  .page-content .mobile-bottom-total .btn-primary,
  .mobile-bottom-total .btn-primary{
    border:0;
    background:linear-gradient(90deg,#2a74ff 0%, #0a4dff 100%);
    box-shadow:0 16px 34px rgba(27,100,255,.22);
    font-weight:950;
    white-space:nowrap;
  }
}

/* configureproduct: row spacing + slider/number input */
.configoption_form[action*="configureproduct"] .form-group.row.configureproduct{
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(230,238,252,1);
}

.configoption_form[action*="configureproduct"] .form-group.row.configureproduct:last-of-type{
  border-bottom:0;
  padding-bottom:0;
}

.configoption_form[action*="configureproduct"] .configureproduct .col-md-10{
  padding-left:15px;
}

.configoption_form[action*="configureproduct"] input[type='range'].configoption_range{
  height:4px !important;
  border-radius:999px !important;
  background:rgba(27,100,255,.16) !important;
  outline:none !important;
}

.configoption_form[action*="configureproduct"] input[type='range'].configoption_range::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:16px !important;
  height:16px !important;
  border-radius:50% !important;
  background:var(--blue) !important;
  border:2px solid #fff !important;
  box-shadow:0 10px 20px rgba(27,100,255,.28) !important;
}

.configoption_form[action*="configureproduct"] input[type='range'].configoption_range::-moz-range-thumb{
  width:16px !important;
  height:16px !important;
  border-radius:50% !important;
  background:var(--blue) !important;
  border:2px solid #fff !important;
  box-shadow:0 10px 20px rgba(27,100,255,.28) !important;
}

.configoption_form[action*="configureproduct"] .configoption_range_val{
  width:92px !important;
  min-width:92px;
  height:34px;
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  font-weight:900;
  text-align:center;
}

.configoption_form[action*="configureproduct"] .cycle-select-discount{
  background:linear-gradient(90deg, #ff4d4f 0%, #ff7a45 100%);
  border-radius:8px 8px 8px 0;
  font-weight:900;
}

/* configureproduct: summary (dynamic inner html) */
.configoption_form[action*="configureproduct"] .configoption_total{
  color:#24324a;
}

.configoption_form[action*="configureproduct"] .ordersummary{
  width:100%;
}

.configoption_form[action*="configureproduct"] .ordersummary td{
  border:none !important;
  padding:8px 2px !important;
}

.configoption_form[action*="configureproduct"] .ordersummary .mw-250{
  max-width:260px;
}

.configoption_form[action*="configureproduct"] .ordersummary .color-999{
  color:#66738a !important;
}

.configoption_form[action*="configureproduct"] .ordersummary td.text-right{
  font-weight:900;
  color:#111827;
}

.configoption_form[action*="configureproduct"] .ordersummary hr{
  border-top:1px solid rgba(230,238,252,1);
}

.configoption_form[action*="configureproduct"] .ordersummary tr.mobile-hide td{
  padding-top:12px !important;
}

.configoption_form[action*="configureproduct"] .ordersummary tr.mobile-hide td.text-right{
  font-size:18px;
  font-weight:950;
  color:var(--blue);
}

.configoption_form[action*="configureproduct"] .configoption_total .text-sm-right{
  position:static !important;
  margin-top:14px !important;
  text-align:right;
}

.configoption_form[action*="configureproduct"] #addToCartBtn{
  padding:10px 14px;
  height:40px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.configoption_form[action*="configureproduct"] #addToCartBtnTwo{
  padding:10px 14px;
  height:40px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

@media (max-width: 991.98px){
  .configoption_form[action*="configureproduct"] .mobile-bottom-total .btn-primary,
  .configoption_form[action*="configureproduct"] .mobile-bottom-total a.btn-primary,
  .configoption_form[action*="configureproduct"] .mobile-bottom-total button.btn-primary{
    border:0;
    background:linear-gradient(90deg,#2a74ff 0%, #0a4dff 100%);
    box-shadow:0 16px 34px rgba(27,100,255,.22);
    font-weight:950;
    white-space:nowrap;
  }
}

/* pill tabs (message/transaction/etc.) */
.table-container > .nav.nav-tabs,
.table-header > .nav.nav-tabs,
.table-container .table-header > .nav.nav-tabs{
  border:0;
  background:rgba(246,248,254,1);
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  padding:6px;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:0;
}

.table-container > .nav.nav-tabs .nav-link,
.table-header > .nav.nav-tabs .nav-link{
  border:0;
  border-radius:12px;
  padding:10px 14px;
  color:#24324a;
  font-weight:900;
}

.table-container > .nav.nav-tabs .nav-link:hover,
.table-header > .nav.nav-tabs .nav-link:hover{
  background:rgba(27,100,255,.06);
  color:var(--blue);
}

.table-container > .nav.nav-tabs .nav-link.active,
.table-header > .nav.nav-tabs .nav-link.active{
  background:#fff;
  color:var(--blue);
  box-shadow:0 10px 22px rgba(17,50,120,.08);
}

/* disable buttons visual */
.btn.not-allowed[disabled],
.btn:disabled{
  opacity:.55;
}

/* security header gradient */
.security-header{
  background-image:linear-gradient(180deg, #2a74ff 0%, #0a4dff 100%) !important;
  border-radius:18px;
  box-shadow:0 18px 44px rgba(10,77,255,.10);
  border:0;
}

/* news/knowledgebase content media */
.newscontent img,
.newscontent iframe,
#viewcontent{
  max-width:100% !important;
}

.newscontent img{
  height:auto !important;
}

/* news/knowledgebase list */
.page-content .card.p-4 .list-group.list-group-flush{
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  overflow:hidden;
}

.page-content .card.p-4 .list-group.list-group-flush .list-group-item{
  border:0;
  padding:14px 16px;
  color:#24324a !important;
  background:#fff;
}

.page-content .card.p-4 .list-group.list-group-flush .list-group-item + .list-group-item{
  border-top:1px solid rgba(230,238,252,1);
}

.page-content .card.p-4 .list-group.list-group-flush .list-group-item:hover{
  background:rgba(27,100,255,.04);
  color:var(--blue) !important;
}

.page-content .card.p-4 .list-group.list-group-flush .list-group-item .mdi-circle-medium{
  color:rgba(27,100,255,.55);
}

.page-content .card.p-4 hr{
  border-top:1px solid rgba(230,238,252,1);
}

/* news/knowledgebase right search card */
.page-content .search-box .position-relative .form-control{
  border-radius:14px;
  border:1px solid rgba(230,238,252,1);
  height:44px;
  padding-left:14px;
  padding-right:40px;
}

.page-content .search-box .position-relative .search-icon{
  color:rgba(36,50,74,.55);
}

.page-content .search-box .position-relative .search-icon:hover{
  color:var(--blue);
}

/* table footer pagination */
.table-footer .pagination.pagination-sm{
  margin:0;
}

.table-footer .pagination .page-link{
  border-radius:10px;
  border:1px solid rgba(230,238,252,1);
  color:#24324a;
  font-weight:800;
}

.table-footer .pagination .page-item.active .page-link{
  background:rgba(27,100,255,.10);
  border-color:rgba(27,100,255,.24);
  color:var(--blue);
}

.table-footer #limitSel{
  border-radius:10px;
  border:1px solid rgba(230,238,252,1);
  padding:6px 10px;
}

/* details profile form */
.page-content form.needs-validation > .card > .card-body.px-5.mx-auto.w-75{
  width:100% !important;
  max-width:920px;
}

@media (max-width: 991.98px){
  .page-content form.needs-validation > .card > .card-body.px-5.mx-auto.w-75{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* addfunds */
.page-content .addfunds-payment{
  border:1px solid rgba(230,238,252,1);
  border-radius:14px;
  background:#fff;
  padding:14px 12px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(17,50,120,.06);
  transition:all .18s ease;
}

.page-content .addfunds-payment.active{
  border-color:rgba(27,100,255,.35);
  box-shadow:0 16px 34px rgba(27,100,255,.14);
}

.page-content .addfunds-payment:hover{
  transform:translateY(-1px);
  border-color:rgba(27,100,255,.25);
}

.page-content .pay-now-btn{
  border-radius:12px !important;
}

/* transaction select */
.page-content #accountsRecordSel{
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
  height:44px;
  padding:0 12px;
}

/* verified (real name) */
.page-content .rzfsSelect,
.page-content .select2{
  border-radius:12px;
}

.page-content .attachment-group .custom-file-label{
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
}

.page-content .attachment-group .custom-file-input:focus ~ .custom-file-label{
  border-color:rgba(27,100,255,.35);
  box-shadow:0 0 0 4px rgba(27,100,255,.10);
}

.configoption_form[action*="configureproduct"] .configoption_total strong,
.configoption_form[action*="configureproduct"] .configoption_total b{
  font-weight:950;
  color:#111827;
}

.configoption_form[action*="configureproduct"] .configoption_total .text-primary{
  color:var(--blue) !important;
}

.configoption_form[action*="configureproduct"] .configoption_total .btn,
.configoption_form[action*="configureproduct"] .configoption_total button,
.configoption_form[action*="configureproduct"] .configoption_total a{
  border-radius:12px !important;
}

.configoption_form[action*="configureproduct"] .configoption_total .btn-primary,
.configoption_form[action*="configureproduct"] .configoption_total a.btn-primary,
.configoption_form[action*="configureproduct"] .configoption_total button.btn-primary{
  border:0;
  background:linear-gradient(90deg,#2a74ff 0%, #0a4dff 100%);
  box-shadow:0 16px 34px rgba(27,100,255,.22);
  font-weight:950;
}

.configoption_form[action*="configureproduct"] .configoption_total .btn-primary:hover,
.configoption_form[action*="configureproduct"] .configoption_total a.btn-primary:hover,
.configoption_form[action*="configureproduct"] .configoption_total button.btn-primary:hover{
  filter:brightness(.98);
}

/* message center */
.table-container .table-responsive .table.tablelist th,
.table-container .table-responsive .table.tablelist td{
  padding:12px 14px;
  border-top:1px solid rgba(230,238,252,1);
  vertical-align:middle;
}

.table-container .table-responsive .table.tablelist thead.thead-light th,
.table-container .table-responsive .table.tablelist thead.thead-light td{
  background:linear-gradient(180deg, rgba(27,100,255,.05) 0%, rgba(255,255,255,1) 100%);
  color:#24324a;
}

.table-container .table-responsive .table.tablelist thead th{
  border-top:0;
  border-bottom:1px solid rgba(230,238,252,1);
}

.table-container .table-responsive .table.tablelist tbody tr:hover{
  background:rgba(27,100,255,.04);
}

.table-container .table-responsive .table.tablelist .no-data{
  padding:34px 0;
  color:#66738a;
  font-weight:800;
}

.table-container .table-responsive .table.tablelist td .bg-danger.rounded-circle{
  box-shadow:0 10px 18px rgba(255,77,79,.20);
}

.table-container .table-responsive .custom-control.custom-checkbox{
  min-height:18px;
}

.table-container .table-responsive .custom-control-label::before{
  border-radius:6px;
  border:1px solid rgba(230,238,252,1);
  background:#fff;
}

.table-container .table-responsive .custom-control-input:checked ~ .custom-control-label::before{
  border-color:rgba(27,100,255,.45);
  background:rgba(27,100,255,.10);
}

.table-container .table-responsive .custom-control-input:checked ~ .custom-control-label::after{
  filter:brightness(0) saturate(100%) invert(28%) sepia(90%) saturate(3550%) hue-rotate(214deg) brightness(100%) contrast(102%);
}

/* message center: bulk action buttons */
.table-container #delBtn,
.table-container #readBtn,
.table-container #allReadBtn,
.table-container #allDelBtn{
  border-radius:12px;
  margin-top:0 !important;
}

.table-container .row.mt-2 > .col-12{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* message center modal */
.bs-example-modal-lg .modal-content{
  border:1px solid rgba(230,238,252,1);
  border-radius:18px;
  box-shadow:0 24px 60px rgba(17,50,120,.18);
  overflow:hidden;
}

.bs-example-modal-lg .modal-header{
  border-bottom:1px solid rgba(230,238,252,1);
  background:linear-gradient(180deg, rgba(27,100,255,.06) 0%, rgba(255,255,255,1) 100%);
}

#msgContent{
  color:#24324a;
  line-height:1.7;
}

#msgContent a{
  color:var(--blue);
  font-weight:800;
}

/* security center */
.security-items{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.security-item{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  background:#fff;
  padding:14px 16px;
  box-shadow:0 14px 34px rgba(17,50,120,.06);
}

.security-item .security-item-info{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.security-item .security-item-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  box-shadow:0 14px 30px rgba(27,100,255,.14);
}

.security-item .security-item-icon i{
  color:#fff;
}

.security-item .security-item-text{
  min-width:0;
}

.security-item .security-item-desc{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  line-clamp:2;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.security-item .security-item-title{
  font-size:15px;
  font-weight:950;
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.security-item .security-item-title small{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(27,100,255,.08);
  color:var(--blue);
  font-weight:900;
}

.security-item .security-item-desc{
  color:#66738a;
  margin-top:6px;
}

.security-item .btn{
  border-radius:12px;
  font-weight:900;
}

.security-header .progress{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.20);
}

.security-header .progress .progress-bar{
  border-radius:999px;
}

@media (max-width: 991.98px){
  .security-item .security-item-info{
    flex-direction:column;
    align-items:flex-start;
  }
  .security-item .btn{
    width:100%;
  }
}

/* verified (real name) */
.page-content .verified,
.page-content .card .card-body.p-5{
  position:relative;
}

.page-content .card .card-body.p-5 > .container-fluid{
  max-width:980px;
}

.page-content .submitBtn{
  border-radius:12px;
  height:44px;
  padding:0 18px;
  font-weight:950;
}

.page-content .explanation{
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  background:rgba(246,248,254,1);
  padding:12px;
}

.page-content .explanation img{
  border-radius:12px;
}

.page-content #personFrontImg img,
.page-content #personBackImg img,
.page-content [id^="customfieldsImgArea"] img{
  max-width:100%;
  border-radius:12px;
  border:1px solid rgba(230,238,252,1);
}

/* newsview / knowledgebaseview article */
.page-content .row.justify-content-center .col-xl-8 > div > .text-center h4{
  font-size:22px;
  font-weight:950;
  letter-spacing:-.2px;
}

.page-content .row.justify-content-center .col-xl-8 > div > .text-center .badge{
  border-radius:999px;
  padding:6px 10px;
  background:rgba(27,100,255,.08) !important;
  color:var(--blue);
  font-weight:900;
}

.page-content .newscontent{
  color:#24324a;
  line-height:1.8;
}

.page-content pre.newscontent{
  background:rgba(246,248,254,1);
  border:1px solid rgba(230,238,252,1);
  border-radius:16px;
  padding:14px 16px;
  overflow:auto;
}

.page-content .mt-4.d-flex.justify-content-between,
.page-content .mt-4.d-flex.justify-content-end{
  gap:12px;
}

@media (max-width: 767.98px){
  .page-content .mt-4.d-flex.justify-content-between,
  .page-content .mt-4.d-flex.justify-content-end{
    flex-direction:column;
  }
  .page-content .mt-4.d-flex.justify-content-between .btn,
  .page-content .mt-4.d-flex.justify-content-end .btn{
    width:100%;
  }
}

.page-content ul.row.w-100 > li{
  list-style:none;
}

.page-content ul.row.w-100 > li.py-1{
  padding-top:4px !important;
  padding-bottom:4px !important;
}

.page-content ul.row.w-100 > li.py-1::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(27,100,255,.55);
  margin-right:10px;
  transform:translateY(-1px);
}