@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900; /* Диапазон толщины */
      font-stretch: 75% 125%; /* Диапазон сжатия/растяжения (если есть) */
      font-style: normal;
  }
  body{
      font-family: "Inter", Arial, sans-serif !important;
      background-color:rgb(243, 243, 246) !important;
      font-size: 1rem;
      font-weight: 400;
  }
  span.badge.badge-Pending {
    background-color: orange;
}
@media (max-width: 993px) {
    .hidden-xs{
        display:none !important;
    }
    .sidebar{
        position: fixed !important;
        margin-top: 15px !important;
    }
    .navbar .navbar-body {
        background-color: transparent !important;
    }
}
.navbar .navbar-body .navbar-menu .nav-link{ background-color: transparent !important;}
  .navbar {margin-top:0px;background-color: white !important;}
  .navbar .navbar-left {
      background-color: #fff;
      margin-left: 250px;
      width: 250px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border: 1px solid #e2e4e9;
      border-bottom: none;
  }
  section.section-account br {
    display: none;
}
.info-box.info-box-table.info-box-invoices .btn-secondary {
    background-color: #495057;
    color: #ffffff;
}
.navleft {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    list-style: none;
    padding-left: 0px;
    width: 100%;
    align-items: center;
    margin-bottom: 0px;
}
li.headmenuitem a {
    padding: 10px 5px;
    text-decoration: none;
    font-size: 14px !important;
    color: #111111;
}
  .hideid {
    display: none;
}
  footer small {
    text-align: center;
    width: 100%;
    display: inline-block;
    color: grey;
}
  .nav-tabs-wrapper {
      margin: 24px 0px;
  }
  .nav-tabs-wrapper{
      background-color: #f9fafc;
      border-radius: 10px;
      border: 1px solid #e2e4e9 !important;
      overflow: visible;
  }
  .nav-tabs-wrapper .nav-tabs .slider{
      display:none !important;
  }
  .nav-tabs-wrapper .nav-tabs li.nav-item.active{
      background-color: #84b4ff;
      border-radius: 10px;
      font-weight:normal !important;
  }
  .nav-tabs-wrapper .nav-tabs li.nav-item:hover{
      background-color: #bad5ff;
      border-radius: 10px;
      cursor:pointer;
  }
  .nav-tabs-wrapper .nav-tabs li.nav-item:hover a{
      color:white !important;
      font-weight:400 !important;
  }
  .nav-tabs-wrapper .nav-tabs li.nav-item.active a{
      font-weight:400 !important;
      color:white !important;
  }
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
      background-color: transparent !important;
  
  }
  .nav-tabs-wrapper .nav-tabs li.nav-item{
      margin-top:0px;
      margin-right:10px;
  }
  .nav-tabs-wrapper .nav-tabs li.nav-item:first-of-type {
      padding:10px 50px !important;}
  .nav-tabs-wrapper .nav-tabs li.nav-item:last-of-type {
  padding:10px 50px !important;}
  .table-responsive.table-borders
  {border:0;}
  .table-responsive.table-borders tr
  {border:0;}
  
  .cloud, .section-account, section.card, .section-knowledgebase .row {
  background-color: color(srgb 0.9999 1 1);
  padding: 20px;
  border-radius: 20px;
  border: 1px solid color(srgb 0.8847 0.8941 0.9159);
  }
  .cloud .cloud-top .cloud-nav .level-1 .menu-item a {
      font-weight: 400;
      color: #000000;
  }
  section.section-main.nmrgsect.mainy {
      margin-left: auto !important;
  }
  .cardzz{
      border-color: #e3e4ea;
      cursor:pointer;
  }
  .cardzz:hover{
      border-color: #0051ff;
  }
  .navbar .navbar-left .navbar-brand {
      height:100%;
      padding:10px;
  }
  .navbar .navbar-left .btn-left-navbar{
      color:black;
  }
  nav.navbar.fixed-top {
    height: 80px;
}
  .sidebar {
      position: relative;
      border-radius: 20px !important;
      margin-top: 50px;
      padding-top: 10px;
      z-index: 9999999;
      border: 1px solid #e2e4e9;
      border-top-left-radius: 0px;
      border-top: none;
      border-top-right-radius: 0px;
      min-height: calc(100vh - 260px) !important;
  }
  .lefhr {
      width: 220px;
      height: 1px;
      margin: 0 auto;
      border-top: 1px solid #e2e4e9;
  }
  li.nav-item.oof {
      margin: 10px;
      border-radius: 15px;
      overflow: hidden;
  }
  .sidebar a.nav-link.active, .sidebar a.nav-link.active i {
      background-color: #e2e8ff !important;
      color: black !important;
  }
  
  .navbar .navbar-body {
      max-width: 1340px;
      margin:0 auto;
      min-height:56px
  }
  .menucrest {
      padding: 10px;
  }
  .menutoggle{
      width:16px;
      height:14px;
      background:url('../images/toggle.png') 100% 100%;
      margin-left: 10px;
  }
  .body-content {
      max-width: 1340px;
      margin: 0 auto;
  }
  small.d-block {
    float: right;
    text-align: right;
    font-size: 12px;
    color: #818181;
}
  .sidemenuslide {
    position: fixed;
    display:none;
    background-color: white;
    width: 100%;
    height: 27px;
    z-index: 99999;
    border-top: none !important;
    border: 1px solid #80808052;
    padding: 0px 45vw;
    top: 70px;
}
  @media (max-width: 993px) {
    .sidemenuslide {
        margin-top: 0px !important;
        display: block !important;
    }
      .body-content {
          margin-top:100px;
      }
      .btn-order {
          min-width: fit-content !important;
      }
  }
  .navbar-menu {
      background: transparent;
      padding: 0 10px;
      width:100%;
  }
  .btn.btn-order{
      border:1.5px solid #ff5400;
      font-weight:bold;
      min-width:210px;
      font-size: 14px;
  }
  .btn.btn-order:hover{
      background-color:#ff5400;
      color:white;
  }
  .root-boxes .root-box:hover {
      border-color: #0050ff !important;
      background-color: #f7f9ff !important;
  }
  .colmenu {
      font-size: 12px;
      font-weight: 400;
      line-height: 30px;
  }
  .section-main {
      background-color: #fff;
      border-radius: 20px;
      border: 1px solid #e2e4e9;
      min-height: calc(100vh - 200px) !important;
  }
  .body-content, .footer-content {
      width: 100%;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }
  @media (min-width: 994px) {
  
      .body-content .section-main {
          margin-left: 260px !important;
      }
  }
  .body-content .section-main{
      background-color: transparent;
      border: none;
  }
  .welcomep {
      max-width:640px;
      text-align:center;
      margin:0 auto;}
  body .footer-content .footer{max-width:1340px}
  .footer-content {
      width: 100%;
      margin: 0px !important;
      background-color: #f7f7f7;
      z-index: 9999 !important;
  }
  .footer {

    margin: 0px auto !important;
    padding: 70px 50px !important;
}
  .unlisted {
      padding: 5px;
  }
  .footer h5 {
      color: black;
      padding: 5px;
      font-size: 16px;
  }
  .unlisted li {
    font-size: 14px;
    font-weight:300;
}
  ul.footer-socials li {
      float: left;
      display: inline-block;
      max-width: 50px;
  }
  ul.footer-socials {
      padding: 5px;
  }
  ul.footer-socials img {
      max-width: 32px;
      margin: 2px;
      padding: 0px;
  }
  .bx2img {
      max-width: 122px;
  }
  .bx1img {
      max-width: 219px;
      padding-top: 20px;
  }
  .root-box{
      height: auto !important;
      text-decoration:none !important;
  }
  .root-boxes .root-box {
      border-radius: 20px;
  }
  .lilcard{
      width: 100%;
      background: white;
      border: 1px solid #d2d2d2;
      border-radius: 20px;
      text-decoration:none !important;
      padding:20px;
      height: 100%;
  }
  .lilcard h5{
      color:#212126;
      font-weight: bolder;
  }
  a.col-12.col-xs-6.col-md-4.card.mb-3.d-flex.flex-column.align-items-center.justify-content-center.root-box {
      min-height: 350px;
  }
  .root-box h3 {
      font-weight: bolder;
      font-size: 32px;
  }
  .lilcard:first-child{
      margin-bottom:20px !important
  }
  .justbox {
      background-color: transparent !important;
      border: none !important;
      margin: 0px !important;
  }
  section.section-main.homeclassmain.mainy {
      margin-left: auto !important;
  }
  
  .cardzz {
      border-radius: 20px !important;
      border:1px solid lightgray;
  }
  .colmenu {
      width: 100%;
      text-align: right;
      text-decoration: none;
      color: #212126;
  }
  .product-icon img {
      min-height: 145px;
      padding: 10px;
      
  }
  .catnextb{
      color:#ff5400;
      text-decoration:none;
  }
  .catnextb span{
      font-weight:bold;
      font-size:90%;
  }
  .cfz{
      border-top:none !important;
      padding: 13px 20px 0px 20px;
  }
  
  h1.mb-5 {
      max-width: 550px;
  }
  .cardzz .card-body {
      flex: 0 1 auto;
      padding-bottom: 0px;
      font-size: 15px;
  }
  .catbox a {
      color: black !important;
      text-decoration: none;
      font-weight: bold;
      font-weight: 700;
      line-height: 56px;
  }
  .bxm div {
      margin-top: 20px !important;
      align-self: flex-start;
      padding: 20px;
  }
  .bxm div p{
      color:gray;
  }
  a.navbar-brand img {
      max-width: 145px;
  }
  .d-flex.flex-column.justify-content-start.align-items-start {
      padding: 10px;
      background-color: #ffffff;
      border-radius: 15px;
  }
  .pairtext img{
    max-width: 480px;
margin: 0 auto;}
  section.section-main.homeclassmain.mainy {
      margin-bottom: 20px;
      min-height: 0px !important;
  }
  button.btn-fbrx {
      margin: 0 auto;
      border: 1px solid #0051ff;
      width: 100%;
      font-weight: 700;
  }
  button.btn-fbrx:hover{
      color:white;
      background-color:#0051ff;
  }
  .procbody {
      width: calc(100% + 20px);
      margin-left: -10px;
      margin-right: -10px;
      padding: 20px;
      text-align: left;
      font-size: 14px;
      margin-bottom: -10px;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      background: #ffffff !important;
  }
  .btn-fbrx, .btn-order {
      border-radius: 10px !important;
  }
  .bordered-section {
      border: 1px solid #e2e2e4;
      border-radius: 20px !important;
      overflow: hidden;
    
      }
      .inservicetable a {
          color: #707683;
      }
      .inservicetable td {
          color: #707683 !important;
      }
      button#service-filters {
          margin-right: 7px;
          background: transparent;
          color: #747a87;
      }
  .bordered-section:hover{
      cursor:pointer;
      border: 1px solid #0050ff;
  }
  .bordered-section:hover button.btn-fbrx{
      color:white;
      background-color:#0051ff;
  }
  .inservicetable th a {
      color: #888;
      text-decoration: none;
  }
  .serlabel-ed {
      display: none !important;
  }
  .service-name-labeled a{
      text-decoration:none;
  }
  .service-name-labeled span {
      color: #212529;
  }
  button.btn.btn-success.btn-md, a.btn.btn-success.btn-sm{
     background-color: transparent;
      color: green;
      border-radius: 10px;
  }
  button.btn.btn-success.btn-md:hover, a.btn.btn-success.btn-sm:hover{
      background-color: green;
      color: white;
      border-radius: 10px;
  }
  button.btn.btn-primary.btn-lg.btn-w-100.btn-md-w-auto.my-4, a.btn.btn-primary, button.btn.btn-primary.btn-lg.btn-long.my-4 {
      background-color: transparent;
       color: #0050ff;
       border-radius: 10px;
  }
  button.btn.btn-primary.btn-lg.btn-w-100.btn-md-w-auto.my-4:hover, a.btn.btn-primary:hover, button.btn.btn-primary.btn-lg.btn-long.my-4:hover {
      background-color: #0050ff;
      color: white;
      border-radius: 10px;
  }
  .product-icon img {
      max-width: 150px;
  }
  .card-text {
      color: #46516f;
  }
  .card-footer.cfz.bg-transparent.d-flex.align-items-left {
      padding: 5px 20px;
  }
  .card.accordion {
      border-radius: 20px;
      overflow: hidden;
  }
  .card.accordion .card-header{
      background-color: #f8f9fa;
      color: #888;
  }
  .catdescr {
      max-width: 560px;
      padding-top: 10px;
      padding-bottom: 20px;
  }
  span.postorder {
      color: #454444;
  }
  
  span.postorder p {
      margin-top: 20px;
      color: black;
  }
  span.badge.badge-secondary.badge-top {
      background-color: #ff5402 !important;
      color: white !important;
  }
  .ordernumb {
      border: 1px solid #e5e5e5;
      border-radius: 20px;
      background-color: #f7f7f7;
      display: flex
  ;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: flex-start;
      padding: 20px;
  }
  .procbody {
      min-height: 238px;
      display: flex
  ;
      flex-direction: column;
      justify-content: flex-end;
  }
  .form-credentials{
      background-color: #fff;
      padding: 20px;
      border-radius: 20px;
      border: 1px solid #e2e2e4;
  }
  .bestprice {
      font-size: 28px;
      line-height: 32px;
      font-weight: 700;
      color: #212126;
      padding-bottom: 5px;
  }
  .bestprice span{
      color:#46516f;
      margin-left:5px;
      font-size: 14px;
      line-height: 17px;
      font-weight:400 ;
  }
  .procardhead {
      line-height:25px;
      font-size: 20px;
      font-weight: 700;
      width: calc(100% + 20px);
      margin-left: -10px;
      margin-right: -10px;
      background-color: #e3e4ea;
      margin-top: -10px;
      padding: 10px 15px;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      min-height: 95px;
      display: flex;
      align-content: center;
      align-items: center;
  }
  em.material-icons.ml-2.size-md.notranslate {
    font-size: 0;
}
 tr:nth-of-type(1) em.material-icons::before{
    content: url(/templates/fiberax/dist/images/ram.svg);
  width: 18px;
  height: 18px;    
  margin-top: -6px;
  display: flex;
  margin-right: 2px
  }
