body{font-family: "Open Sans", sans-serif!important;}
/**h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}**/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
}
.cMT{padding-top:5%!important;}
.cVH{min-height:calc(100vh - 91px);overflow-y:auto;overflow-x:hidden;}
.cVH4{min-height:calc(100vh - 91px);overflow-y:auto;overflow-x:hidden;}
.mb-0{margin-bottom:0px;}
.mb-4{margin-bottom:4px;}
.mt-4{margin-top:4px!important;}
.cust_input_group{background-color:white;border:1px solid white;}
.cust_input_group .form-control:focus{border-color:none!important;}
.headings h4{color:white!important;}
.no-radius{border-radius:0px;}
.panel-primary > .panel-heading {
    color: #fff;
   
}
.heading p {
    padding: 20px 0px;
    font-size: 19px;
    font-weight: bolder;
    color: #555;
}
.ab-sec p {
    padding: 10px 0px;
    font-size: 16px;
    font-weight: normal;
}
.bg-sec p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
}

.media-body p {
    text-align: justify;
    font-weight: normal;
    font-size: 16px;
}
.productTable img{width:100px;display:inline-block;text-align:center}
.productTable>thead>tr>th,.productTable>tbody>tr>td{
  vertical-align: middle!important;
}
.red{color: #e73131!important;}
/**new style added 27-7-25**/
.customStyle{padding-bottom:22px!important;}
.customSize{margin-top:10px!important;color:white;font-size:50px;}
@media only screen and (max-width: 767px) {
  .customStyle{padding-bottom:6px!important;}
  .customSize{margin-top:10px;color:white;font-size:36px;}
}
/*end*/
#menu .nav {
    left: 5%;
    position: relative;
}
.mh50{min-height: 35px!important;max-height: 36px!important;}
.activeSortA:after {
  content: "\f15d";
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 12px;
  color: #41cac0;
  font-size: 12px;
  margin-left: 6px;
  position: absolute;
  right: 0px;
}
.Globel_Nevigation > tbody > tr:focus-within, .Globel_Nevigation > tbody > tr:hover {
  border: 2px solid black !important;
}
.changePasswordContainer{}
.changePasswordFrame{
      background-color: #e1e2de;
    padding: 5px 12px;
    border: 1px solid gray;
    border-radius: 5px;
}
.changePasswordFrame h4{
  font-size: 15px;
    text-transform: math-auto;
    color: #e73131;
    background-color: #0000000f;
    padding: 8px;
    border-left: 3px solid #f12f2f;
}
.activeSortD:after {
  content: "\f15e";
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 12px;
  color: #41cac0;
  font-size: 12px;
  margin-left: 6px;
  position: absolute;
  right: 0px;
}

.mr-0{margin:0px;}

.pEye1,
.pEye4,
.pEye5
 {position: absolute;top:28px;right:8px;}


.carousel-caption {
  left: 15px;
  right: 15px;
  top: 1%;
  font-size: 15px;
  text-align: left;
  color: #fff;
  text-shadow: none;
  margin-top: 0px;
}

.carousel-captionB {
  left: 15px;
  right: 15px;
  top: 20%!important;
  font-size: 15px;
  text-align: left;
  color: #fff;
  text-shadow: none;
  margin-top: 0px;
}

#home-carousel .item {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /**height: calc(100vh - 71px);**/
  overflow-y: hidden;
  min-height: 574px!important;
}
#home-carousel .item:before {
  background-color: #000;
  content: "";
  height: calc(100vh - -120px);
  top: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}
#cmd_refresh_captcha:hover i{color:green;}
label {
  font-size: 15px;
  font-weight: normal;
  float: left;
  margin: 0px 0px 0px 0px;
}
.form-group {
  margin-bottom: 3px;
}
.mw100{max-width:100px!important;min-width:100px!important;width:100px!important;}
.mw80{max-width:80px!important;min-width:80px!important;width:800px!important;}
.mwfull{width:100%!important;}
.mw30{min-width:30px;max-width:30px;width:30px;}
.mw50{min-width:50px;max-width:50px;width:50px;}
.dropdown-menu{padding:0px;}
.dropdown-menu li a{color:black!important;}
.panel-primary {
    border-color: #e73131;
}

.flexLayouts{
  margin: 0px;
    justify-content: center;
    
    height: 100%;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #ca1212;
    border-color: #ca1212;
}
.form-container{
  color:#000;
  /**background-color: #f3f3f3;
  padding: 12px;
  border:1px solid gray;
  border-radius:5px;**/

}
.btnContainer{
  text-align: right;
    border-top: 1px solid #efe5e5;
    padding: 5px 12px;
}
.withBtnVH{
  height: calc(100vh - 195px);
  overflow-y: auto;
}
.panel-heading {
    padding: 0px 4px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.cust_table{margin-bottom:0px!important;}
.cust_table>thead>tr>th{border:0px!important;border-top: 1px solid #dfdddd !important;padding:5px 3px;font-size:14px;vertical-align: middle;cursor:pointer;position: sticky; top: 0; z-index: 2;background-color:white;}
.cust_table>tbody>tr>td{padding:1px 3px;font-size:13px;vertical-align: middle;cursor:pointer;}
.cust_table>tbody>tr>td>span, .cust_table>tbody>tr>td>small{
  font-size:12px;display: block;
}
.progress {
  border-radius: 24px;
  height: 5px;
  background-color: #d7d7d7;

  box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 0px;
}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}



/**mimic classes**/
/* === Flex Utilities === */
.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row {
  flex-direction: row !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-end {
  align-items: flex-end !important;
}
.no-padding{
  padding:0px;
}

/* === No Gutters === */
.no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.no-gutters > [class*='col-'] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}


/***end mimic classes**/
.cust_DISTRIBUTOR{
  background-color: #ffcccc;   /**RED LIGHT**/
  color: #660000; 
} 
.cust_RETAILER{       /**YELLOW**/
  background-color: #fff9cc; 
  color: #665500;    
} 
.cust_ADMIN{  /** GREEN LIG */
  background-color: #d4fcd4; 
  color: #225522;  
}  
.cust_FLESH{ 
  background-color: #ffe5e5;  
  color: #a30000; 
}
.qr_FRESH{ 
  background-color: #e0ffe0; 
  color: #1e4620;
}

/***QR gridian tail color**/
.qr_0 {
  background: linear-gradient(to right, #c8facc, #4caf50); /* Lightest green */
  color: #ffffff;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: bold;
}

.qr_10 {
  background: linear-gradient(to right, #a8f0a5, #388e3c); /* Slightly deeper green */
  color: #ffffff;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: bold;
}

.qr_50 {
  background: linear-gradient(to right, #7edc84, #2e7d32); /* Mid green */
  color: #ffffff;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: bold;
}

.qr_100 {
  background: linear-gradient(to right, #4caf50, #1b5e20); /* Darkest green */
  color: #ffffff;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: bold;
}

/**************ends********/
@media (max-width: 1024px) {
  .cMT{padding-top:7%!important;}
}


@media (max-width: 768px) {
  .cMT{padding-top:9%!important;}
}


@media (max-width: 767.98px) {
  .cMT{padding-top:14%!important;}
  .bg-sec h3 {
    color: #FFFFFF;
    text-transform: none;
    font-weight: bolder;
    font-size: 16px;
    line-height: 22px;
}

}