<commit_before>// TODO: Remove at end of development - to be used it leave notes of issues encountered
.todo:before {
  content: 'TODO - Hover to Show';
  font-size: 1rem;
  &:hover { color: Green; }
}

.todo {
  // Temporarily removing prior to deploy.  Note - we eventually want this
  // controlled by environment variable, but that's taken some time.
  display: none !important;
  color: red;
  font-size: 0;
  &:hover {
    font-size: 12px;
    .done { font-size: 10px; }
  }
  .done {
    text-decoration: line-through;
  }
}
// END OF DEV css

.pointer {
  cursor: pointer;
}

//TODO: Include font. Currently missing.
// Declare primary font
@font-face {
  font-family: 'Myriad-Pro';
  src: url('app/fonts/MyriadWebPro.ttf');
}

//------------------------------------------------------------------------------
// Customizing which bootstrap files get imported, copied from bootstrap.scss
// Overriding the "variables.scss" file with our custom theme
//------------------------------------------------------------------------------

// Comment out unused component styles, so they won't be bundled in final CSS.
// If they're ever used in the future we can just un-comment.



@import "variables.scss";
@import "~bootstrap/scss/bootstrap";

//TODO: Import bootstrap piecemeal

// @import "~bootstrap/scss/functions";
// @import "~bootstrap/scss/mixins";
// @import "~bootstrap/scss/root";
// @import "~bootstrap/scss/reboot";
// @import "~bootstrap/scss/type";
// @import "~bootstrap/scss/images";
// // @import "~bootstrap/scss/code";
// @import "~bootstrap/scss/grid";
// @import "~bootstrap/scss/tables";
// @import "~bootstrap/scss/forms";
// @import "~bootstrap/scss/buttons";
// @import "~bootstrap/scss/transitions";
// @import "~bootstrap/scss/dropdown";
// @import "~bootstrap/scss/button-group";
// @import "~bootstrap/scss/input-group";
// @import "~bootstrap/scss/custom-forms";
// @import "~bootstrap/scss/nav";
// @import "~bootstrap/scss/navbar";
// @import "~bootstrap/scss/card";
// // @import "~bootstrap/scss/breadcrumb";
// // @import "~bootstrap/scss/pagination";
// // @import "~bootstrap/scss/badge";
// // @import "~bootstrap/scss/jumbotron";
// @import "~bootstrap/scss/alert";
// // @import "~bootstrap/scss/progress";
// @import "~bootstrap/scss/media";
// // @import "~bootstrap/scss/list-group";
// @import "~bootstrap/scss/close";
// @import "~bootstrap/scss/modal";
// // @import "~bootstrap/scss/tooltip";
// // @import "~bootstrap/scss/popover";
// // @import "~bootstrap/scss/carousel";
// @import "~bootstrap/scss/utilities";
// @import "~bootstrap/scss/print";



 @import "~font-awesome/scss/variables";
 @import "~font-awesome/scss/mixins";
 $fa-font-path: '~font-awesome/fonts';
 @font-face {
     font-family: 'FontAwesome';
     src: url('#{$fa-font-path}/fontawesome-webfont.ttf?v=${fa-version}') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

 @import "~font-awesome/scss/core";
 @import "~font-awesome/scss/larger";
 @import "~font-awesome/scss/fixed-width";
 @import "~font-awesome/scss/list";
 @import "~font-awesome/scss/bordered-pulled";
 @import "~font-awesome/scss/animated";
 @import "~font-awesome/scss/rotated-flipped";
 @import "~font-awesome/scss/stacked";
 @import "~font-awesome/scss/icons";
 @import "~font-awesome/scss/screen-reader";

@import "overrides";
@import "additions";

// Set a base font-size in px to ensure that we don't just use the browser's
// default text size. We use rems for font-sizes everywhere else.
html {
  font-size: 16px;

  // Optional - This may be removed!
  // Left in because it really demonstrates the value of rem based designs. We
  // can scale the entire layout, from element sizing to padding, just by
  // changing font-size here.
  @include media-breakpoint-up(sm){
    font-size: 14px;
  }
}

html, body {
  @include media-breakpoint-up(md){
    background-color: $gray;
  }
  // Content colour is determined in page framework
}
label:not(.no-bold) {
  font-weight: bold;
}


@import "~@ng-select/ng-select/themes/default.theme.css";

.ng-select.ng-select-disabled {
  &>.ng-select-container {
    background-color: $gray-200;
  }

  .ng-arrow-wrapper {
    display: none;
  }
}

.ng-select {
  min-width: 10rem;
}

//TODO: Move below to new file - 'additions.scss'?


.modal-header-primary {
  background: $color-primary;

  h2 {
    color: white;
    font-weight: 600;
  }
}

/*
Special accessibility class to hide things like labels but still have the readable by screen readers
 */
.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px; width: 1px;
  margin: -1px; padding: 0; border: 0;
}


