.loading .fa {
  font-size: 30px;
}

#iconWrap {
  display: inline-block;
  position: relative;
  margin-right: 40px;
  line-height: 125px;
  vertical-align: top;
}

.user-icon,
.org-icon {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  margin-right: 10px;
}

.table>tbody>tr>td.hash {
  position: relative;
  top: -1px;
  font-size: 14px;
}

.table>tbody>tr>td.hash .ellipsis {
  font-family: "Source Code Pro", Consolas,"Liberation Mono",Menlo,Courier,monospace;
  margin: 0;
  display: block;
}

/*** Repo page styles ***/

#repo-header-text .repoRelease {
  opacity: .5;
  font-weight: normal;
}

#repo-name-row {
  display: inline-block;
  max-width: 505px;
  padding-right: 30px;
  position: relative;
  margin: 0 0 8px 0;
}

.revisionless #repo-name-row {
  max-width: 790px;
}

#repo-name-row .repoName {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  vertical-align: middle;
  font-size: 48px;
  line-height: 1;
  color: #212125;
  font-weight: 600;
}


#repo-header .separator {
  color: #ADB0B3;
}

#repo-subheader {
  margin: 7px 0 0 0;
}

#repo-subheader .repoSummary {
  display: inline-block;
  vertical-align: top;
  max-width: 450px;
  color: #333339;
  word-wrap: break-word;
  margin: 0;
}

.revisionless #repo-subheader .repoSummary {
  max-width: 740px;
}

#repo-sources {
  margin-top: 15px;
  font-size: 18px;
}

#repo-header h3 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0;
}

#repo-header .authoritative-source a {
  margin: 0;
  color: #212125;
  border-bottom: 1px dotted;
}

#repo-header .authoritative-source a:hover {
  text-decoration: none;
  border-bottom: 1px solid;
}

#repo-header .run-btn.flat-btn {
  width: 250px;
  padding: 0 15px;
}

#repo-header .run-btn.flat-btn i {
  margin-right: 4px;
}

#container.light #repo-header .repoName,
#container.light #repo-header a.repo-action,
#container.light #repo-header #repo-subheader .repoSummary,
#container.light #repo-header .authoritative-source,
#container.light #repo-header .authoritative-source a {
  color: #FFF;
}

#container.light #repo-header #repo-subheader .repoSummary,
#container.light #repo-header h3 {
  opacity: .9;
}

#repo-header #downloadLink {
  text-align: center;
  margin-top: 10px;
  display: block;
  clear: right;
  width: 230px;
  float: right;
}

#repo-header #downloadLink a {
  font-size: 18px;
  color: inherit;
}

#repoWrap {
  margin-top: 25px;
}

.repo-head-contributor {
  line-height: 16px;
}

.repo-head-contributor img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 100%;
  float: left;
}

.repo-head-contributor time {
  color: #808080;
}

#repo-tables {
  padding: 20px 0;
  max-width: 950px;
}

.repo-get-started-label {
  font-size: 14px;
  padding: 10px;
  color: #888;
}

.inline-mini-user {
  display: block;
}

.inline-mini-user .company {
  color: #999;
}

.inline-mini-user .icon {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  margin-right: 7px;
  float: left;
}

.release-wrap h3,
.readme-wrap h3,
.script-wrap h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}

.readme-wrap,
.readme-wrap .markdown-body {
  font-size: 16px;
}

#eula-toggle,
.release-wrap h3 a {
  color: inherit;
  text-decoration: none;
}

img.repo-screenshot {
  max-width: 100%;
  margin: 15px 0;
}

.repo-readme.empty a {
  text-decoration: underline;
}

.prop-header {
  font-size: 16px;
  font-weight: 600;
  color: #9898A0;
  margin-bottom: 5px;
}

.right-side-props {
  text-align: left;
  color: #9898A0;
}

.right-side-props > ul > li {
  margin-top: 25px;
}

.right-side-props > ul > li:first-child {
  margin-top: 0;
}

.right-side-props .ellipsis {
  max-width: 100%;
  display: block;
}

.right-side-props .tag-badge.ellipsis {
  display: inline-block;
}

.right-side-props .empty {
  font-style: italic;
}

.right-side-props iframe {
  position: relative; /* Required for iframe to render correctly in IE8 */
}

