/* -----------------------------------------------------------------------------------

  Template Name: HTML

-----------------------------------------------------------------------------------  */

/* ---------Common css Start------------  */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Lato", sans-serif;
  color: #777;
}

textarea.form-control::placeholder {
    color: #000;
}
.line-through {
    text-decoration: line-through;
}
/* ---------Common css End------------  */

/* ---------Header Start------------  */
.navbar-brand img {
    max-width: 380px;
    margin-top: 0px;
    margin-bottom: -45px;
    margin-left: 7px !important;
}
/* ---------Header End------------  */

/* ---------Top Validate Start------------  */

.validate-top .btn-outline-secondary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* ---------Top Validate End------------  */
/*.scorllable{ height: 360px; overflow-y: scroll;}
.scorllable::-webkit-scrollbar {
  width: 6px;               /* width of the entire scrollbar 
}
.scorllable::-webkit-scrollbar-track {
  background: #fff;        /* color of the tracking area 
}
.scorllable::-webkit-scrollbar-thumb:vertical {
  background-color: #212529;    /* color of the scroll thumb 
  border-radius: 20px;       /* roundness of the scroll thumb 
  border: 0;  /* creates padding around scroll thumb 
}
.scorllable th {
    position: sticky;
    top: 0;
    background-color: #212529 !important;
}
.scorllable th, .scorllable td {
    text-align: center;
}*/
/* ---------Table Start------------  */
.img-w {
    max-width: 70px;
}
.unit-w{
    max-width: 100px;
    margin: 0 auto;
}
.custom-control-input {
    width: 30px;
    height: 30px;
}
/* ---------Table End------------  */
/*************************
    [ loader start ] */
    .load-wrapper { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; top: 0; }

    .load-wrapper .load { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; }

    .load-wrapper .load hr { border: 0; margin: 0; width: 40%; height: 40%; position: absolute; border-radius: 50%; animation: spin 2s ease infinite; }

    .load-wrapper .load hr:first-child { background: #007bff; animation-delay: -1.5s; }

    .load-wrapper .load hr:nth-child(2) { background: #F63D3A; animation-delay: -1s; }

    .load-wrapper .load hr:nth-child(3) { background: #FDA543; animation-delay: -0.5s; }

    .load-wrapper .load hr:last-child { background: #193B48; }

    @keyframes spin { 0%, 100% { transform: translate(0); }
    25% { transform: translate(160%); }
    50% { transform: translate(160%, 160%); }
    75% { transform: translate(0, 160%); } }

    .loader-text-help {
      color:#ffff;
      top: 60%;
      position: absolute;
      font-weight: bold;
      width: 100%;
      text-align: center;
    }

/*************************
[ loader end ] */
.addsticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}
.addsticky ul.list-group li {
    border: 0px solid rgba(0,0,0,.125) !important;
    margin: 0 0px;
    padding: 10px !important;
    border-radius: 0px;
    color: #fff;
    background: #000 !important;
    margin-right: 25px;
}
.addsticky .card-body h6 {
    display: none;
}
.addsticky .card-body {
    display: flex;
    align-items: center;
    background: #000 !important;
  
    padding: 0;
}
.addsticky ul.list-group {
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
}
.addsticky .ms-auto {
    padding-left: 20px;
}

/* ---------Top Nav Style Start style sheet not linking so i added inline markup------------  */
.topnav {
  background: linear-gradient(
    #31acab 0%,
    #31acab 31%,
    #ffffff 31%,
    #ffffff 35%,
    #f3743e 35%,
    #f3743e 66%,
    #ffffff 66%,
    #ffffff 70%,
    #f8dd34 70%,
    #f8dd34 100%
  ) !important;
  
  overflow: hidden;
  padding-left: 0px !important;
}
/* Style the links inside the navigation bar */
.topnav a {
  background-color:#000 !important;
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding-top: 12px !important;
  padding-right: 14px !important;
  padding-bottom: 12px !important;
  padding-left: 20px !important;
  text-decoration: none;
  font-size: 17px;
  border-right: 1px solid !important;
  border-left: 0px solid !important;
  border-color: #FFFFFF !important;
}

/* Links on hover */
.topnav a:hover {
  background-color: #222 !important;
  color: #fff !important ;
}
/* ---------Top Nav Style End------------  */
.td-product-image {
  vertical-align: middle;
  text-align: center;
}
.business-unit-badge {
  background-color:#000;
  color:#fff;
  display:inline-block;
  padding-left:8px;
  padding-right:8px;
  text-align:center;
  font-size: x-small;
}

@media (max-width: 600px) {
  .addsticky ul.list-group li {
  border: 1px solid rgba(0,0,0,.35) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  margin-right: 0 !important; /* Remove right margin on mobile */
  padding left: 10px;
    padding right: 10px;
    


  }
}