.search-container input[type="text"] {
  width: calc(100% - 100px);
  border: 1px solid #26bddf; }
.search-container button {
  margin-left: 10px;
  border: 0;
  background-color: #26bddf;
  color: white;
  transition: all ease 0.3s;
  border: 1px solid #26bddf; }
  .search-container button:hover {
    background: white;
    color: #26bddf;
    cursor: pointer; }

.list-search {
  margin: 15px auto; }
  .list-search .search {
    border: 1px solid #26bddf;
    border-radius: 0; }

.banner {
  text-align: center; }

.layout-list {
  padding-top: 0.1px; }
  .layout-list h1 {
    margin-top: 20px; }
  .layout-list #list {
    margin-top: 42px; }
    .layout-list #list ul {
      padding: 0;
      list-style: none; }
      .layout-list #list ul li {
        padding: 5px; }
        .layout-list #list ul li a {
          background-color: white;
          padding: 7px;
          margin: 5px;
          display: block;
          text-align: center;
          border: 1px solid #e3eaea; }
          .layout-list #list ul li a:hover {
            border: 1px solid #26bddf; }
  .layout-list .package-item {
    margin: 35px 0;
    background-color: white;
    padding: 10px;
    color: #666f6f;
    -webkit-box-shadow: 0px 0px 22px 0px #e0eae9;
    -moz-box-shadow: 0px 0px 22px 0px #e0eae9;
    box-shadow: 0px 0px 22px 0px #e0eae9; }
    .layout-list .package-item .item-body {
      padding-left: 80px; }
    .layout-list .package-item .image-package,
    .layout-list .package-item h2 {
      display: inline-block;
      vertical-align: top;
      margin-left: 15px; }
    .layout-list .package-item .image-package {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 1px solid #26bddf;
      overflow: hidden; }
      .layout-list .package-item .image-package img {
        width: auto;
        height: auto;
        width: 50px; }
    .layout-list .package-item h2 {
      position: relative; }
      .layout-list .package-item h2 .dependencies-count {
        font-size: 12px;
        top: 5px; }
      .layout-list .package-item h2:after {
        width: 70px;
        margin-left: 0; }

.list-result {
  list-style: none; }

.bullet-list a {
  display: block;
  display: block;
  text-align: left;
  transition: all ease 0.3s;
  margin-left: 10px; }
  .bullet-list a:before {
    content: "\2022";
    margin-right: 10px; }

.search-sort {
  min-width: 270px;
  margin-left: 10px; }

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px; }

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666f6f;
  margin-right: 5px; }

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #a7afaf;
  border-radius: 100%;
  background: #fff; }

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #07375f;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

@media (max-width: 767px) {
  .search-sort {
    width: auto;
    margin: 10px auto; } }
