.combo-link{display: inline-flex;align-items:center;gap:6px;}
.btn-delete {background-color:#dc3545 !important;border-color:#dc3545 !important;color:#fff !important;}
.btn-edit {background-color:#28a745 !important;border-color:#28a745 !important;color:#fff !important;}
.step_box{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;}
.step_box h4.step_box_title{display:block;width:100%;text-align:center;font-size:22px;font-weight:600;margin:0;padding:0;line-height:1.5;text-transform:capitalize;letter-spacing:0.5px;}

.step_box .note{display:block;width:100%;margin:20px auto 40px;padding:12px;background:#1e3d591c;border:1px solid #1e3d59;border-radius:4px;text-align:center;font-size:16px;}
.step_box .note span{display:block;width:100%;margin:0px;padding:0;text-align:center;font-size:16px;line-height:1.2;color:#000;}
/* .combo_progress_wrapper .combo_step:first-child::before{content:'';position:absolute;left:0;top:25px;transform:translateY(-50%);width:100px;height:3px;background:#FFF;z-index:-1;} */
/* .combo_progress_wrapper .combo_step:last-child::after{content:'';position:absolute;right:0;top:25px;transform:translateY(-50%);width:100px;height:3px;background:#FFF;z-index:-1;} */
/* Admin side */
.combo_container{width: 100%;margin-left: 0;margin-right:20px;padding-left: 0px;padding-right:0px;max-width:1200px;}
.combo_container table tbody tr .action-buttons{display: flex; flex-wrap: wrap; gap: 5px;}
.combo_container table tbody tr .action-buttons .button-edit{background: #204260; color: white; border: none;}
.combo_container table tbody tr .action-buttons .button-edit:hover{background: #000000; color: white;}
.combo_container .combo_admin .title .notice{flex-basis: 100%; order: 2;}
.combo_admin{display: block;width: 100%;margin: 0;padding: 0;}
.combo_admin .title{flex-wrap: wrap;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;margin:20px 0 20px 0;padding:0;}
.combo_admin .title h1{display:inline-block;font-size:24px;font-weight:500;margin:0;padding:0;line-height: 1.3;}

#wpwrap #wpcontent #wpbody #wpbody-content .wrap form table tbody tr td label{display: block; font-weight: 500;}
#wpwrap #wpcontent #wpbody #wpbody-content .wrap form table tbody tr td select{margin-top: 10px;width: 100%; max-width: 100%;}
#wpwrap #wpcontent #wpbody #wpbody-content .wrap form table tbody tr td input.form-control{margin-top: 10px;width: 100%; max-width: 100%;}
#wpwrap #wpcontent #wpbody #wpbody-content .wrap form button{margin-right: 10px;}
#wpwrap #wpcontent #wpbody #wpbody-content .wrap h1{padding-bottom: 10px;}
#wpwrap #wpcontent #wpbody #wpbody-content .wrap form table tbody tr .borders{border-bottom: 1px solid  #eaecf0;}
#wpwrap #wpcontent #wpbody #wpbody-content .wrap form{border: 1px solid #c3c4c7;background-color: #fff;}
#wpwrap #wpcontent #wpbody #wpbody-content .wrap form table tbody tr .discount-total{ position: relative;}
#wpwrap #wpcontent #wpbody #wpbody-content .wrap form table tbody tr .discount-total input{  border: 1px solid #8c8f94;height: 28px;border-radius: 3px;padding-left: 20px;}
#wpwrap #wpcontent #wpbody #wpbody-content .wrap form table tbody tr .discount-total .dollar{position: absolute;align-items: center;display: flex;height: 0;font-weight: bold;font-size: large;left: 8px;top:8px;}

.timeline-container {display: block;width:100%;max-width:900px;margin: 0 auto;background: white;padding:0px;}
.timeline {display:flex;align-items:center;position:relative;margin-bottom:0;}
.timeline .circle{width:50px;height:50px;border-radius:50%;display: flex;align-items: center;justify-content: center;color:#FFF;font-weight:bold;font-size:18px;position: relative;z-index: 2;}
.timeline .circle.active {background-color: #1e3d59;}
.timeline .circle{background-color: #ccc;}
.timeline .line {height:3px;background-color:#ccc;flex:1;}
.timeline .line.active{height:3px;background-color:#1e3d59;flex:1;}
.timeline-container .text {font-size:18px;color:#000;font-weight:400;text-align: center;}
.timeline-container .active.text {font-size:18px;color:#1e3d59;font-weight:600;text-align: center;}



/* Admin side */
@media only screen and (min-width: 1441px) {
  .combo_container{max-width:1600px;}
}

@media only screen and (max-width: 1440px) {
  .combo_container{max-width: 1200px;}
}

@media only screen and (max-width: 1366px) {
  .combo_container{max-width:1200px;}
}

@media only screen and (max-width: 1280px) {
  .combo_container{max-width:1140px;}
}

@media only screen and (max-width: 1199px) {
  .combo_container{max-width: 960px;}
}

@media only screen and (max-width: 991px) {
  .combo_container{max-width:720px;}
}

@media only screen and (max-width: 767px) {
  .combo_container{max-width:540px;}
  .step_box .combo_progress_container .combo_progress_wrapper{width: 100%;}
  .step_box .combo_progress_container .combo_progress_wrapper{gap:10px;}
  .step_box .combo_progress_container .combo_step{max-width:calc(50% - 10px);}
  .step_box .combo_progress_container .combo_step .circle{width:30px;height:30px;font-size:14px;}
  .step_box .combo_progress_container .combo_step .product_name{font-size:14px;}
  .step_box .note span{font-size:14px;}
  .step_box .combo_progress_container .combo_line{top:14px;}
  .combo_progress_wrapper .combo_step:first-child::before{top:15px;width:80px;}
  .combo_progress_wrapper .combo_step:last-child::after{top:15px;width:80px;}

  .timeline .circle{width:40px;height:40px;}
  .timeline-container .text,
  .timeline-container .active.text{font-size:14px;}

}


@media only screen and (max-width: 479px) {
  .combo_container{max-width:100%;padding-left:12px;padding-right:12px;}
}

@media only screen and (max-width: 320px) {
  .combo_container{padding-left: 10px;padding-right: 10px;}
}

.multi-product-message {color:#ecaa1f;font-weight: 600;}
.disable-pointer {pointer-events: none;color: #fff;}