@media all and (min-width: 1140px) {
  #repo-name-row,
  #repo-subheader .repoSummary {
    max-width: 650px;
  }

  .revisionless #repo-subheader .repoSummary {
    max-width: 740px;
  }
  
  .revisionless #repo-name-row {
    max-width: 790px;
  }
}

.markdown-body code,
.markdown-body code * {
  margin: 0;
  font-family: "Source Code Pro", Consolas,"Liberation Mono",Menlo,Courier,monospace;
  font-size: 13px;
}

.markdown-hint {
  text-align: right;
  font-size: 12px;
  color: #BBB;
}

.markdown-hint i {
  font-size: 20px;
  padding: 0 5px;
  vertical-align: middle;
}

.repo-description {
  overflow: hidden;
}

.repo-action {
  display: block;
  margin-bottom: 16px;
}

.repo-action img {
  width: 40px;
  height: 30px;
  padding-right: 10px;
}

.repo-action span {
  vertical-align: -2px;
  font-weight: 600;
}

.repo-action i {
  display: inline-block;
  background-color: #9898A0;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  margin-right: 10px;
  line-height: 30px;
  vertical-align: middle;
  color: #FFF;
  font-size: 17px;
  text-indent: 1px;
  font-weight: 700;
  text-align: center;
}

.repo-source img {
  width: 40px;
  height: 30px;
  padding-right: 10px;
}

.readme-wrap, .history-wrap, .release-wrap, #settings-wrap, .script-wrap {
  width: 640px;
  margin-right: 20px;
  float: left;
}

.right-wrap {
  width: 280px;
  float: left;
}

.prop-name {
  padding-left: 0;
  font-size: 16px;
  font-weight: 600;
}

.label-repo {
  color: #9898A0;
  padding-left: 2px;
  font-weight: 400;
}

.borderless-nav-tabs {
  border-bottom: 0 none;
}

.borderless-nav-tabs .nav-item a {
  color: #212125;
}

.borderless-nav-tabs .nav-item.active a {
  color: #EF3443;
}

@media all and (min-width: 1140px) {
  .readme-wrap, .history-wrap, .release-wrap, #settings-wrap, .script-wrap {
    width: 760px;
    margin-right: 40px;
  }
}

.repo-info {
  color: #ADB0B3;
}

.repo-history-table {
  font-size: 15px;
  table-layout: fixed;
}

.repo-history-table thead tr th {
  border-bottom: 1px solid #E5E5E5;
  color: #9898A0;
  font-weight: 400;
}

.repo-history-table thead tr th[data-sortable] {
  cursor: pointer;
}

.repo-history-table thead tr th.selected {
  color: #616366;
}

.repo-history-table thead tr th .fa-chevron-up,
.repo-history-table thead tr th .fa-chevron-down {
  font-size: 10px;
  vertical-align: middle;
}

.repo-history-table thead tr th .fa-chevron-up,
.repo-history-table thead tr th .fa-chevron-down {
  display: none;
}
.repo-history-table thead tr th[data-sort-dir="1"].selected .fa-chevron-up,
.repo-history-table thead tr th[data-sort-dir="-1"].selected .fa-chevron-down {
  display: inline-block;
}

.repo-history-table tbody tr td {
  vertical-align: middle;
  padding: 0 8px;
  height: 40px;
  line-height: 20px;
}

.repo-history-table>tbody>tr>td {
  border-top: 0 none;
}

.repo-history-table .flat-btn {
  font-size: 15px;
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
}

.repo-history-table .run-btn-group {
  display: inline-block;
}

.repo-history-table tbody tr:hover {
  background-color: #F7F9FA;
}

#repoIconWrap {
  height: 100px;
  width: 100px;
  line-height: 96px;
  border-radius: 4px;
  text-align: center;
}

#repoIconWrap.padded {
  padding: 20px;
  line-height: 56px;
}

#repoIconWrap img {
  max-height: 100%;
  max-width: 100%;
  border-radius: 4px;
}

.repo-button-wrap {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 10px;
}

input[type=range][orient=vertical] {
  writing-mode: bt-lr; /* IE */
  -webkit-appearance: slider-vertical; /* WebKit */
  width: 8px;
  padding: 0 5px;
  margin: auto;
}

#releases-modal .table,
#releases-modal .empty {
  margin-bottom: 0;
}

