<commit_before>// Semantic UI breakpoints
$mobile-breakpoint:        768px;
$tablet-breakpoint:        992px;
$small-monitor-breakpoint: 1200px;

/******* IMPORTS *******/
// Variables
@import "_base.scss";

// Template Specific
@import "admin.scss";
@import "layouts.scss";
@import "macros.scss";
@import "merchant.scss";
@import "shared.scss";
@import "vendor.scss";

//Fonts
body {
  font-family: 'Arial' !important;
}
// General nav

nav {
    margin-bottom: 55px !important;
}
.custom-nav-class {
  div.ui {
    background-color: #F4AD18 !important;
    color: #FFFFFF;
    height: 76px;
    font-size: 1em;
  }
  .item {
    font-weight: 300 !important;
    font-size: 1.15em;
    position: relative;
  }
  .item:after {
    background: rgba(255,255,255,0.35);
    content:'';
    position: absolute;
    width: 1px;
    height: 30px;
    top: 22.5px;
    right: 0px;
  }
  .item:before {
    display: none;
  }
  .item:last-of-type:after {
    display:none;
  }
  .header.item {
    border-left: none !important;
    text-transform: uppercase;
    position: relative;
  }
  .header.item:after {
    content:'';
    width: 2px;
    height: 50px;
    top: 12.5px;
    right: 0px;
    position: absolute;
    background: #FFFFFF;
  }
}

// Mobile nav
nav .mobile.only.row {
  .ui.vertical.menu {
    margin-top: 75px;
    display: none;
    background-color: #FFFFFF;
    z-index: 100000;
    a.item {
      background-color: #FFFFFF;
      border-bottom: 1px solid #CCC;
    }
    a.item:hover{ 
      background-color: #CCC;
    }
  }
}

// Flashes
.flashes > .ui.message:last-of-type {
    margin-bottom: 2rem;
}

// Tables
table.selectable tr:hover {
    cursor: pointer !important;
}

// General
body {
    font-family: $main-font;
}

// Common
// Title and Sub-title heading
.ui.header.page-header {
    .title {
        color: $darkest-gray;
        font-size: 24px;
    }

    .sub.header {
        color: $medium-gray;
        font-size: 16px;
    }
}

@media (max-width : $mobile-breakpoint) {
    .ui.header.page-header {
        text-align: center;
    }
}
// Custom flashing
.custom-flash {
  position: fixed !important;
  top: 50px;
  right: 10px;
  font-size: 1.5em;
  z-index: 1000;
  border-radius: 0px !important;
  border-color: transparent !important;
  div {
    color: #000 !important;
  }
}
.error-custom {
  background-color: red;
}
// Login

.custom-login {
  input {
    border-radius: 0px !important;
    margin-top: -10px !important;
    height: 60px;
    opacity: 0.85;
    font-weight: 200;
  }
  label {
    display: none !important;
  }
  #submit {
    width: 100% ;
    background: #3FC380;
    color: #FFF;
    font-weight: 500;
    font-size: 1.25em;
    margin-bottom: 20px;
    margin-top: 0px !important;
  }
  input:hover {
    opacity: 1;
  }
}
.form-red {
  color: red;
}
.login-contain {
  padding-top: 25vh !important;
}
.thin-title {
  font-weight: 200;
  font-size: 1.25em; 
  text-transform: uppercase;
  color: #FFFFFF;
}
.procure {
  font-weight: 500;
  font-size: 2.0em;
  line-height: 1.0em;
  color: #FFFFFF;
}
.login { 
  padding-bottom: 15px !important;
}
.login-extras {
  .login-forgot {
    color: #FFFFFF;
  }
  .login-keep {
    label {
      color: #FFFFFF !important;
    }
  }
}
<commit_msg>forced added guiders to app scss<commit_after>// Semantic UI breakpoints
$mobile-breakpoint:        768px;
$tablet-breakpoint:        992px;
$small-monitor-breakpoint: 1200px;

/******* IMPORTS *******/
// Variables
@import "_base.scss";

// Template Specific
@import "admin.scss";
@import "layouts.scss";
@import "macros.scss";
@import "merchant.scss";
@import "shared.scss";
@import "vendor.scss";

//Fonts
body {
  font-family: 'Arial' !important;
}
// General nav

nav {
    margin-bottom: 55px !important;
}
.custom-nav-class {
  div.ui {
    background-color: #F4AD18 !important;
    color: #FFFFFF;
    height: 76px;
    font-size: 1em;
  }
  .item {
    font-weight: 300 !important;
    font-size: 1.15em;
    position: relative;
  }
  .item:after {
    background: rgba(255,255,255,0.35);
    content:'';
    position: absolute;
    width: 1px;
    height: 30px;
    top: 22.5px;
    right: 0px;
  }
  .item:before {
    display: none;
  }
  .item:last-of-type:after {
    display:none;
  }
  .header.item {
    border-left: none !important;
    text-transform: uppercase;
    position: relative;
  }
  .header.item:after {
    content:'';
    width: 2px;
    height: 50px;
    top: 12.5px;
    right: 0px;
    position: absolute;
    background: #FFFFFF;
  }
}

// Mobile nav
nav .mobile.only.row {
  .ui.vertical.menu {
    margin-top: 75px;
    display: none;
    background-color: #FFFFFF;
    z-index: 100000;
    a.item {
      background-color: #FFFFFF;
      border-bottom: 1px solid #CCC;
    }
    a.item:hover{ 
      background-color: #CCC;
    }
  }
}

