/* Bootstrap and customizations */
$table-cell-padding: .60rem !default;

$sizes: (
  0: 0%,
  1: 1%,
  2: 2%,
  3: 3%,
  4: 4%,
  5: 5%,
  6: 6%,
  7: 7%,
  8: 8%,
  9: 9%,
  10: 10%,
  15: 15%,
  20: 20%,
  25: 25%,
  30: 30%,
  35: 35%,
  40: 40%,
  45: 45%,
  50: 50%,
  55: 55%,
  60: 60%,
  65: 65%,
  70: 70%,
  75: 75%,
  80: 80%,
  85: 85%,
  90: 90%,
  95: 95%,
  100: 100%,
  150: 150%,
  200: 200%,
  250: 250%,
  300: 300%
);

@import '~bootstrap/scss/bootstrap.scss';

.dropdown-item-hover {
    @extend .dropdown-item:hover;
}

@each $prop, $abbrev in (max-width: w, max-height: h) {
    @each $size, $length in $sizes {
      .m#{$abbrev}-#{$size} { #{$prop}: $length !important; }
    }
  }

/* Add font awesome */
$fa-font-path: "~font-awesome/fonts";
@import '~font-awesome/scss/font-awesome';

/* Custom global rules */
.no-shadow {
    box-shadow: none !important;
    border-color: #CCC !important;
}

/* Add validation rules for angular classes */
.ng-dirty.ng-invalid.auto-invalid {
    @extend .is-invalid;
}

.ng-dirty.ng-invalid.auto-validstate {
    @extend .is-invalid;
}

.ng-dirty.ng-valid.auto-valid {
    @extend .is-valid;
}

.ng-dirty.ng-valid.auto-validstate {
    @extend .is-valid;
}

/* Cursor pointer class */
.cursor-pointer {
    cursor: pointer;
}

/* Remove glow from inputs */
.no-shadow { 
    box-shadow: none!important;
    border-color: #CCC!important;
}

/* Table with fixed layout */
.table-layout-fixed {
    table-layout: fixed;
}

/* Dropdown with toggle carret left */
.dropdown-toggle-left::before {
    @extend .dropdown-toggle::after;
    margin-left: unset;
    margin-right: 0.255em;
}

/* Make table wider for small screens */
@include media-breakpoint-down(sm) {
    .table-triple {
        min-width: 100%;
        max-width: 300%;
        width: auto;
    }
}