tr:nth-of-type(2) em.material-icons::before{
       content: url(/templates/fiberax/dist/images/cpu.svg);
  width: 18px;
  height: 18px;
  margin-top: -6px;
  display: flex;
  margin-right: 2px
  }
tr:nth-of-type(3) em.material-icons::before{
     content: url(/templates/fiberax/dist/images/dsk.svg);
  width: 18px; 
  height: 18px;
  margin-top: -6px;
  display: flex;
  margin-right: 2px
  } 
  .mt-2:nth-child(1) .procardhead{
      background: linear-gradient(90deg, #75e4ff 0%, #74a4e3 100%);
  }
  .mt-2:nth-child(2) .procardhead{
      background: linear-gradient(90deg, #FFDA75 0%, #F3AB84 100%);
  }
  .mt-2:nth-child(3) .procardhead{
      background: linear-gradient(90deg, #F7BB9D 0%, #E16D91 100%);
  }
  .mt-2:nth-child(4) .procardhead{
      background: linear-gradient(90deg, #C0EDCE 0%, #5FD7D5 100%);
  }
  .mt-2:nth-child(5) .procardhead{
      background: linear-gradient(90deg, #CAD0FF 0%, #E3E3E3 100%);
  }
  .mt-2:nth-child(6) .procardhead{
      background: linear-gradient(90deg, #EED991 0%, #FCFFA5 100%);
  }
  .mt-2:nth-child(7) .procardhead{
      background: linear-gradient(90deg, #EDF2FF 0%, #FEFFD7 100%);
  }
  .mt-2:nth-child(8) .procardhead{
      background: linear-gradient(90deg, #f292ED 0%, #F36364 100%);
  }
  .mt-2:nth-child(9) .procardhead{
      background: linear-gradient(90deg, #c6F8FF 0%, #BCBEFF 100%);
  }
  .mt-2:nth-child(10) .procardhead{
      background: linear-gradient(90deg, #A6FBC1 0%, #F8FE88 100%);
  }
  .mt-2:nth-child(11) .procardhead{
      background: linear-gradient(90deg, #E8BDF9 0%, #E0A9BB 100%);
  }
  .mt-2:nth-child(12) .procardhead{
      background: linear-gradient(90deg, #84FFC9 0%, #ECA0FF 100%);
  }
  .mt-2:nth-child(13) .procardhead{
      background: linear-gradient(90deg, #f8F9C7 0%, #5FD7D5 100%);
  
  }
  
  
  .justbox{border:none}
  .navbar .navbar-body .navbar-menu .nav-link {border:none !important;}
  .navbar .navbar-body {border:none !important;}
  .notifyicon {
  width: 20px;
  height: 20px;
  background: url('../images/notification_icon.png') 100% 100%;
  display:block;
  }
  .loginedicon {
  width: 20px;
  height: 20px;
  background: url('../images/logined_icon.png') 100% 100%;
  display:block;
  }
  .loginicon {
  width: 20px;
  height: 20px;
  background: url('../images/login_icon.png') 100% 100%;
  display:block;
  }
  .walleticon {
  width: 20px;
  height: 20px;
  background: url('../images/wallet_icon.png') 100% 100%;
  display:block;
  }
  .carticon {
  width: 20px;
  height: 20px;
  background: url('../images/cart_icon.png') 100% 100%;
  display:block;
  }
  .serviceicon {
  width: 16px;
  height: 16px;
  background: url('../images/services_icon.png') 100% 100%;
  margin-right: 10px;
  display: block;
  float: left;
  margin-left: 5px;
  }
  li.nav-item{
      list-style:none;
  }
  span#rootpss {
      font-family: monospace;
  }
  .procbody .my-3 {
      margin-top: 0px !important;
  }
  .tablecard td:nth-child(even) {
      text-align: right;
      padding-right: 10px;
      color:#888;
  }
  .tablecard td {
      padding-top: 7px;
      padding-bottom: 7px;
         
  }
  .tablecard {
      color:#212126;
      line-height:21px;
  }
  .procbody em {
  margin-left: 0px !important;
  }
  .ram, .cpu, .dsk{
      background-repeat: no-repeat;
      width: 19px;
      height: 19px;
      margin: 0px 10px 1px 10px;
  }
  .ram {
      background-image: url(/templates/fiberax/dist/images/ram.svg);
  }
  .cpu {
      background-image: url(/templates/fiberax/dist/images/cpu.svg);
  }
  .dsk {
      background-image: url(/templates/fiberax/dist/images/dsk.svg);
  }
  td.noncrucial i:before {
       background-image: url(/templates/fiberax/dist/images/shs.svg);
       background-repeat: no-repeat;
       width: 15px;
       height: 15px;
       display:flex;
       content:'';
  }
  .table thead th {
      background-color: #f8f9fa;
      color: #888;
          font-weight: 400;
  }
  td.noncrucial i{
      font-size:0px;
  }
  .table {
      border-radius: 20px;
      overflow: hidden;
      border: 1px solid #e2e4e9 !important;
  }
  .badge.badge-Active{
          background-color: #2ed47a !important;
  }
  .table td.inline-row {
      color: #707683;
      text-align: center;
  }
  .table .badge {
      width: 84px;
      height: 22px;
      margin: 0 auto;
      color: white;
      text-transform:lowercase;
      display: flex;
      align-content: center;
      justify-content: center;
      align-items: center;
      font-weight: normal;
  }
  section.section-dashboard h3 {
      font-size: 16px;
      color: #212126;
      line-height: 19px;
      margin: 0px !important;
      font-weight: normal;
  }
  .col-md-4.mb-4 p.text-muted {
    font-size: 18px;
    text-align: left;
}
.col-md-4.mb-4 h5.fw-bold {
    text-align: left;
    font-size: 22px;
}
.sectprod .p-4rounded.h-100.bg-white {
    padding: 30px;
    border: 1px solid transparent;
    border-radius: 20px;
}
.sectprod p {
    font-size: 18px;
    color: #46516f !important;
}
.sectprod h5 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
}
section.py-5.sectveeam .row {
    padding: 20px;
    background-image: url(templates/fiberax/dist/images/veeam-clip-path.png);
    border-radius: 20px;
}

section.py-5.sectveeam .row {
    padding: 30px;
    background-image: url(/templates/fiberax/dist/images/veeam-clip-path.png);
    border-radius: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sectveeam img {
    float: right;
}
.sectveeam h5 {
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.sectveeam p{
	font-size: 18px;
}
.sectprod img {
    max-height: 125px;
}
input[value="918"]:after, input[value="919"]:after, input[value="913"]:after, input[value="914"]:after, input[value="915"]:after, input[value="916"]:after, input[value="917"]:after {
opacity:0;}
input[value="918"], input[value="919"], input[value="913"], input[value="914"], input[value="915"], input[value="916"], input[value="917"] {
    color: transparent;
    width: 0px;
    height: 0px;
    margin: 0 auto 74px auto !important;
    position: relative;
    top: 43px;
    border: none;
    background: transparent;
    display: block;
}
input[value="918"]:checked::before, input[value="919"]:checked::before, input[value="913"]:checked::before, input[value="914"]:checked::before, input[value="915"]:checked::before, input[value="916"]:checked::before, input[value="917"]:checked::before {
opacity:1;
}
input[value="918"]::before, input[value="919"]::before, input[value="913"]::before, input[value="914"]::before, input[value="915"]::before, input[value="916"]::before, input[value="917"]::before {
    display: block;
    position: absolute;
    content: '';
    width: 32px;
    height: 32px;
    background: #ffffff;
    margin-left: -3px;
    margin-top: -3px;
    background-size: contain;
    opacity:0.5;
}
input[value="918"]::before, input[value="919"]::before {
    background-image: url('/templates/fiberax/dist/images/logo_ubun.png');
}
input[value="913"]::before{
    background-image: url('/templates/fiberax/dist/images/logo_rock.png');
}
input[value="914"]::before{
    background-image: url('/templates/fiberax/dist/images/logo_fedo.png');
}
input[value="915"]::before{
    background-image: url('/templates/fiberax/dist/images/logo_debi.png');
}
input[value="916"]::before{
    background-image: url('/templates/fiberax/dist/images/logo_cent.png');
}
input[value="917"]::before{
    background-image: url('/templates/fiberax/dist/images/logo_alma.png');
}
.sectprod h2, .sectlim h2 {
    font-size: 56px;
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
}

.mt-5.px-4.col-lg-8.mx-auto.text-muted {
    font-size: 18px;
    text-align: center;
    color: #46516f !important;
}
.sectlim .img-responsive {
    margin-bottom: 20px !important;
    max-height: 130px;
}

  .text-small {
      text-decoration: none !important;
  }
  thead th {
      text-align: center;
  }
  thead th:first-child{
      text-align: left;
  }
  table tbody td{
      text-align: center;
  }
  table tbody td:first-child{
      text-align: left;
  }
  .badsect {
      background-color: #fff;
      padding: 40px;
      border-radius: 20px;
      border: 1px solid #e2e4e9;
  }
  .badsect .card {
      border: 1px solid #e5e5e5;
      border-radius: 20px;
      overflow: hidden;
  }
  .badsect .card-header {
      border-bottom: none;
      font-size: 14px;
  }
  .cart-summary-floater .card {
      border-color: #f5f5f5;
      background-color: #f5f5f5;
  }
  .cart-summary-floater .card-header {
      font-size: 32px;
      padding: 24px;
      font-weight: 700;
      line-height: 100%;
  }
  div#cart_contents {
      line-height: 21px;
      font-size: 16px;
      color: #888;
  }
  
  .inputio {
      display: inline-flex
  ;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      align-items: baseline;
  }
  li.progress-dot.completed {
      background-color: blue;
      color: white;
      border-color:blue;
  }
  li.progress-dot.completed .number
  {
      color: blue;
      background: rgb(0,0,0);
      background:linear-gradient(127deg, #1500ff 30%, rgb(255 255 255) 30%);
  } 
  li.progress-dot.active {
      background-color: #84B4FF;
      color: white !important;
      border-color:#84B4FF;
          padding: 20px 0px 20px 20px !important;
  }
  li.progress-dot.active .number
  {
      color: #84B4FF;
      background: rgb(0,0,0);
      background: linear-gradient(127deg, #84B4FF 30%, rgb(255 255 255) 30%);
  }
  li.progress-dot .number {
      padding: 10px 20px 10px 33px;
      font-size: 24px;
      line-height: 24px;
      color: #d7d7d7;
      background: rgb(0,0,0);
      background: linear-gradient(127deg, #d7d7d7 30%, rgb(255 255 255) 30%);
      position: absolute;
      right: 0px;
  }
  li.progress-dot a {
      text-decoration: none;
      padding: 5px 20px;
      color: white;
  }
  .cart-progress .progress-dot:before
  {
      display:none;
  }
  ul#progress {
      border: none;
  }
  .cart-progress .progress-dot {
      text-decoration: none;
      border-radius:15px;
      overflow: hidden;
      background-color: #d7d7d7;
      color: white;
      padding: 20px 0px 20px 20px;
      max-height: 40px;
      border: 1px solid;
      border-color: #d7d7d7;
      text-transform: uppercase;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      min-width: 250px;
      max-width: 300px;
      width: 100%;
  }
  span.bigprodname {
      font-weight: 700;
      font-size: 20px;
  }
  .card.prodcarthe .card-header {
      background: linear-gradient(90deg, #75e4ff 0%, #74a4e3 100%);
  }
  button.btn.btn-primary {
      background-color: transparent;
      color: #0d6efd;
  }
  button.btn.btn-primary:hover {
      background-color: #0d6efd;
      color: #fff;
  }
  .col-12.col-md-12.compselector{
      display: flex
  ;
      align-content: center;
      justify-content: space-around;
      align-items: center;
      flex-wrap: nowrap;
  }
  .brighttheme.ui-pnotify-container.brighttheme-error.ui-pnotify-shadow {
    background-color: #e8a2a2 !important;
    border-radius: 20px;
}
  .col-12.col-md-12.compselector div{
      display: flex;
      align-content: center;
      justify-content: space-around;
      align-items: center;
      flex-wrap: nowrap;
  }
  li.progress-dot p {
      width: calc(100% - 77px);
      text-align: center;
      margin: 0px;
  }
  .breadcrumb li a
  {
      color: #0d6efd;
      text-decoration:none;
  }
  .inputio div {
      width: 100%;
  }