/* Re-implementing .btn-default after 0.4.0 of mygovbc-bootstrap-theme
 * made it identical to .btn-primary.
 *
 * GitHub Issue:
 * https://github.com/bcgov/mygovbc-bootstrap-theme/issues/4#issuecomment-327599375
 */

.btn-default {
  color: #333;
  background-color: #f4f6f9;
  border-color: #ccc;
  &:hover:not(:disabled),
  &.active:not(:disabled) {
    color: #333;
    background-color: #d3dbe7;
    border-color: #adadad;
  }
  //Make btn-toggles selected colour match new primary colour.
  //If we want to make the change permanent after issue resolves,
  //Move into toggle.scss.
  &.btn-radio {
    background-color: #38598a !important;
  }
}
//Related to same mygovbc-bootstrap-theme 0.4.0 issue as above.
.btn-primary:hover {
  background-color: #294266;
}

.btn-primary {
  transition: background-color 0.3s;<commit_msg>Fix 'Add Spouse' hover styles.<commit_after>// TODO: Remove at end of development - to be used it leave notes of issues encountered
.todo:before {
  content: 'TODO - Hover to Show';
  font-size: 1rem;
  &:hover { color: Green; }
}

.todo {
  // Temporarily removing prior to deploy.  Note - we eventually want this
  // controlled by environment variable, but that's taken some time.
  display: none !important;
  color: red;
  font-size: 0;
  &:hover {
    font-size: 12px;
    .done { font-size: 10px; }
  }
  .done {
    text-decoration: line-through;
  }
}
// END OF DEV css

.pointer {
  cursor: pointer;
}

//TODO: Include font. Currently missing.
// Declare primary font
@font-face {
  font-family: 'Myriad-Pro';
  src: url('app/fonts/MyriadWebPro.ttf');
}

//------------------------------------------------------------------------------
// Customizing which bootstrap files get imported, copied from bootstrap.scss
// Overriding the "variables.scss" file with our custom theme
//------------------------------------------------------------------------------

// Comment out unused component styles, so they won't be bundled in final CSS.
// If they're ever used in the future we can just un-comment.



@import "variables.scss";
@import "~bootstrap/scss/bootstrap";

//TODO: Import bootstrap piecemeal

// @import "~bootstrap/scss/functions";
// @import "~bootstrap/scss/mixins";
// @import "~bootstrap/scss/root";
// @import "~bootstrap/scss/reboot";
// @import "~bootstrap/scss/type";
// @import "~bootstrap/scss/images";
// // @import "~bootstrap/scss/code";
// @import "~bootstrap/scss/grid";
// @import "~bootstrap/scss/tables";
// @import "~bootstrap/scss/forms";
// @import "~bootstrap/scss/buttons";
// @import "~bootstrap/scss/transitions";
// @import "~bootstrap/scss/dropdown";
// @import "~bootstrap/scss/button-group";
// @import "~bootstrap/scss/input-group";
// @import "~bootstrap/scss/custom-forms";
// @import "~bootstrap/scss/nav";
// @import "~bootstrap/scss/navbar";
// @import "~bootstrap/scss/card";
// // @import "~bootstrap/scss/breadcrumb";
// // @import "~bootstrap/scss/pagination";
// // @import "~bootstrap/scss/badge";
// // @import "~bootstrap/scss/jumbotron";
// @import "~bootstrap/scss/alert";
// // @import "~bootstrap/scss/progress";
// @import "~bootstrap/scss/media";
// // @import "~bootstrap/scss/list-group";
// @import "~bootstrap/scss/close";
// @import "~bootstrap/scss/modal";
// // @import "~bootstrap/scss/tooltip";
// // @import "~bootstrap/scss/popover";
// // @import "~bootstrap/scss/carousel";
// @import "~bootstrap/scss/utilities";
// @import "~bootstrap/scss/print";



 @import "~font-awesome/scss/variables";
 @import "~font-awesome/scss/mixins";
 $fa-font-path: '~font-awesome/fonts';
 @font-face {
     font-family: 'FontAwesome';
     src: url('#{$fa-font-path}/fontawesome-webfont.ttf?v=${fa-version}') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

 @import "~font-awesome/scss/core";
 @import "~font-awesome/scss/larger";
 @import "~font-awesome/scss/fixed-width";
 @import "~font-awesome/scss/list";
 @import "~font-awesome/scss/bordered-pulled";
 @import "~font-awesome/scss/animated";
 @import "~font-awesome/scss/rotated-flipped";
 @import "~font-awesome/scss/stacked";
 @import "~font-awesome/scss/icons";
 @import "~font-awesome/scss/screen-reader";

@import "overrides";
@import "additions";

// Set a base font-size in px to ensure that we don't just use the browser's
// default text size. We use rems for font-sizes everywhere else.
html {
  font-size: 16px;

  // Optional - This may be removed!
  // Left in because it really demonstrates the value of rem based designs. We
  // can scale the entire layout, from element sizing to padding, just by
  // changing font-size here.
  @include media-breakpoint-up(sm){
    font-size: 14px;
  }
}

html, body {
  @include media-breakpoint-up(md){
    background-color: $gray;
  }
  // Content colour is determined in page framework
}
label:not(.no-bold) {
  font-weight: bold;
}


@import "~@ng-select/ng-select/themes/default.theme.css";

.ng-select.ng-select-disabled {
  &>.ng-select-container {
    background-color: $gray-200;
  }

  .ng-arrow-wrapper {
    display: none;
  }
}

.ng-select {
  min-width: 10rem;
}

//TODO: Move below to new file - 'additions.scss'?


.modal-header-primary {
  background: $color-primary;

  h2 {
    color: white;
    font-weight: 600;
  }
}

/*
Special accessibility class to hide things like labels but still have the readable by screen readers
 */
.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px; width: 1px;
  margin: -1px; padding: 0; border: 0;
}


/* Re-implementing .btn-default after 0.4.0 of mygovbc-bootstrap-theme
 * made it identical to .btn-primary.
 *
 * GitHub Issue:
 * https://github.com/bcgov/mygovbc-bootstrap-theme/issues/4#issuecomment-327599375
 */

.btn-default {
  color: #333;
  background-color: #f4f6f9;
  border-color: #ccc;
  &:hover:not(:disabled),
  &.active:not(:disabled) {
    color: #333;
    background-color: #d3dbe7;
    border-color: #adadad;
  }
  //Make btn-toggles selected colour match new primary colour.
  //If we want to make the change permanent after issue resolves,
  //Move into toggle.scss.
  &.btn-radio {
    background-color: #38598a !important;
  }
}

.btn-primary {
  transition: background-color 0.3s;
{'fraction_non_alphanumeric': 0.1927766064717206, 'fraction_numerical': 0.011641763681364012, 'mean_word_length': 3.0452354467927325, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '298288', 'n_tokens_mistral': 3865, 'n_tokens_neox': 3613, 'n_words': 900}