<commit_before>html, body {
  width: 100%;
  overflow-x: hidden;
  background-color: @white;
}

body {
  font-family: OpenSansRegular;
}

.nav a, .pagination a, .carousel a, .panel-title a { cursor: pointer; }

#wrapper {
  position: relative;
  z-index: 2;
  opacity: 0;
  width: 100%;
  min-height: 100%;
  background-color: @white;
  -webkit-transition: all 2s; /* For Safari 3.1 to 6.0 */
  transition: all 2s;
}

#version, #versionbranch, #browserVersion {
  font-size: 12px;
  color: @lightgray;
  text-align: center;
}

#version {
  margin-top: 0.3em;
}

#browserVersion {
  display: none;
  margin-top: 20px;
}

#section_loader {
    color: @midgray;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
} 

body.loaded #version,
body.loaded #versionbranch {
  display: none;
}

body.loaded #wrapper {
  opacity: 1;
}

body {
  &.snapjs-left {
    .mobile-nav {
      left: 0;
    }
  }
}

#noWebSockets {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);

  .loading_text {
    padding-top: 10px;
  }

  p{
    margin: 50px 0 0 0;
  }
}

#noWebSockets {
  margin: 100px 40px 0 40px;
}

.websockets #noWebSockets, .no-websockets #appLoading {
  display: none;
}

.no-websockets #noWebSockets {
  display: block;

  p {
    line-height: 1.8em;
    margin-left: 25%;
    margin-right: 25%;
  }
}

#appLoading{
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 80px;
  margin-left: -75px;
  margin-top: -40px;
  z-index: 10;
  transform: translateY(800px);
  -webkit-transform: translateY(800px);
  opacity: 1;
  -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
  transition: all 1s;

  .loading_text {
    padding-top: 10px;
  }

  p{
    margin: 50px 0 0 0;
  }
}

body.loading {

  #appLoading {
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
  }
}
body.loaded {
  overflow: auto;
  #appLoading {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    opacity: 0;
  }
}

.pageLoading {
  text-align: center;
  margin-top: 30px;
}

#logo {
  color: @white;
  .icon-ripple-logo();
}

header {

	.nav > li > a:hover, .nav > li > a:focus {
		background-color: transparent;
	}
	
	ul.nav.navbar-nav.topMenu {
		padding-left: 15px;
	}
	<commit_msg>[FIX] Horizontal scroll on small devices(RT-3495)<commit_after>html, body {
  width: 100%;
  overflow-x: hidden;
  background-color: @white;
}

body {
  font-family: OpenSansRegular;
}

.nav a, .pagination a, .carousel a, .panel-title a { cursor: pointer; }

#wrapper {
  position: relative;
  z-index: 2;
  opacity: 0;
  width: 100%;
  min-height: 100%;
  background-color: @white;
  -webkit-transition: all 2s; /* For Safari 3.1 to 6.0 */
  transition: all 2s;
}

#version, #versionbranch, #browserVersion {
  font-size: 12px;
  color: @lightgray;
  text-align: center;
}

#version {
  margin-top: 0.3em;
}

#browserVersion {
  display: none;
  margin-top: 20px;
}

#section_loader {
    color: @midgray;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
} 

body.loaded #version,
body.loaded #versionbranch {
  display: none;
}

body.loaded #wrapper {
  opacity: 1;
}

body {
  &.snapjs-left {
    .mobile-nav {
      left: 0;
    }
  }
}

#noWebSockets {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);

  .loading_text {
    padding-top: 10px;
  }

  p{
    margin: 50px 0 0 0;
  }
}

#noWebSockets {
  margin: 100px 40px 0 40px;
}

.websockets #noWebSockets, .no-websockets #appLoading {
  display: none;
}

.no-websockets #noWebSockets {
  display: block;

  p {
    line-height: 1.8em;
    margin-left: 25%;
    margin-right: 25%;
  }
}

#appLoading{
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 80px;
  margin-left: -75px;
  margin-top: -40px;
  z-index: 10;
  transform: translateY(800px);
  -webkit-transform: translateY(800px);
  opacity: 1;
  -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
  transition: all 1s;

  .loading_text {
    padding-top: 10px;
  }

  p{
    margin: 50px 0 0 0;
  }
}

body.loading {

  #appLoading {
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
  }
}

body.loaded {
  overflow-x: hidden;
  overflow-y: auto;
  #appLoading {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    opacity: 0;
  }
}

@media (max-width: @screen-xs-max) {
  body.loaded {
    overflow-x: auto;
  }
}

.pageLoading {
  text-align: center;
  margin-top: 30px;
}

#logo {
  color: @white;
  .icon-ripple-logo();
}

header {

	.nav > li > a:hover, .nav > li > a:focus {
		background-color: transparent;
	}
	
	ul.nav.navbar-nav.topMenu {
		padding-left: 15px;
	}
	
{'fraction_non_alphanumeric': 0.15618090452261307, 'fraction_numerical': 0.04663316582914573, 'mean_word_length': 2.815950920245399, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 0, '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': '5420643', 'n_tokens_mistral': 2204, 'n_tokens_neox': 1955, 'n_words': 455}