.MainSubHeader{
    color: var(--secondColor);
    border-bottom: 1px solid #d8d8d8;
    background-color: transparent;
    position: relative;
}
.MainSubHeader .container{
    position: relative;
}
.MainSubHeader .nav-tabs{
padding-left: 1rem;
}
.MainSubHeader .coderlinkbtn {
    background-color: #f09800;
    color: #fff;
    border-color:#f09800;
  }
.MainSubHeader .nav-tabs .nav-item .nav-link {
    color: var(--cloud);
    font-weight: 500;
    font-size: 1rem;
    padding: .6rem 1.2rem;
    border-radius: 0;
    border-bottom: 4px solid #f8f8f8;
}

.MainSubHeader .nav-tabs .nav-link.active {
    color: var(--cloud);
    background: none;
    border-bottom: 4px solid var(--cloud);
    border-top: none;
    border-right: none;
    border-left: none;
}
.MainSubHeader .nav-tabs .nav-link:hover:not(.active) {
    border: none;
    background-color: #a2a2a22b;
    border-top: none;
    border-right: none;
    border-left: none;
    height: 100%;
}
.MainSubHeader .nav-tabs-horizontal {
    padding-left: 0;
}
@media screen and (min-width: 769px) {
    .MainSubHeader .nav-tabs-horizontal {
      display: flex!important;
    }
  }
  @media screen and (max-width: 768px) {
    .MainSubHeader .nav-tabs-dropdown {
        display: block !important;
        color: var(--secondColor);
        background-color: #f8f8f8;
        border-radius: 0;
        position: relative;
        font-weight: 700;
        text-align: left;
      }
      .MainSubHeader .nav-tabs-dropdown:hover {color: var(--secondColor);}
      .MainSubHeader .nav-tabs-dropdown:focus {box-shadow: 0 0 0 0.2rem rgba(124, 66, 149, .25);}
      .MainSubHeader .nav-tabs-horizontal {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        position: absolute;
        top: 37px;
        right: 0;
        left: 0;
        z-index: 999;
        min-height: 20px;
        padding: 19px 0;
        margin-bottom: 20px;
        -ms-background-color: #fff;
        border-radius: 0px 0px .25rem .25rem;
        border-top: 1px solid #f1f1f1;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        text-align: left;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.15);
      }
      .MainSubHeader .nav-tabs .nav-link.active {
        color: var(--secondColor);
        background: none;
        border-left: 4px solid var(--secondColor);
        border-top: none;
        border-right: none;
        border-bottom: none;
    }
    .MainSubHeader .nav-tabs-horizontal  > li {
          float: none;
      }
      .MainSubHeader .nav-tabs-horizontal  > li + li {
          margin-left: 2px;
      }
      .MainSubHeader .nav-tabs-horizontal > li,
      .MainSubHeader .nav-tabs-horizontal > li > a {
          background: transparent;
          width: 100%;
      } 
      .MainSubHeader .nav-tabs-horizontal  > li > a {
          color: white;
      }
      .settings-tab-link .nav-item .nav-link {
        color: white;
    }
    .MainSubHeader .nav-tabs-horizontal  > li.active > a,
    .MainSubHeader .nav-tabs-horizontal  > li.active > a:hover,
    .MainSubHeader .nav-tabs-horizontal  > li.active > a:focus {
          color: #ffffff;
          background-color: #428bca;
      }
  }
  .MainSubHeader .nav-tabs-dropdown {
    display: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .MainSubHeader .nav-tabs-dropdown:before {
    content: "";
    background-image: url("../img/angle-down-solid.svg");
    font-family: 'Glyphicons Halflings';
    position: absolute;
    right: 0;
    background-size: 34% 100%;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: white;
    padding: 1rem;
    background-repeat: no-repeat;
    top: 0;
    width: 39px;
    height: 100%;
    display: flex;
  }
  .custom-control-label::before {
    position: absolute;
    top: 0.40rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.custom-control-label::after {
    position: absolute;
    top: .40rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}