@import 'vue-toastr';
@import "~vue-select/src/scss/vue-select.scss";

table.table-ventaPendientes{
    td{
        vertical-align: middle!important;
    }
}
img.modalPago.imagen {
    width: 200px;
    height: 200px;
    border-radius: 10%;
}
div.tables_wrapper{
    div.tables_processing{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        margin-left: -100px;
        margin-top: -26px;
        text-align: center;
        padding: 1em 0;
    }
}

form.formulario{
    .vs__dropdown-toggle {
        padding: 6px 0px;
    }
}
.vs--single {
    &:not(.vs--open) .vs__selected + .vs__search {
      // force this to not use any space
      // we still need it to be rendered for the focus
      width: 0;
      padding: 0;
      margin: 0;
      border: none;
      height: 0;
    }

    .vs__selected-options {
      // do not allow growing
      width: 0;
    }

    .vs__selected {
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%;
      overflow: hidden;
      margin: 2px 2px 0px 2px;
    }
  }
  /* List Items */
  .vs__dropdown-option {
    white-space: initial;
    clear: none;
    padding: 10px 15px;
  }