// Flashes
.flashes > .ui.message:last-of-type {
    margin-bottom: 2rem;
}

// Tables
table.selectable tr:hover {
    cursor: pointer !important;
}

// General
body {
    font-family: $main-font;
}

// Common
// Title and Sub-title heading
.ui.header.page-header {
    .title {
        color: $darkest-gray;
        font-size: 24px;
    }

    .sub.header {
        color: $medium-gray;
        font-size: 16px;
    }
}

@media (max-width : $mobile-breakpoint) {
    .ui.header.page-header {
        text-align: center;
    }
}
// Custom flashing
.custom-flash {
  position: fixed !important;
  top: 50px;
  right: 10px;
  font-size: 1.5em;
  z-index: 1000;
  border-radius: 0px !important;
  border-color: transparent !important;
  div {
    color: #000 !important;
  }
}
.error-custom {
  background-color: red;
}
// Login

.custom-login {
  input {
    border-radius: 0px !important;
    margin-top: -10px !important;
    height: 60px;
    opacity: 0.85;
    font-weight: 200;
  }
  label {
    display: none !important;
  }
  #submit {
    width: 100% ;
    background: #3FC380;
    color: #FFF;
    font-weight: 500;
    font-size: 1.25em;
    margin-bottom: 20px;
    margin-top: 0px !important;
  }
  input:hover {
    opacity: 1;
  }
}
.form-red {
  color: red;
}
.login-contain {
  padding-top: 25vh !important;
}
.thin-title {
  font-weight: 200;
  font-size: 1.25em; 
  text-transform: uppercase;
  color: #FFFFFF;
}
.procure {
  font-weight: 500;
  font-size: 2.0em;
  line-height: 1.0em;
  color: #FFFFFF;
}
.login { 
  padding-bottom: 15px !important;
}
.login-extras {
  .login-forgot {
    color: #FFFFFF;
  }
  .login-keep {
    label {
      color: #FFFFFF !important;
    }
  }
}

.guider {
  background: #FFF;
  border: 1px solid #666;
  font-family: arial;
  position: absolute;
  outline: none;
  padding: 4px 12px;
  width: 500px;
  z-index: 900001 !important;
  
  /* Shadow */
  -moz-box-shadow: 0 0px 8px #111;
  -webkit-box-shadow: 0 0px 8px #111;
  box-shadow: 0 0px 8px #111;
  /* End shadow */
  
  /* Rounded corners */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* End rounded corners */
}

.guiders_arrow {
  width: 42px;
  height: 42px;
  position: absolute;
  display: none;
  background-repeat: no-repeat;
  z-index: 900002 !important;
  
  /**
   * For optimization, the arrows image is inlined in the css below.
   * 
   * To use your own arrows image, replace this background-image with your own arrows.
   * It should have four arrows, top, right, left, and down.
   *
   * AND if you're super cool and use CSS arrows instead of the PNGs
   * please do us all a favor and issue a git pull to the GitHub project for this.
   * It's a nice-to-have improvement for this project.
   */
  background-image: '../images/guiders_arrows.png'
}

.guiders_arrow_right {
  display: block;
  background-position: 0px 0px;
  right: -42px;
}
.guiders_arrow_down {
  display: block;
  background-position: 0px -42px;
  bottom: -42px;
}
.guiders_arrow_up {
  display: block;
  background-position: 0px -126px;
  top: -42px;
}
.guiders_arrow_left {
  display: block;
  background-position: 0px -84px;
  left: -42px;
}

.guiders_button {
  background: -moz-linear-gradient(top, #5CA9FF 0%, #3D79C3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5CA9FF), color-stop(100%, #3D79C3));
  background-color: #4A95E0; /* Overruled by background gradient, in browsers where they exist */
  border: solid 1px #4B5D7E;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 75%;
  font-weight: bold;
  margin-left: 6px;
  min-width: 40px;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  /* Rounded corners */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  /* End rounded corners */
}

.guiders_buttons_container {
  height: 36px;
  position: relative;
  width: 100%;
}

.guiders_close {
  float: right;
  padding: 10px 0 0;
}

.guiders_content {
  position: relative;
}

.guiders_content h1 {
  color: #1054AA;
  float: left;
  font-size: 21px;
}

.guiders_content p {
  clear: both;
  color: #333;
  font-size: 13px;
}

.guiders_highlight {
  position: relative;
  z-index: 900003 !important; /* Should be larger than anything else on your page. */
}

#guiders_overlay {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 800001;
}

.guiders_x_button {
  background-repeat: no-repeat;
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4QOzRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAcAAAAcgEyAAIAAAAUAAAAjodpAAQAAAABAAAApAAAANAACvyAAA<KEY>YAAAAAAAEAMgAAAAEAWgAAAAYAAAAAAAEANQAAAAEALQAAAAYAAAAAAAE4QklNA/gAAAAAAHAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAOEJJTQQIAAAAAAAQ<KEY>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<KEY>ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw/eHBhY2tldCBlbmQ9InciPz7/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MT<KEY>);
  *background-image: url('guiders_x_button.jpg'); /* Asterisked properties only work in IE7 and below */
  cursor: pointer;
  height: 13px;
  width: 13px;
}

{'fraction_non_alphanumeric': 0.10083657960278435, 'fraction_numerical': 0.040168593141324475, 'mean_word_length': 4.657514450867052, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 34, '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': '4007846', 'n_tokens_mistral': 7415, 'n_tokens_neox': 6171, 'n_words': 854}