.row-category {
  flex-wrap: wrap; }
  .row-category .row > [class*='col-'] {
    display: flex;
    flex-direction: column; }
  .row-category > div {
    padding-top: 15px;
    padding-bottom: 15px; }
  .row-category .card,
  .row-category .card-body,
  .row-category .card-header {
    background-color: white;
    border-radius: 0;
    border: 0; }
  .row-category .card {
    height: 100%;
    position: relative;
    -webkit-box-shadow: 0px 0px 22px 0px #e0eae9;
    -moz-box-shadow: 0px 0px 22px 0px #e0eae9;
    box-shadow: 0px 0px 22px 0px #e0eae9; }
    .row-category .card .card-header a {
      color: #666f6f; }
    .row-category .card .card-body ul {
      padding: 0;
      list-style: none; }
      .row-category .card .card-body ul li {
        margin: 8px 0; }
      .row-category .card .card-body ul img.item-media {
        width: 20px;
        margin-right: 10px; }
      .row-category .card .card-body ul .list-item-more {
        position: absolute;
        bottom: -20px;
        right: 40px; }
        .row-category .card .card-body ul .list-item-more a {
          background-color: #26bddf;
          padding: 10px 20px;
          color: white;
          border: 3px solid #26bddf; }
          .row-category .card .card-body ul .list-item-more a:hover {
            background-color: white;
            color: #26bddf; }

.tag-list-cloud {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0; }
  .tag-list-cloud li a {
    display: block;
    padding: 8px 20px;
    margin: 5px;
    background: #26bddf;
    color: white;
    border-radius: 25px;
    border: 1px solid #26bddf; }
    .tag-list-cloud li a:hover {
      background: white; }

.card-contact {
  padding: 20px;
  background-color: white;
  border: 1px solid #e3eaea; }
  .card-contact .contact p {
    display: block;
    margin: 10px 25px; }
    .card-contact .contact p .fa {
      font-size: 32px;
      transition: all ease 0.3s; }
    .card-contact .contact p:hover .fa {
      color: #26bddf; }
    .card-contact .contact p > span {
      display: inline-block;
      vertical-align: middle; }
    .card-contact .contact p.presentation {
      width: 50%; }

@media (max-width: 767px) {
  .card-contact .contact p.presentation {
    width: 100%; } }
h2.article-package-title {
  position: relative;
  text-align: left;
  margin: 65px 0 30px;
  padding-left: 85px; }
  h2.article-package-title .number {
    font-size: 70px;
    position: absolute;
    top: -20px;
    left: 0;
    font-weight: bold;
    color: #a7afaf; }
  h2.article-package-title:after {
    position: absolute;
    left: 0;
    bottom: -42px;
    width: 80px;
    background-color: #26bddf; }

.btn-download {
  background-color: #26bddf;
  color: white;
  border-radius: 0;
  border: 1px solid #26bddf;
  margin-bottom: 20px; }
  .btn-download:hover {
    background-color: white; }

.layout-package #container-package .card {
  border-radius: 0; }
  .layout-package #container-package .card .card-block {
    padding: 20px; }
.layout-package #container-stats .card {
  border: 1px solid #26bddf;
  border-radius: 0;
  background-color: white;
  color: #26bddf;
  position: relative;
  padding: 10px;
  margin-bottom: 10px; }
  .layout-package #container-stats .card h3 {
    font-size: 24px; }
  .layout-package #container-stats .card .score {
    font-size: 3vw; }
.layout-package #nuget-content,
.layout-package #net-cli-content,
.layout-package #paket-content,
.layout-package #direct-download-content {
  background-color: #0f5565; }

body {
  background-color: #fbfbfb;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }
  body header {
    background: #07375f;
    background: -moz-linear-gradient(left, #07375f 0%, #26bddf 100%);
    background: -webkit-linear-gradient(left, #07375f 0%, #26bddf 100%);
    background: linear-gradient(to right, #07375f 0%, #26bddf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07375f', endColorstr='#26bddf', GradientType=1); }
    body header a {
      color: white; }
        body header a:hover {
            color: #fc3369;
        }
    body header input[type="text"] {
      border: 0; }
    body header .navbar-toggler {
      color: white !important; }
    body header .navbar-nav .nav-item a.dropdown-toggle {
      position: relative; }
      body header .navbar-nav .nav-item a.dropdown-toggle:after {
        position: absolute;
        top: 18px;
        right: -5px; }
  body #main-container {
    margin-top: 70px;
    padding-top: 0.1px; 

  }
  body a {
    color: #666f6f;
    transition: all ease 0.3s; }
    body a:hover {
      color: #26bddf;
      text-decoration: none; }
  body input[type="text"] {
    border-radius: 0; }
  body h1 {
    font-size: 3vw;
    color: #26bddf;
    font-weight: bold;
    text-align: center;
    margin: 20px 0; }
    body h1 span {
      display: block;
      font-size: 2vw;
      color: #5f8e98; }
  body h2 {
    text-align: center;
    color: #666f6f; }
    body h2.no-bar:after {
      display: none; }
  body h2:after {
    display: block;
    margin: 15px auto;
    content: "";
    background: #a7afaf;
    height: 3px;
    width: 10%; }
  body .header-section {
    margin-top: 15px; }
  body .col-aside h2 {
    text-align: left;
    padding-left: 20px; }
    body .col-aside h2:after {
      margin: 15px 0; }
  body .col-aside ul {
    list-style: none;
    padding: 0 40px; }
    body .col-aside ul li {
      position: relative; }
      body .col-aside ul li a {
        display: block; }
        body .col-aside ul li a:before {
          content: "";
          background: #a7afaf;
          height: 4px;
          width: 4px;
          position: absolute;
          top: 11px;
          left: -10px;
          transition: all ease 0.3s; }
        body .col-aside ul li a:hover:before {
          background: #26bddf;
          width: 15px;
          left: -18px; }
  body .fixed-bottom {
    border-top: 1px solid #a7afaf;
    background-color: white;
    padding: 8px 0;
    color: #a7afaf; }
    body .fixed-bottom #social-text {
      display: flex; }
      body .fixed-bottom #social-text a {
        padding: 0; }

/*# sourceMappingURL=skeleton.css.map */
.card-category .card-header {
    padding-bottom: 0px;
}
.card-category .card-body {
    padding-top: 0px;
}

body .layout-list h1 span {
    position:relative;
}

#footer {
    background-color: white;
    padding: 40px 8.333333%;
    margin: 0;
}

#footer ul {
    list-style:none;
    margin:0;
}

#footer ul li{
    margin:0 20px;
}

#banner-leaderboard {
    margin-bottom: 40px;
}

.banner-leaderboard-vertical {
    margin-bottom: 40px;
    display: block;
}

.carbon-poweredby {
    display: block;
    margin-top: 10px;
    color: #aab5b5;
}


#carbonads {
    position: static;
    display: block;
    max-width: 400px;
    padding: 15px 15px 15px 160px;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    background-color: white;
}

.carbon-img {
    float: left;
    margin-left: -145px;
}

.container-header-package #carbonads {
    max-width: 200px;
    padding: 15px;
    margin: 20px 0 ;
}


.container-header-package h1 {
   margin-right:20px;
   font-size:36px;
}

.container-header-package h1 span {
    font-size: 24px;
}

.container-header-package #carbonads .carbon-img {
    display:block;
    float:none;
    margin:0 0 20px 0;
    text-align:center;
}

.container-header-package #carbonads .carbon-img img{
    border: 1px solid gray;
}


@media (max-width: 767px) {
    #footer ul{
        margin-top:20px;
    }
    #footer ul {
        margin-top: 20px;
    }
    .container-header-package h1 {
        font-size:24px;
    }
}

.detail-article a {
    color: #26bddf;
}

.box-chatgpt {
    background-color: #222;
    color: #fff;
    padding: 15px 15px;
    box-shadow: 5px 10px #888888;
}

.box-chatgpt h2 {
    font-size: 24px;
    font-weight: bold;
    color: #337ab7 !important;
    text-align: left;
}