#releases-modal .modal-body {
  max-height: 400px;
  height: 400px;
  overflow: auto;
}


#repo-layers-table .col-icon-and-name input[type=checkbox] {
  margin-right: 10px;
}

#run-with-layers-wrap {
  padding: 20px;
  float: right;
  margin-top: 20px;
}

.collapsible-trigger {
  cursor: pointer;
}

.collapsible.collapsed {
  display: none;
}

.collapsible-state-open,
.collapsible-state-closed {
  font-size: 12px;
  vertical-align: middle;
}


.dashboard-breadcrumb-header {
  margin-bottom: 30px;
  position: relative;
}

.dashboard-breadcrumb {
  margin: 0;
  display: inline-block;
}

.dashboard-breadcrumb.ellipsis {
  max-width: 100%;
}

.dashboard-breadcrumb > * {
  margin-right: 8px;
}


#category-browser-table .repo-name {
  font-weight: 600;
}

#category-browser-table .repo-icon-wrap i {
  color: #fff;
  font-size: 25px;
  vertical-align: top;
}

#category-browser-table .borderless-table-body .repo-icon-wrap.padded {
  background-color: #999;
}

#hub-browser-wrapper .borderless-table {
  margin-bottom: 40px;
}

#container.run-page-wrap .splash-header {
  min-height: 600px;
}

#container.run-page-wrap #repo-header {
  background-color: #FFF;
}

#container.run-page-wrap #run-footer {
  position: absolute;
  bottom: 20px;
  right: 10px;
  left: 10px;
  opacity: .5;
}

#container.run-page-wrap #repo-links {
  margin-top: 15px;
  font-size: 18px;
}

#container.run-page-wrap #repo-links a.more-info-link {
  color: inherit;
}

#container.run-page-wrap #repo-links .gray-dropdown {
  display: inline-block;
  position: relative;
}

#container.run-page-wrap #repo-links .gray-dropdown {
  margin-right: 30px;
}

#container.run-page-wrap #repo-links .gray-dropdown .dropdown-menu {
  margin-top: 4px;
}

#container.run-page-wrap #repo-links .gray-dropdown .dropdown-menu>li>a {
  color: #212125;
}

#container.run-page-wrap #repo-links a i {
  position: absolute;
  right: -14px;
  top: 4px;
}

#container.run-page-wrap #repo-actions {
  margin-top: 40px;
}

#container.run-page-wrap #repo-actions .repo-run-action {
  display: inline-block;
  vertical-align: top;
}

#container.run-page-wrap #repo-actions .repo-run-action + .repo-run-action {
  margin-left: 14px;
}

#container.run-page-wrap .install-link-wrap {
  display: inline-block;
  width: 250px;
  text-align: center;
  margin-top: 10px;
}

#container.run-page-wrap a.install-link {
  color: inherit;
  border-bottom: 1px dotted;
}

#container.run-page-wrap a.install-link:hover {
  text-decoration: none;
  border-bottom: 1px solid;
}

#run-page-body {
  font-size: 16px;
}

#run-page-body .nav {
  padding-left: 15px;
}

#run-page-body .nav > li > a {
  font-size: 20px;
  line-height: 48px;
  padding: 0;
  position: relative;
  color: #3B3B3B;
}

#run-page-body .nav > li.active > a {
  color: #F1433B;
}

#run-page-body .nav > li > a:hover,
#run-page-body .nav > li > a:focus {
  background-color: transparent;
  color: #F1433B;
}

#run-page-body .nav > li.active > a:before {
  content: "\f054";
  position: absolute;
  left: -15px;

  font-family: FontAwesome;
  font-size: 10px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#run-page-body img {
  max-width: 100%;
  margin: 15px 0;
}

#related-repos {
  padding: 80px 0 60px 0;
}

#related-repos h2 {
  margin-bottom: 40px;
}

#related-repos .row {
  margin: 0 -10px;
}

#related-repos .col-xs-turbo-6,
#related-repos .col-md-turbo-3 {
  padding-left: 10px;
  padding-right: 10px;
}



#settings-wrap h3 {
  font-size: 18px;
  color: #212125;
  text-transform: uppercase;
  margin-top: 0;
}

#settings-wrap .settings-section > .row + .row {
  margin-top: 40px;
}

#settings-wrap .row + h3 {
  margin-top: 60px;
}

