@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
/* Progress Bar Colors*/
html {
  scroll-behavior: smooth;
  overflow-y: hidden;
}

.collapse {
  transition-duration: 300ms;
  transition-delay: 0ms;
}

/* Responsive half Columns */
@media screen and (min-width: 968px) {
  .col-lg-0-5 {
    flex: 0 0 auto;
    width: 4.166666665%;
  }
  .col-lg-6-5 {
    flex: 0 0 auto;
    width: 54.166666665%;
  }
  .col-lg-11-5 {
    flex: 0 0 auto;
    width: 95.833333335%;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
}
@media screen and (max-width: 968px) {
  .col-lg-0-5 {
    display: none;
  }
  html {
    overflow-y: scroll;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
}
#sideNavCol {
  position: relative;
}

.bottomMost {
  position: absolute;
  bottom: 60px;
  left: 0px;
  padding-left: inherit !important;
}

.SideNavLink {
  border: transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: inherit !important;
}

.SideNavLink:nth-child(1) {
  top: 0px;
}

.SideNavLink:nth-child(2) {
  top: 68px;
}

.SideNavLink:nth-child(3) {
  top: 136px;
}

.SideNavLink:nth-child(4) {
  top: 204px;
}

.listingHTML {
  overflow-y: scroll !important;
}

@media screen and (max-width: 768px) {
  html {
    overflow-y: scroll !important;
  }
}
#codePane {
  position: relative;
}

#collapseButton[data-collapsed=false] {
  position: absolute;
  top: 44%;
  right: 101%;
  border: none;
  font-size: xx-large;
  line-height: 36px;
}

#collapseButton[data-collapsed=true] {
  position: absolute;
  top: 44%;
  right: 101%;
  border: none;
  font-size: xx-large;
  line-height: 36px;
}

.btn-outline-secondary, .form-control {
  border-radius: 0;
  border-color: #6d757c;
}

.sectionDetails {
  padding: 0;
  border: solid 1px black;
}

#codePane {
  border: solid 1px black;
}

#commentsRow, #detailsRow {
  border-top: transparent;
  border-bottom: transparent;
}

h5 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#navTabContent, pre, code {
  min-height: calc(100vh - 98px);
  max-height: calc(100vh - 98px);
  padding: 0;
  overflow-y: hidden;
}

code {
  overflow-y: scroll;
}

table {
  font-size: larger;
}
table th {
  padding-right: 20px;
}

.right {
  float: right;
  color: gray;
}

#titleSection {
  position: relative;
}

#buttonList {
  bottom: 0;
  right: 0;
  position: absolute;
}

#ActionButtons {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*Search button*/
#searchForm {
  position: relative;
}

#searchButton {
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 30px;
  padding-left: 13px;
  padding-left: 13px;
  border: transparent;
}

/*Comments section*/
#commentForm {
  position: relative;
}

.outputComments {
  max-height: 280px;
  overflow-y: scroll;
}

#addCommentButton {
  position: absolute;
  top: 0px;
  right: 0px;
  border: none;
  font-size: xx-large;
  line-height: 36px;
}

/* Progress Bar */
.progressWrapper {
  border-radius: 75px;
}

.progressItem {
  min-height: 20px;
  overflow-y: hidden;
}

.progressItem:nth-child(1) {
  border-radius: 75px 0 0 75px;
}

.progressItemSingle {
  min-height: 20px;
  overflow-y: hidden;
  border-radius: 75px;
}

.progressItem:nth-last-child(1) {
  border-radius: 0 75px 75px 0;
}

[data-lang=HTML] {
  background-color: #e34c26;
  color: transparent;
}

span[data-lang=HTML] {
  color: #e34c26;
  background-color: transparent;
}

[data-lang=CSS] {
  background-color: #563d7c;
  color: transparent;
}

span[data-lang=CSS] {
  color: #563d7c;
  background-color: transparent;
}

