.select2-close-mask{
  z-index: 2099;
}
.select2-dropdown{
  z-index: 3051;
}

.sales-details-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .sales-details-items {
        flex-direction:column;
        align-items: start
    }
}

@media(max-width: 767px) {
    .sales-details-items .details-item {
        margin-bottom:20px
    }
}

.sales-details-items .details-item h6 {
    margin-bottom: 15px;
    font-size: 15px;
    color: #092c4c
}

.sales-details-items .details-item p {
    font-size: 14px;
    color: #5b6670
}

.sales-details-items .details-item h5 {
    color: #28c76f;
    font-size: 15px
}

.sales-details-items .details-item h5 span {
    display: block;
    color: #5b6670
}
.invalid-feedback{
    display: block!important;
}
.tab-content{
    padding: 0;
    border: 0;
}
.nav-tabs .nav-link{
    border: 0;
    border-bottom: 2px solid transparent;
    color: #000;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border: 0;
    border-bottom: 2px solid #000;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border: 0;
    border-bottom: 2px solid #fa5723;
}
@media screen and (max-width:700px) {
    .tabla-detalle-salida tr td{
        display: block;
    }
    .stepper-item{
        font-size: 10px;
    }
    .stepper-item .step-counter{
        width: 30px;
        height: 30px;
    }
    .stepper-item::after{
        top: 15px;
    }
    .stepper-item::before{
        top: 15px;
    }
}
.text-right{
    text-align: right;
}
.btn-img{
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
}
.btn-img img{
    height: 23px;
    margin-left: 10px;
}

/* my own interpretation of Bootstrap callout */
.bs-callout {
    padding: 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 4px;
  }
  .bs-callout-xl {
    margin-left: 0px;
  }
  .bs-callout-lg {
    margin-left: 50px;
  }
  .bs-callout-md {
    margin-left: 100px;
  }
  .bs-callout-sm {
    margin-left: 150px;
  }
  .bs-callout-xs {
    margin-left: 200px;
  }
  .bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .bs-callout p:last-child {
    margin-bottom: 0;
  }
  .bs-callout code {
    border-radius: 4px;
  }
  .bs-callout+.bs-callout {
    margin-top: -5px;
  }
  .bs-callout-default {
    border-left-color: #777;
    background-color: #f7f7f9;
  }
  .bs-callout-default h4 {
    color: #777;
  }
  .bs-callout-primary {
    border-left-color: #428bca;
  }
  .bs-callout-primary h4 {
    color: #428bca;
  }
  .bs-callout-success {
    border-left-color: #5cb85c;
    background-color: #efffe8;
  }
  .bs-callout-success h4 {
    color: #5cb85c;
  }
  .bs-callout-danger {
    border-left-color: #d9534f;
    background-color: #fcf2f2;
  }
  .bs-callout-danger h4 {
    color: #d9534f;
  }
  .bs-callout-warning {
    border-left-color: #f0ad4e;
    background-color: #fefbed;
  }
  .bs-callout-warning h4 {
    color: #f0ad4e;
  }
  .bs-callout-info {
    border-left-color: #5bc0de;
    background-color: #f0f7fd;
  }
  .bs-callout-info h4 {
    color: #5bc0de;
  }
  /* bg transparency and disabled effects for Bootstrap callout */
  .bs-callout-default.transparent {
    background-color: rgb(247, 247, 249, 0.7); /*#f7f7f9*/
  }
  .bs-callout-success.transparent {
    background-color: rgb(239, 255, 232, 0.7); /*#efffe8*/
  }
  .bs-callout-warning.transparent {
    background-color: rgb(254, 251, 237, 0.7); /*#fefbed*/
  }
  .bs-callout-danger.transparent {
    background-color: rgb(252, 242, 242, 0.7); /*#fcf2f2*/
  }
  .bs-callout-info.transparent {
    background-color: rgb(240, 247, 253, 0.7); /*#f0f7fd*/
  }
  .bs-callout.disabled {
    opacity: 0.4;
  }
.btn-rigth{
  margin-right: 0;
  margin-left: auto;
}
.form-group-sm{
  margin-bottom: 10px;
}
.form-group-sm label{
  margin-bottom: 2px;
}
.form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}
.modal-body-table{
  background-color: #eef1f3;
  padding: 24px;
  margin-bottom: 20px;
  border-radius: 8px;
}

hr {
  background-color: #fff;
  opacity: 1;
  border: 1px solid rgb(27 135 84 / 18%);
}
.pr-2{
    padding-right: 10px;
}