#settings-wrap .settings-section label.form-label {
  display: block;
  font-weight: bold;
  font-size: 15px;
  color: #999;
}

#settings-wrap .settings-section input.flat[type='checkbox'] + label {
  font-weight: bold;
  font-size: 15px;
  color: #999;
}

#settings-wrap .settings-row input[type=password],
#settings-wrap .settings-row input[type=text] {
  width: 300px;
}

#settings-wrap input[type=checkbox] {
  margin-right: 5px;
}

#settings-wrap .section.non-empty-value,
#settings-wrap .section.empty-value {
  display: none
}

#settings-wrap .multiselect.dropdown-toggle.btn {
  line-height: 22px;
  text-align: left;
}

#settings-wrap .multiselect-container.dropdown-menu li label {
  color: #333;
}

#settings-wrap .multiselect-container.dropdown-menu li.active label {
  color: #FFF;
}

#settings-wrap .settings-section input[type=text],
#settings-wrap .settings-section textarea {
  width: 100%
}

#settings-wrap .settings-section + .settings-section {
  margin-top: 80px;
}

#settings-wrap .settings-section h2 {
  margin-top: 0;
  font-size: 18px;
}

#settings-wrap .current-image {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 56px;
  position: relative;
}

#settings-wrap .current-image img {
  max-height: 56px;
  max-width: 100px;
}

#settings-wrap .no-img {
  width: 100%;
  height: 100%;
  border: 1px #F4f4f4 solid;
  color: #AAA;
  text-align: center;
  padding: 10px 0;
  line-height: 34px;
}

#settings-wrap .file-upload-btn {
  position: relative;
  overflow: hidden;
  margin: 10px;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}

#settings-wrap .file-upload-btn input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

#settings-wrap .current-image .delete {
  position: absolute;
  background-color: #222;
  width: 100%;
  height: 100%;
  opacity: 0;
}

#settings-wrap .current-image:hover .delete {
  opacity: 0.9;
}

#settings-wrap .current-image .delete .fa {
  margin: 15px 40px;
  display: block;
  font-size: 26px;
  color: #FFF;
  cursor: pointer;
}

#settings-wrap .current-image .loading {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
}

#settings-wrap .current-image .loading .fa {
  margin: 15px 40px;
  display: block;
  font-size: 26px;
  color: #FFF;
}

#settings-wrap .route-edit-list li .reorder-routes-control {
  visibility: hidden;
}

#settings-wrap .route-edit-list li:hover .reorder-routes-control {
  visibility: visible;
}

#settings-wrap .route-edit-list li .flat-btn {
  width: 120px;
}

#settings-wrap #layers-list li .flat-btn {
  width: 95px;
}

#settings-wrap .reorder-routes-control {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 34px;
  width: 16px;
  margin-right: 8px;
}

#settings-wrap .reorder-routes-control .fa-chevron-up {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

#settings-wrap .reorder-routes-control .fa-chevron-down {
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

#settings-wrap .route-edit-list li:first-child + li.route-row .reorder-routes-control .fa-chevron-up {
  opacity: .25;
  cursor: default;
}

#settings-wrap .route-edit-list li.route-row:last-child .reorder-routes-control .fa-chevron-down {
  opacity: .25;
  cursor: default;
}

#settings-wrap .route-edit-list .routeRule {
  max-width: 250px;
  display: inline-block;
  vertical-align: middle;
}

@media all and (max-width: 679px) {
  .run-page-wrap .col-md-turbo-9 + .col-md-turbo-3 {
    margin-top: 40px
  }

  .run-page-wrap.platform-page .col-md-turbo-7 + .col-md-turbo-5 {
    margin-top: 40px;
  }

  .run-page-wrap #repo-actions .repo-run-action + .repo-run-action {
    margin-top: 20px;
    margin-left: 0;
  }

  .run-page-wrap .splash-header {
    min-height: 900px;
  }

  .run-page-wrap.with-video .splash-header {
    min-height: 1100px;
  }

  .run-page-wrap .splash-header-content,
  .run-page-wrap .splash-header-content .col-md-turbo-3 {
    text-align: center;
  }

  .run-page-wrap #iconWrap {
    margin: 0 0 20px 0;
  }

  .run-page-wrap.platform-page #repo-header .repo-icon-wrap {
    margin: 0 auto 20px;
    float: none;
  }
}