.p0{padding: 0 !important;}
.m0{margin: 0 !important;}

.box-diem{
  position: relative;
}

.form-date{
  position: relative;
  padding-right: 0;
}

.inner-search .title {
    font-size: 19px;
    background: #6b6b6d;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #f4f4f4;
    font-weight: 600;
}

.inner-search .title .fa-search{
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.typeahead, .tt-query, .tt-hint {
  font-size: 16px;
  outline: medium none;
  padding: 8px 36px;
}
.typeahead {
  background-color: #FFFFFF;
}
.typeahead:focus {
  border: 1px solid #0097CF;
}

.tt-hint {
  color: #999999;
}

.tt-menu {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 0px;
    padding: 8px 0;
    width: 100%;
}
.tt-suggestion {
  font-size: 14px;
  padding: 3px 15px;
}
.tt-suggestion:hover {
  cursor: pointer;
  background-color: #0097CF;
  color: #FFFFFF;
}
.tt-suggestion p {
  margin: 0;
}

.form-autocomplete .form-control{
  height: 34px;
  border: none;
  border-radius: 2px;
  width: 100%;
}
.twitter-typeahead{
  display: block !important;
}

.scroll-touch { 
  margin: 0 !important;
  text-align: left;
  padding: 10px;
}

* {
  -webkit-overflow-scrolling: touch;
}

.div-input-search .fa-search{
      position: absolute;
    color: #868686;
    top: 16px;
    font-size: 20px;
    z-index: 9;
    left: 24px;
}

.div-input{
  float: left;
  width: 21%;
  padding: 0 2px;
  position: relative;
}
.div-date{
  float: left;
  width: 15%;
  padding: 0 2px;
  position: relative;
}
.div-number{
  float: left;
  width: 28%;
  padding: 0 2px;
  position: relative;
  top: -2px;
}
.div-btn{
  float: left;
  width: 16%;
  padding: 0 2px;
  position: relative;
  top: 32px;
}

.div-input .form-control, .div-date .form-control{
    height: 44px;
    border-radius: 2px;
    padding-left: 35px;
    font-weight: 600;
    color: #c00027;
    font-size: 15px;
     border: 1px solid #c00027; 
}
.div-input i, .div-date label, .btn-pp i, .btn-pp2 i{
    position: absolute;
    font-size: 20px;
    color: #9199ac;
    cursor: pointer;
    left: 14px;
    top: 35px;
}
.div-date label{
  top: 27px;
  left: 12px;
}
.i-come{
    transform: rotate(90deg);
    top: 34px !important;
}
.btn.btn-pp, .btn.btn-pp2{
  height: 48px;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 0;
  padding-left: 16px;
  position: relative;
  width: 100%;  
  background-color: #ffffff;
  line-height: 48px;
  font-size: 18px;
  font-weight: 600;
}
.div-input .form-control:hover, .div-date .form-control:hover, .div-input .form-control:focus, 
.div-date .form-control:focus, .btn.btn-pp:hover, .btn.btn-pp:focus, .btn.btn-pp2:hover, .btn.btn-pp2:focus{
  border: 1px solid #c00027;
}
.btn.btn-orange-48 {
  color: #ffffff;
    background-color: #c00027;
    text-shadow: none;
    /*border-color: #c00027;
    border-bottom-color: #c00027;*/
    height: 48px;
    line-height: 46px;
    padding: 0;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    border-radius: 2px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.btn.btn-orange-48:hover, .btn.btn-orange-48:focus {
  background-color: #c00027;
  color: #ffffff;
}

/* IMPORT NEW MORE */
.datepicker-dropdown.datepicker-orient-right:before{
  left: 6px;
  right: auto;
}
.datepicker-dropdown.datepicker-orient-right:after {
    left: 7px;
    right: auto;
}

td.day label:first-child {
    display: inline;
    position: relative;
    top: -6px;
    left: -5px;
}

td.day label:last-child {
    display: inline;
    position: relative;
    top: 7px;
    left: 3px;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    color: #777 !important;
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 50px;
    height: 40px;
    border-radius: 0;
   border: 1px solid #ddd;
   color: #000;
}

.datepicker table tr td.active label {
    color: #ffffff !important;
}

.datepicker table tr.hide {
  display: none;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  opacity: 0.2;
}

.datepicker table tr td.new label {
    color: #c00027;
}

.datepicker table tr td.old label {
    color: red;
}

.datepicker table tr td.old label { opacity: 0; }

.datepicker table tr td.new label { display:none; }

.datepicker table tr td.old.today.active.day.disabled, .old.active.day.disabled, .old.active.day.disabled:hover {
    border: none;
    background-color: #fff;
}

.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
    border: none;
    background-color: #fff;
}

.datepicker table tr td.active.day {
    color: #fff;
    background-color: #c00027;
    border-color: #c00027;
}

th .prev.disabled, .datepicker .next.disabled, .datepicker .prev.disabled {
    display: block;
    border-bottom: 1px solid #ddd !important;
}

.open .box-select-option ul li{
  list-style: none;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
    padding: 8px 15px;
    border-bottom: 1px solid #ddd;
}

.open .box-select-option ul li:last-child {
  border-bottom: none;
}

.open .box-select-option ul li:hover{
  cursor: pointer;
  background-color: #c00027;
  color: #ffffff;
}
.kv-noi-dia{
  float: left;
  width: 50%;
}
.kv-quoc-te{
  float: left;
  width: 50%;
}
.box-select-option h3{
  font-size: 14px;
  font-weight: 600;
  padding: 0 15px;
  color: #c00027;
}
.box-select-option .title{
  padding: 0px 15px;
  background-color: #c00027;
  font-size: 16px !important;
  text-align: left;
  font-weight: 600 !important;
}

.box-select-option{
  display: none;
  position: absolute;
  top: 102%;
  left: 1px;
}
.open .box-select-option{
    display: block;
    z-index: 10;
    width: 627px;
    background-color: #f5f5f5;
    color: #ffffff;
    padding: 0px 0;
    margin-left: 2px;
    box-shadow: 0px 5px 10px #ccc;
}
.box-select-option>button{
  position: absolute;
  right: 0;
  top: 3px;
  background-color: transparent;
  z-index: 11;
}
.box-select-option>button .fa-times{
    color: #ffffff;
    font-size: 18px;
    top: 12px;
    left: 0;
}

.div-input-search .btn.btn-choice-area.btn-orange-34 {
    background-color: #c00027;
    font-size: 14px;
    font-weight: 600;
    width: 80px;
    height: 34px;
    position: absolute;
    right: 15px;
    top: 10px;
    border-radius: 4px;
    color: #ffffff;
}
.div-input-search .btn.btn-choice-area.btn-orange-34:hover, 
.div-input-search .btn.btn-choice-area.btn-orange-34:focus{
  background-color: #c00027;
  color: #ffffff;
}

.div-input-search{
  position: relative;
  padding: 10px 15px;
  background-color: #f5f5f5;
  position: relative;
  padding-right: 105px;
}
.div-input-search input{
  padding-left: 30px;
  box-shadow: none;
}
.div-input-search i{
  color: #b7b5b5;
  position: absolute;
  top: 17px;
  left: 25px;
  z-index: 1;
  font-size: 16px;
}

.txt-ellipse{
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.box-diem .tt-suggestion{
  color: #000000;
}

.box-diem .tt-suggestion:hover{
  color: #ffffff;
}

.div-input-search .fa-times{
  position: absolute;
    right: 110px;
    top: 14px;
    left: auto;
    cursor: pointer;
    padding: 5px;
    z-index: 9;
    color: #868686;
}
.input-err {
   border: 1px solid red;
}

.div-input-search .form-control.input-flight {
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.typeahead.dropdown-menu>li {
  padding: 3px 0px;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.typeahead.dropdown-menu>li:last-child {
  border-bottom: none;
}

.typeahead.dropdown-menu>li>a {
  padding: 5px 0px;
  cursor: pointer;
  font-weight: normal;
}

label.country-search {
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0;
    font-size: 13px;
    color: gray;
    display: block;
}

.open .box-select-option ul.typeahead li:hover{
  cursor: pointer;
  background-color: #ffffff;
  color: #333;
}

.typeahead.dropdown-menu>.active>a, .typeahead.dropdown-menu>.active>a:focus, .typeahead.dropdown-menu>.active>a:hover {
  background-color: #ffffff;
  color: #c00027;
}

ul.typeahead.dropdown-menu {
    padding: 0;
    max-height: 85vh !important;
    min-height: 85vh !important;
    background: #f5f5f5;
    width: 100% !important;
    left: 0 !important;
    top: 54px !important;
    border: none;
}

.div-date label.close-date-back, .div-date label.close-date-back-road, .div-date label.close-date-back-taxi {
  left: inherit !important;
  right: 12px;
}

.border-color-red {
    border-color: red;
}

.kv-quoc-te li, .kv-noi-dia li, .kv-quoc-te h3, .kv-noi-dia h3 {
  text-align: left;
}

.bg-grey{background-color: #f5f5f5 !important}



.label-top-flight {
    position: relative;
    /* top: -21px; */
    text-align: left;
    margin-bottom: 2px;
    font-size: 12px;
    color: #000000;
}
.btn-pp i{
  top: 14px;
  left: 12px;
}


.label-shk {
  float: left;
    position: absolute;
    left: 0;
    top: -30px;
    min-width: 120px;
}

.hide_prev_calendar {
    display: block;
    visibility: hidden;
}

.show_prev_calendar {
    display: table-cell;
    visibility: inherit;
}

.overlay-body {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  /*opacity: 0.5;*/
  display: none;
}

.overflow_hidden {
  overflow: hidden;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

.txl {
    text-align: left;
}

.custom-radio {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    color: #000000;
    font-family: "Roboto Condensed";
}

.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-radio .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    
}

.custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input ~ .checkmark {
    background-color: #ffffff;
    border: 1.4px solid #c00027;
}

.custom-radio input:checked ~ .text {
    font-weight: bold;
    color: #144e8c !important;
}

.custom-radio .text {
    color: #7D7D7D;
    font-weight: normal;
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 1.4px solid #c00027;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #c00027;
}

.journey-radio label:last-child {
  margin-left: 30px;
}

.journey-radio {
  margin: 20px 0 5px 0;
}

.div-number ul li {
    width: calc(100%/3);
    float: left;
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

.div-number ul li:first-child {
  padding-left: 0;
}

.div-number ul li:last-child {
  padding-right: 0;
}

.div-number ul li:nth-child(2) {
  padding-left: 5px;
  padding-right: 5px;
}

.div-number .action-num {
    text-align: center;
    padding: 7px 0;
    border: 1px solid #c00027;
    border-radius: 2px;
    margin: 5px 0;
    color: #c00027;
}

.div-number .label-num {
    /*font-weight: 500;*/
    color: #000000;
    margin-left: 6px;
    font-size: 12px;
}

.div-number .label-num.last {
  font-size: 11px;
}

.div-number .btn.btn-math {
    background-color: transparent;
    color: #c00027;
    padding: 0;
    width: 26px;
    height: 24px;
    line-height: 24px;
}

.div-number .action-num>span {
    width: 15px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: 2px;
    color: #c00027;
}

.div-date .form-control[readonly] {
    background-color: #ffffff;
}

.navbar.nav-date {
    background-color: #c00027;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    position: fixed;
    top: 0;
    z-index: 4;
    width: 100%;
    padding: 0;
    font-family: "Roboto Condensed";
    text-transform: uppercase;
}

#main-nav-date {
    display: none;
}

.navbar.nav-date button {
    font-size: 13px;
    position: absolute;
    left: 8px;
    font-style: normal;
    border: 1px solid #ffffff;
    height: 30px;
    width: 80px;
    margin-top: 9px;
    line-height: 28px;
    border-radius: 4px;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    font-weight: 600 !important;
    top: 0;
    background: transparent;
    text-transform: uppercase;
}

.box-select-option button.btn-close {
    font-size: 13px;
    position: absolute;
    left: 8px;
    font-style: normal;
    border: 1px solid #ffffff;
    height: 30px;
    width: 80px;
    margin-top: 9px;
    line-height: 28px;
    border-radius: 4px;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    font-weight: 600 !important;
    top: 0;
    background: transparent;
    font-family: "Roboto Condensed";
    text-transform: uppercase;
}

.nav-up {
  top: -68px;
}

.open .box-select-option ul li div.row-item-address {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.open .box-select-option ul li div.row-item-address span:last-child {
  font-size: 13px;
    color: gray;
}


@media (max-width: 1200px){
  .div-input{width: 18%;}
  .div-number{width: 34%;}
}

@media (max-width: 992px){
  .div-input{width: 50%;}
  .div-date{width: 25%; margin-top: 20px;}
  .div-number{width: 50%; margin-top: 20px;}
  .div-btn{width: 100%; margin-top: 20px;top:0;}
  .inner-search {
      padding: 10px 0px 0px 0px;
  }
  .back-flight .box-select-option {
      left: inherit;
      right: 2px;
  }
}

@media (max-width: 767px){
  .inner-search {
      padding: 5px 0px 0px 0px;
  }
  .open .box-select-option i.fa-window-close {
    top: 12px;
      font-size: 22px;
      color: #fff;
  }

  .kv-quoc-te, .kv-noi-dia{
    width: 100%;
  }

  .open .div-in-search{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    padding: 0;
  }
  
  .div-input-search .fa-search{
    color: #b7b5b5;
    position: absolute;
    top: 16px;
    left: 25px;
  }
  .box-select-option>button {
      right: auto;
      left: 0;
      position: fixed;
      top: 0px;
  }

  .div-input i.fa-window-close {
    color: #fff !important;
  }

  .inline-xs{display: inline-block !important;}
  
  .kv-quoc-te .btn.btn-orange-34{
    float: left;
    margin-top: 10px;
  }
  .kv-quoc-te .form-control {
      width: 100%;
      font-size: 13px;
    }
  
  .div-input-search .fa-times {
      right: 17px;
      left: auto;
      padding: 10px;
      top: 10px;
  }

  .fa-search:before {
      font-size: 18px;
  }

  .btn-close:hover {
    color: #fff;
  }

  .form-control.typeahead {
      height: 44px;
  }

  .scroll-touch {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    top: 0;
    position: absolute;
    margin-top: 115px !important;
      width: 100%;
  }

  .box-diem {
      margin-bottom: 0px;
  }

  .datepicker-dropdown:before {
    display: none;
  }

  .datepicker.datepicker-dropdown.dropdown-menu {
    top: 55px !important;
      left: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      width: 100%;
      border: none !important;
    box-shadow: none !important;
      border-radius: 0;
      display: block !important;
      -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  }

  .datepicker-days {
    padding: 0 5px;
    margin-top: 4px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  }

  .datepicker.datepicker-dropdown.dropdown-menu .table-condensed {
    width: 100%;
    border-radius: 0;
    border: 1px solid #ddd;
  }

  .form-date td label, .form-date th,
  .form-select-date td label, .form-select-date th {
      font-size: 14px;
      color: #000 !important;
  }

  .datepicker.datepicker-dropdown.dropdown-menu {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0;
    height: 100vh;
    -webkit-animation-duration: 300ms;
      animation-duration: 300ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: slideInDown;
      animation-name: slideInDown;
  }

  .datepicker.datepicker-dropdown.dropdown-menu.unset-animation {
    -webkit-animation-duration: 0ms;
      animation-duration: 0ms;
  }

  @-webkit-keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible; }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }

  @keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible; }
    to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

  .datepicker-dropdown.datepicker-orient-top:after, .datepicker-dropdown.datepicker-orient-top:before {
    border: none !important;
    display: none;
    border-radius: 0;
  }

  .datepicker.datepicker-dropdown.dropdown-menu .table-condensed tr td:first-child,
  .datepicker.datepicker-dropdown.dropdown-menu .table-condensed tr td:last-child,
  .datepicker.datepicker-dropdown.dropdown-menu .table-condensed tr th:first-child,
  .datepicker.datepicker-dropdown.dropdown-menu .table-condensed tr th:last-child {
    border-left: none;
  }

  th .prev.disabled, .datepicker .next.disabled, .datepicker .prev.disabled {
    display: block;
      border-bottom: 1px solid #ddd !important;
  }

  .datepicker-dropdown.datepicker-orient-right:after {
    display: none;
  }

  .table-condensed thead tr:nth-child(2) {
    border: 1px solid #ddd !important;
  }

  .datepicker table tr td, .datepicker table tr th {
      height: 52px;
      color: #000;
      font-weight: 600;
  }
  
  .box-select-option{
    left: 0 !important;
      right: 0 !important;
      transition: all 0.3s;
      display: block !important;
      width: 100%;
      position: fixed;
      top: -100%;
      right: 0;
      bottom: 100%;
      overflow: hidden;
      width: 100%;
      height: 100%;
      opacity: 0;
      background-color: #ffffff;
   }

   .scroll-touch .col-xs-12:first-child h3:first-of-type {
    margin-top: 10px;
   }

   .box-select-option h3 {
      margin-top: 30px;
   }

   .box-select-option .scroll-touch .col-12:first-child h3 {
    margin-top: 0;
   }
  
  .open .box-select-option {
      top: 0;
      transition: all 0.3s;
      opacity: 1;
      bottom: 0;
      background-color: #ffffff;
       border: none;
       width: auto;
    margin-left: 0;
  }

  .datepicker  {
      -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  }

  .title-mb {
    height: 48px;
      color: #fff;
      background-color: #c00027;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    font-weight: 600;
    font-family: "Roboto Condensed";
    text-transform: uppercase;
  }
  .div-input-search{
    position: relative;
    padding: 10px 15px;
    background-color: #f5f5f5;
  }
  .div-input-search input{
    padding-left: 35px;
        box-shadow: none;
  }
  .div-input-search i{
    color: #b7b5b5;
    position: absolute;
    top: 19px;
    left: 25px;
  }
  
  .open .box-select-option ul li {
      padding: 8px 15px;
      border-bottom: 1px solid #ddd;
  }

  .div-input-search .form-control.input-flight {
        height: 36px;
    border-radius: 100px;
  }

  .btn-close .fa-arrow-circle-left {
      font-size: 24px;
      color: #ffffff;
      top: 0px;
      position: relative;
      left: 0;
  }

  .box-select-option>button .fa-times {
      color: #ffffff;
      font-size: 18px;
  }
  .div-input, .div-date, .div-btn, .div-number {
      width: 100%;
      margin-top: 8px;
  }
}
@media (min-width: 729px){
  .scroll-auto {
    height: 500px;
    overflow: auto;
  }
  
  /* width */
  ::-webkit-scrollbar {
    width: 8px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 10px;
  }
}

.search-tool .nav-link {
  background: #fff;
  color: #006885;
  border: none;
  text-transform: uppercase;
  /*font-size: 13px;*/
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  font-weight: 500;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: black;
}

.search-tool .nav-tabs, .search-tool .nav-link.active, .search-tool .nav-link:hover {
  border: none;
}

#tab-panel-home li {
  width: 50%;
}

.background-image-none {
  background-image: none !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #006885;
}

.box-search  .tab-content {
  padding: 0 30px;
}

#my-orderd-detail .inner-search {
  padding: 10px 30px;
}

#my-orderd-detail .label-top-flight {
  font-size: 14px;
  font-weight: 500;
}

#my-orderd-detail .btn-yellow {
  position: relative;
  top: 28px;
}

@media (max-width: 768px) { 
  .box-search  .tab-content {
    padding: 0 10px;
  }

  #my-orderd-detail .inner-search {
    padding: 10px 10px;
  }

  .search-tool .nav-link {
    font-size: 13px;
  }

  #my-orderd-detail .btn-yellow {
    top: 0;
  }
}