[data-lang=JavaScript] {
  background-color: #f1e05a;
  color: transparent;
}

span[data-lang=JavaScript] {
  color: #f1e05a;
  background-color: transparent;
}

[data-lang=PHP] {
  background-color: #4F5D95;
  color: transparent;
}

span[data-lang=PHP] {
  color: #4F5D95;
  background-color: transparent;
}

[data-lang=SQL] {
  background-color: #dcdcdc;
  color: transparent;
}

span[data-lang=SQL] {
  color: #dcdcdc;
  background-color: transparent;
}

[data-lang=Python] {
  background-color: #3572A5;
  color: transparent;
}

span[data-lang=Python] {
  color: #3572A5;
  background-color: transparent;
}

[data-lang="C#"] {
  background-color: #178600;
  color: transparent;
}

span[data-lang="C#"] {
  color: #178600;
  background-color: transparent;
}

[data-lang="C++"] {
  background-color: #f34b7d;
  color: transparent;
}

span[data-lang="C++"] {
  color: #f34b7d;
  background-color: transparent;
}

[data-lang=C] {
  background-color: #555555;
  color: transparent;
}

span[data-lang=C] {
  color: #555555;
  background-color: transparent;
}

[data-lang=Java] {
  background-color: #b07219;
  color: transparent;
}

span[data-lang=Java] {
  color: #b07219;
  background-color: transparent;
}

[data-lang=Ruby] {
  background-color: #701516;
  color: transparent;
}

span[data-lang=Ruby] {
  color: #701516;
  background-color: transparent;
}

[data-lang=Go] {
  background-color: #00ADD8;
  color: transparent;
}

span[data-lang=Go] {
  color: #00ADD8;
  background-color: transparent;
}

[data-lang=Rust] {
  background-color: #dea584;
  color: transparent;
}

span[data-lang=Rust] {
  color: #dea584;
  background-color: transparent;
}

[data-lang=Swift] {
  background-color: #ffac45;
  color: transparent;
}

span[data-lang=Swift] {
  color: #ffac45;
  background-color: transparent;
}

[data-lang=Kotlin] {
  background-color: #F18E33;
  color: transparent;
}

span[data-lang=Kotlin] {
  color: #F18E33;
  background-color: transparent;
}

[data-lang=Dart] {
  background-color: #00B4AB;
  color: transparent;
}

span[data-lang=Dart] {
  color: #00B4AB;
  background-color: transparent;
}

[data-lang=TypeScript] {
  background-color: #2b7489;
  color: transparent;
}

span[data-lang=TypeScript] {
  color: #2b7489;
  background-color: transparent;
}

[data-lang=Bash] {
  background-color: #89e051;
  color: transparent;
}

span[data-lang=Bash] {
  color: #89e051;
  background-color: transparent;
}

[data-lang=Powershell] {
  background-color: #012456;
  color: transparent;
}

span[data-lang=Powershell] {
  color: #012456;
  background-color: transparent;
}

[data-lang=JSON] {
  background-color: #f1e05a;
  color: transparent;
}

span[data-lang=JSON] {
  color: #f1e05a;
  background-color: transparent;
}

[data-lang=XML] {
  background-color: #0060ac;
  color: transparent;
}

span[data-lang=XML] {
  color: #0060ac;
  background-color: transparent;
}

[data-lang=YAML] {
  background-color: #cb171e;
  color: transparent;
}

span[data-lang=YAML] {
  color: #cb171e;
  background-color: transparent;
}

[data-lang=Markdown] {
  background-color: #083fa1;
  color: transparent;
}

span[data-lang=Markdown] {
  color: #083fa1;
  background-color: transparent;
}

[data-lang=Text] {
  background-color: #000000;
  color: transparent;
}

span[data-lang=Text] {
  color: #000000;
  background-color: transparent;
}/*# sourceMappingURL=pin.min.css.map */