:root {
    --primary: #000000; 
    --blue: #00AEED;
    --lightblue:#8a8af3;
    --black:#000000;
    --red:#ff0000;
    --red1:#FF2C2C;
    --grey:#999999;
    --yellow:#EFBF7B;
    --darkyellow:#B18144;
    --grey:#e4e4e4;
    --darkgreen:#011F26;
    --darkgreen1:#1e3337;
    --yellow:#FFDF00;
    --yellow1:#E1AB20;
    --darkyellow:#C89933;
    --grey:#e4e4e4;
    --grey1:#ebebeb;
    --grey2:#b8b8b8;
    --purple:#8920C2;
    --lightgreen1:#b2e7bf;
    --lightgreen2:#c9f5d4;
    --lightblue1:#dadaf7;
    --lightblue2:#cdcdef;
    --green:#2cab4b;


    font-size: 14px;

    --f_sz11:0.786rem; 
    --f_sz12:0.86rem; 
    --f_sz13:0.929rem;
    --f_sz14:1rem;
    --f_sz15:1.071rem; 
    --f_sz16:1.143rem; 
    --f_sz17:1.214rem;
    --f_sz18:1.286rem; 
    --f_sz19:1.357rem; 
    --f_sz20:1.429rem;
    --f_sz21:1.5rem;
    --f_sz22:1.571rem;
    --f_sz24:1.714rem; 
    --f_sz26:1.857rem; 
    --f_sz28:2rem; 
    --f_sz30:2.142rem;

}


