// Default bootstrap colours
$blue:    #0d6efd !default;
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #d63384 !default;
$red:     #dc3545 !default;
$orange:  #fd7e14 !default;
$yellow:  #ffc107 !default;
$green:   #198754 !default;
$teal:    #20c997 !default;
$cyan:    #0dcaf0 !default;

// Overriding some of the default colours
$yellow:       #ffb401;
$orange:       #e35b17;
$red:          #a70101;

$warning:      $yellow;
$info:         #87accc;

$warning-text-emphasis:  $orange;
$danger-text-emphasis:   #910303;

$tooltip-opacity: 1;
$tooltip-bg:                     var(--bs-primary) !default;
$tooltip-color:                        var(--bs-light) !default;

$font-size-base: 0.9rem;
$enable-validation-icons:       false;
$focus-ring-width:              .05rem;
$alert-padding-y:               0.5rem;
$alert-margin-bottom:           0.5rem;

$breadcrumb-margin-bottom: 0;

@import 'bootstrap_pre';
@import 'bootstrap_overrides';
@import 'bootstrap_post';

@import './../../pg_engine/app/assets/stylesheets/pg_rails_b5';
@import './../../pg_associable/app/assets/stylesheets/pg_associable';
@import './../../pg_layout/app/assets/stylesheets/sidebar';
@import './../../pg_layout/app/assets/stylesheets/animations';

@import 'bootstrap-icons/font/bootstrap-icons';

@import 'trix/dist/trix';
@import 'tom-select/dist/scss/tom-select.bootstrap5';

.ts-control {
  padding-top: 2px!important;
  padding-bottom: 2px!important;
  display: flex;
  gap: 4px;
}
.input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
	padding-top: 2px!important;
}
.ts-wrapper.multi .ts-control > div {
	margin: 0!important;
}
.ts-control:not(.rtl) {
	padding-right: 0.75rem !important;
}

$values: 0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100;

@for $i from 1 through length($values) {
  $value: nth($values, $i);
  $perc: #{percenage($value)};

  .column-truncate-#{$value} {
    max-width: 0;
    width: percentage($value * 0.01);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 30em * $value * 0.01;

    // FIXME: con css grid esto se debería poder hacer mejor
    // además, el pg_asociable directamente se rompe
    &:has(form) {
      min-width: 28em;
      overflow: initial;
    }
  }
}

$warning-border-emphasis:   shade-color($yellow, 60%);
.btn-toolbar .btn-warning {
  border: 1px solid $warning-border-emphasis;
}

$light-border-emphasis:   shade-color($light, 60%);
.btn-toolbar .btn-light {
  border: 1px solid $light-border-emphasis;
}

// .listado tr:has(td:hover):has(.bi-eye-fill) td {
// 	background-color: #f2f2f2;
// 	cursor: pointer;
// }