.column1 .search .title-search {
  background: url(/common/design/user/css/img/background-h2-design-my.png) no-repeat 0 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
  text-indent: 0;
  padding-left: 45px;
  position: relative;
  margin-bottom: 10px;
}
.datepicker.dropdown-menu{
  z-index: 999 !important;
}
 .search .title-search:before {
  content: url(/common/design/user/css/img/icon-search.png);
  position: absolute;
  left: 15px;
  top: 6px;
}
.search .box {
  padding: 25px 30px;
  border: 1px solid #e9e9e9;
  background: #f8f8f8;
}
.text-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
}
.order-number input[type="text"] {
  max-width: 250px;
  width: 100%;
  height: 35px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 0 10px;
}
.date-time-gacha {
  display: inline-block;
  position: relative;
}
.date-time-gacha img {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
input.datepicker {
  max-width: 130px;
  width: 100%;
  border: 1px solid #e9e9e9;
  height: 35px;
  padding: 0 10px;
  font-size: 14px;
}
/*----------*/
.container-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 15px;
}
.container-checkbox:last-child{
  margin-right: 0;
}
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  background: url(/common/design/user/css/img/icon-check-gray.png) no-repeat 50%;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
  background: url(/common/design/user/css/img/icon-check-red.png) no-repeat 50%;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}
/*--------------*/
.box-search {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddd;
}
.group-search-box {
  background-color: #f8f8f8;
  padding: 20px 30px;
  border: 1px solid #e9e9e9;
}
.search .sbmt {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #fff;
  padding-top: 20px;
  text-align: center;
}
 .search .sbmt input[type="submit"] {
  width: 95px;
  height: 40px;
  text-indent: 0px;
  border-radius: 5px;
  background: #373737;
  color: #fff;
  font-weight: 700;
  overflow: hidden;
  cursor: pointer;
  border: none;
}
.text-status {
  display: -webkit-inline-box;
}
.order-accept {
  max-width: 95px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #e61e02;
  text-align: center;
  color: #fff;
  font-size: 14px;

}
.text-status p {
  font-size: 14px;
  color: #696969;
  line-height: 30px;
  margin-bottom: 0;
}
.l_txt {
  font-size: 16px;
  color: #696969;
  margin-bottom: 15px;
}
.l_txt a {
  color: #269fc2;
  font-size: 16px;
  text-decoration: underline;
}
p.total-fee{
  font-size: 16px;
  color: #696969;
}
.border-status {
  margin-bottom: 15px;
}
p.btn_repurchase {
  max-width: 180px;
  width: 100%;
  height: 50px;
  background-color: #e61e02;
  line-height: 50px;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
p.btn_repurchase a{
  color: #fff;
  font-weight: 700;
}
.content-pay-search{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px dotted #e9e9e9;
}
.content-right {
  display: contents;
}

.content-left {
  display: flex;
  align-items: center;
}
.content-product {
  margin-left: 20px;
}
.content-pay {
  border: 1px solid #e9e9e9;

}
.content-pay-search:last-child {
  border: 0;

}
.order-accept.cancel {
  background: #dcdcdc;
}
.order-accept.delivered {
  background: #37baeb;
}
.search_list h2{
  margin-bottom: 30px;
}
.page_navi {
  margin-top: 30px;
  padding: 10px 0;
  background-color: #f7f7f7;
}
.page_navi li span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  background: #fff;
  color: #2c2c2c;
  border-color: #fff;
  border-radius: 5px;
}
.page_navi li a{
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  background: #fff;
  color: #0095c6;
  border-color: #fff;
  border-radius: 5px;
}
.page_navi li a:link, .page_navi li a:visited {
  border-color: #fff;
}
 .page_navi li a:hover, .column1 .page_navi li a:active {
  color: #000;
  border-color: #fff;
  background-color: #fff;
  font-weight: 700;
}
.page_navi li{
  color: #0095c6;
}
 .status-pay {
   width: 100%;
   padding: 1px;
   border: 1px solid #e61e02;
   max-width: 95px;
   margin-right: 10px;
 }
 .status-pay-2
 {
   width: 100%;
   padding: 1px;
   border: 1px solid #dcdcdc;
   max-width: 95px;
   margin-right: 10px;
 }
 .status-pay-3
 {
   width: 100%;
   padding: 1px;
   border: 1px solid #37baeb;
   max-width: 95px;
   margin-right: 10px;
 }
.text-search-fail {
  text-align: center;
  margin: 30px auto;
}
 @media (max-width: 991px) {
   .search .title-search {
     font-size: 12px;
     line-height: 27px;
     background: url(/common/design/user/css/img/background-h2-design-my.png) no-repeat 0 0;
     position: relative;
   }
   .search .title-search:before {
     left: 8px;
     top: 8px;
     transform: scale(.8);
   }
   .box-search {
     display: inline-block;
     width: 100%;
   }

   .group-search-box {
     padding: 0px;
     border: 0;
   }

   .text-title {
     font-size: 12px;
     line-height: 10px;
     margin-bottom: 5px;
     margin-top: 16px;
   }

   input.datepicker {
     font-size: 12px;
   }

   input.datepicker {
     max-width: 100px;
     width: 100%;
   }

   .order-number input[type="text"] {
     max-width: -webkit-fill-available;
   }

   .order-number,
   .calendar-order {
     margin-bottom: 10px;
   }

   .container-checkbox {
     font-size: 12px;
     padding-left: 25px;
     margin-right: 10px;
   }
   .checkmark {
     transform: scale(.7);
   }
   .search .sbmt input[type="submit"] {
     font-size: 12px;
     padding: 0;
     margin: 0 auto 10px;
   }
   .search {
     background: #f8f8f8;
     padding:  10px 5px;
     border: 1px solid #e9e9e9;
   }
   .content-right {
     display: block;
   }
   .content-product {
     margin-left: 0;
   }
   .content-pay-search{
     padding: 0;
   }
   .content-pay-search-sp {
     padding: 10px;
     border-bottom: 1px dotted #e9e9e9;
   }
   .content-pay-search-sp:last-child{
     border-bottom: 0;
   }
   .order-accept {
      max-width: 65px;
      width: 100%;
      height: 25px;
      line-height: 25px;
      font-size: 10px;

    }
   .status-pay-2,
   .status-pay-3,
   .status-pay
   {
     max-width: 65px;
   }

   .text-status p {
     font-size: 10px;
     line-height: 25px;
   }
   .border-status{
     margin-bottom: 10px;
   }
   .l_txt {
     font-size: 12px;
     color: #696969;
     line-height: 16px;
     margin-bottom: 15px;
   }
   .l_txt a,
   p.total-fee{
     font-size: 12px;
     line-height: 16px;
   }
   p.btn_repurchase {
     max-width: 150px;
     width: 100%;
     height: 36px;
     line-height: 40px;
     border-radius: 5px;
     font-size: 14px;
     margin-bottom: 10px;
   }
   .content-pay {
     margin-top: 10px;
   }
   .page_navi li a,
   .page_navi li span{
     width: 20px;
     height: 20px;
     line-height: 20px;
     font-size: 12px;
   }
   .item_list h2{
     border: 0;
     padding-left: 0;
   }
 }

p.btn_not_repurchase {
  background-color: #dcdcdc;
}

.printing__method {
  font-size: 16px;
  color: #696969;
  line-height: 20px;
  letter-spacing: 0.25px;
}
.group_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 180px;
}

@media (max-width: 991px) {
  .printing__method {
    font-size: 12px;
    line-height: 16px;
  }
}