body.accent-custom { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; color: #000000; }


.f_sz11 { font-size:0.786rem; }
.f_sz12 { font-size:0.86rem; }
.f_sz13 { font-size:0.929rem !important; }
.f_sz14 { font-size:1rem !important; }
.f_sz15 { font-size:1.071rem; }
.f_sz16 { font-size:1.143rem; }
.f_sz17 { font-size:1.214rem; }
.f_sz18 { font-size:1.286rem !important; }
.f_sz19 { font-size:1.357rem; }
.f_sz20 { font-size:1.429rem !important; }
.f_sz21 { font-size:1.5rem!important; }
.f_sz22 { font-size:1.571rem; }
.f_sz24 { font-size:1.714rem; }
.f_sz26 { font-size:1.857rem; }
.f_sz28 { font-size:2rem; }
.f_sz30 { font-size:2.142rem; }


.f_black { color: var(--black); }
.f_white { color: var(--white); }
.f_red { color: var(--red); }
.f_yellow { color:var(--yellow); }
.f_darkyellow { color:var(--darkyellow); }
.f_purple { color:var(--purple); }
.f_lightblue { color:var(--lightblue); }

.border_radius4 { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


.bg_yellow { background-color: var(--yellow); }
.bg_yellow1 { background-color: var(--yellow1); }
.bg_darkyellow { background-color: var(--darkyellow); }
.bg_blue { background-color: var(--blue); }
.bg-purple1 { background-color: var(--purple); }
.bg_lightblue { background-color: var(--lightblue); }

.flex_flow_rowwrap { flex-flow: row wrap; }
.align_items_cntr { align-items: center; }
.crsr_pntr { cursor: pointer; }


.fwt_400 { font-weight: 400; }
.fwt_500 { font-weight: 500; }
.fwt_600 { font-weight: 600; }
.fwt_800 { font-weight: 800; }

.accent-custom  .badge-warning {
    color: #ffffff;
    background-color: #ffc107;
}

.accent-custom .login-box.login_div { max-width: 470px; width: 96%; }


/* .accent-custom.login-page .card-primary.card-outline { border-top: 8px solid #0070BC; } */

.accent-custom.login-page .card-primary.card-outline .card-header { /*border-bottom:3px solid #8DC73D;*/ padding: 1.50rem 1.25rem; background-color: var(--white); border-radius: .25rem .25rem 0 0; -moz-border-radius: .25rem .25rem 0 0; -webkit-border-radius: .25rem .25rem 0 0; }

.accent-custom .btn-primary { color: #ffffff !important;  background-color:var(--darkgreen); border-color: var(--darkgreen); }
.accent-custom .btn-primary:hover, .accent-custom .btn-primary:focus, .accent-custom .btn-primary.focus { color: #ffffff !important; background-color: var(--darkgreen); border-color: var(--darkgreen); }
.accent-custom .btn-primary:not(:disabled):not(.disabled).active, 
.accent-custom .btn-primary:not(:disabled):not(.disabled):active,
.accent-custom .show>.btn-primary.dropdown-toggle { background-color: var(--black); border-color: var(--black); }

.accent-custom .btn-yellow, .accent-custom .btn-yellow:hover, .accent-custom .btn-yellow:focus, .accent-custom .btn-yellow.focus, .accent-custom .btn-yellow.active, .accent-custom .btn-yellow:active { background-color: var(--yellow); border-color: var(--yellow); color: var(--black);  }

.txt_lft { text-align: left; }
.txt_rgt { text-align: right; }

.txtarea_hgt { height: 150px !important; resize: none; }

.accent-custom .frmwdth_cntr { max-width: 1024px; width: 96%; margin: 0 auto; }

.accent-custom a { color:var(--darkyellow); }
.accent-custom a:hover, .accent-custom a:focus, .accent-custom a.focus, .accent-custom a:active, .accent-custom a.active { color:var(--darkyellow); }

.accent-custom .dropdown-item { color:var(--black); }

.accent-custom .input-group-text { background-color: var(--yellow); }
.accent-custom .input-group-text i { color:var(--black);  }

.accent-custom .login-logo img, .accent-custom .register-logo img { max-width:90px;  } 
.accent-custom .login_lftimg img { max-width: 100%; max-height: 300px; }
.accent-custom .multifactor_lftimg img { max-width: 100%; max-height: 400px; }
.accent-custom .frgtpwd_lftimg img { max-width: 100%; max-height: 400px; }
.accent-custom .resetpwd_lftimg img { max-width: 100%; max-height: 300px; }

.accent-custom .navbar { padding:.75rem .5rem; }
.accent-custom .nav-pills .nav-link.active, .accent-custom .nav-pills .show>.nav-link { background-color: #6dcf00; }

.accent-custom .brand-link .brand-image-xs {  max-height: 42px; left:50px; }

.accent-custom [class*=sidebar-dark-] { background-color:var(--white); }

.accent-custom [class*=sidebar-dark] .brand-link, .accent-custom [class*=sidebar-dark] .brand-link .pushmenu { background-color:var(--white); padding: 1.1rem .5rem; border-bottom: 1px solid #d0d4d9; }

.accent-custom .user_div { position: relative;  }
.accent-custom .usercharacter { width:32px; height: 32px; display: inline-block; line-height: 32px; text-align: center; font-size: var(--f_sz22); background-color:var(--purple); color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  }

.accent-custom .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link { text-align: left; color: var(--black); }

.accent-custom .nav-sidebar .nav-link p, .accent-custom .nav-sidebar .nav-item>.nav-link { text-align: left; }

.accent-custom .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, 
.accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, 
.accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, 
.accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus
{ background-color: var(--purple); color:var(--white); text-decoration: none; }


.menu-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #696a6a;
}

.accent-custom .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.accent-custom .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f8d7da; }

.accent-custom .footer_logotxt { text-align: left; }
.accent-custom .footer_copyrgt { text-align: right; }

.accent-custom .table thead th { background-color: var(--black); color:var(--white); font-weight: 600;  }
.accent-custom .table a { color: var(--darkgreen); }
.accent-custom .page-item.active .page-link {  background-color: var(--darkyellow); border-color: var(--darkyellow); }


.accent-custom .dashboard_dsply { max-width: 98%; margin: 0 auto; display: flex; flex-flow: row wrap;  }
.accent-custom .dashboard_boxes { display: flex; justify-items: center; }

.accent-custom .small-box .icon>i { font-size: 40px; opacity: 0.4; }

.accent-custom .dash_icon svg, .accent-custom .dash_icon img  { position: absolute; right: 15px; top:20px; width: 50px; opacity: 0.8;  }

.multifactor_div_cntr { max-width: 960px; width: 96%; margin: 0 auto;  }
.qrcode_img img { max-width: 100%; }

.accent-custom .card-primary.card-outline { border-top: 3px solid var(--purple); }

.accent-custom .card-title { font-weight: 500; font-size: var(--f_sz18); color: var(--primary); }


.accent-custom .col-form-label, .accent-custom label { font-weight: 600 !important; }

.accent-custom .txtdsply  {  padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); }


.accent-custom .icheck-primary>input:first-child:checked+input[type=hidden]+label::before, 
.accent-custom .icheck-primary>input:first-child:checked+label::before {
    background-color: var(--blue);
    border-color: var(--blue); 
}


.accent-custom .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.accent-custom .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: var(--blue); 
}


.accent-custom .subtitle { border-bottom: 1px solid var(--grey);   }
.accent-custom .subtitle  h4 { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;  background-color:var(--darkgreen); color: var(--white); padding: 8px; display: inline-block; }

.accent-custom .login_logo img { max-height: 70px; }


/***************File Upload***************/
.accent-custom .btn-bs-file{
    position:relative;
  cursor:pointer;
  }
  .accent-custom .btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0); 
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
  }
  
  /***************File Upload***************/


.accent-custom .product_imgdiv { width: 100%; display: flex; flex-flow:row wrap; justify-content: center; position: relative; border: 1px solid #ced4da; border-radius: .375rem; -moz-border-radius: .375rem; -webkit-border-radius: .375rem; padding: 10px; }
.accent-custom .product_imgdiv img { max-width: 100%; max-height: 400px; }
.accent-custom .product_imgdel { position: absolute; right: -10px; top:-15px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #db0b00;  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 10px; font-size:16px; color:#ffffff; } 

.accent-custom .prodlist_img img { max-height: 100px; }

.accent-custom .multiselectdiv .multiselect-container>li>a>label { padding: 3px 10px 3px 10px; }
.accent-custom .multiselectdiv .multiselect-container>li>a { color:var(--black); }
.accent-custom .multiselectdiv .dropdown-menu { min-width:220px; }

.accent-custom .viewimages_wrapper img { max-width: 100%; }
.accent-custom .store_imgdiv { width: 100%;  display: flex; flex-flow:row wrap; position: relative; border: 1px solid #ced4da; border-radius: .375rem; -moz-border-radius: .375rem; -webkit-border-radius: .375rem; padding: 10px; justify-content: center; }
.accent-custom .storeimg { height: 195px; width: 100%; display: flex; align-items: center; justify-content: center; }
.accent-custom .store_imgdiv img { max-width: 100%; margin-bottom: 5px; max-height: 180px; }
.accent-custom .store_imgdel { position: absolute; right: -10px; top:-15px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #db0b00;  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 10px; font-size:16px; color:#ffffff; }  
.videoWrapper {
  /* position: relative; */
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  border: none !important;
  }
  
  .videoWrapper audio,
  .videoWrapper iframe,
  .videoWrapper object,
  .videoWrapper video,
  .videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

  .videoWrapper.audio {
    position: relative;
    padding-bottom: 20%; /* 16:9 */
    padding-top: 0;
    height: 0;
    border: none !important;
    }

    .accent-custom .leaderboard_listitem { width: 100%; display: flex; flex-flow:row wrap; border:1px solid var(--grey); padding: 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

    .accent-custom .lb_count { width: 35px; height: 35px; display: inline-flex; justify-content: center; align-items: center; background-color: var(--white); border: 2px solid var(--lightblue); color: var(--lightblue); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size: var(--f_sz18); }
    .accent-custom .lb_hunterimg img { width: 45px; }
    .accent-custom .lb_geotagimg img { width: 35px; }

    .accent-custom .leaderboard_tbl > tbody > tr:nth-child(odd) { background-color:var(--lightblue1); }
    .accent-custom .leaderboard_tbl > tbody > tr:nth-child(even) { background-color:var(--lightblue2); }

.accent-custom a.page-link, .accent-custom a.page-link:hover, .accent-custom a.page-link.active { color:var(--black); }


@media (max-width: 767px) {
.accent-custom .footer_logotxt { text-align: center; }
.accent-custom .footer_copyrgt { text-align: center; }
}

/*.status-text {
     font-weight: bold; 
  }*/
  
  .status-text.shipped {
    color: blue; /* Example: Blue for Shipping */
  }
  
  .status-text.delivered {
    color: green; /* Example: Green for Delivered */
  }
  
  .status-text.cancelled {
    color: red; /* Example: Red for Cancelled */
  }
  
  .status-text.ordered {
    color: orange; /* Example: Orange for Ordered */
  }

/*table */
  .count-link {
    text-decoration: none;
    color: #007bff;
    cursor: pointer;
  }
  
  .count-link:hover {
    text-decoration: underline;
  }