.lodingdetails {

  background-image: url("../images/loding.gif");
  height: 110px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;

}
                            #top_section table td { font-size: 15px; line-height: 15px; padding: 10px; font-weight: bold; }
                            #top_section { background-color: #ff8040; z-index: 1; }
                                                        #top_section table td { color: #000000; }
                        .grid_products h1.category_row { text-transform: uppercase; }
                            .grid_products h1.category_row { background-color: #800000 !important; }
                                                        .grid_products h1.category_row { color: #ffffff !important; }

                            .producttext, .rate_div, .rate_div .rate, .strike { color: #000000 !important; }

                            .grid_products .pricelist_products:nth-child(odd) .product_row { background-color: #f0e982; }
                                                        .grid_products .pricelist_products:nth-child(even) .product_row { background-color: #f0e982; }

                            #navigation, .leftbg { background: #ff8040 !important; }

                            .strike { text-decoration-color: #ff0000 !important; text-decoration-thickness: 2px !important; }


.grid_cart { display: block; }
.feature-gd {
  background:#f0e982;
  padding: 5px 15px 5px 15px;
  border-radius: 8px;
  height: 130px;
  margin-bottom: 0px;
}
.bg-gd {
  background:url(../images/menu.jpg);
  padding: 5px 15px 5px 15px;
  border-radius: 18px;
  height: 130px;
  margin-bottom: 0px;
  background-size: contain;
}
.sno{
position: absolute;
background: #c33;
padding: 0px 8px 0px 8px;
top: 8px;
left: 3px;
font-size: 14px;
border-radius: 0px 0 8px 0;
color: white;
}

.icon {

  background-color: #f3f3f300;

}.secpad {

  padding: .5rem 3px 0 !important;

}
.icon img {border-radius: 15px; max-width: 80px; max-height: 80px;}
.product-form .form-control {
	width: 50px !important;
	margin-bottom: 10px !important;
	height: 35px !important;
	padding: 5px !important;
	border: 1px solid #454b51 !important;
	text-align: center;
}.pricebox{
	position: absolute;
	background: #e15b5b;
	padding: 5px 5px;
	bottom: 0px;
	right: 3px;
	font-size: 15px;
	border-radius: 22px 0 8px 0;
	color: white;
	width: 100px;
	text-align: center;
}
.strike{color:red; text-decoration:line-through; font-size: 16px;}
.rate{color:black; font-size: 16px;}
.total {
  border: none;
background: none;
color: white;
font-size: large;
}
td .total {
color: rgb(0, 0, 0);
}
td .cardtotal {
color: rgb(0, 0, 0);
}
.cardtotal{
border: none;
background: none;
color: white;
font-size: large;
}
.w-10{
     width:10px;
   }  .w-20{
     width:20px;
   }  .w-30{
     width:30px;
   }  .w-40{
     width:60px;
   }  .w-50{
     width:50px;
   }  .w-60{
     width:60px;
   }  .w-70{
     width:70px;
   }  .w-80{
     width:80px;
   }  .w-90{
     width:90px;
   }  .w-100{
     width:100px;
   }
   .h-60{
     height:60px;
   } 
   .f-100{
     font-size: 100%;
   } 
   @media only screen and (max-width: 600px) {
     .h-60{
         height:30px;
       } 
       .f-100{
         font-size: 90%;
       } 
       .w-60{
         width:60px;
       } 
       .w-40{
           width:40px;
       }
   }
   .glow {
     animation-name: example;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
   }
   
   @keyframes example {
     0%   {color: red;}
     25%  {color: yellow;}
     50%  {color: pink;}
     100% {color: white;}
   }
   .inse{
     border-radius: 10px;
 border: none;
 font-weight: bold;
 color: #fff;
background-color: #00000036;
 
   }
   @keyframes inputscss {
     0%   {color: red;}
     100%  {color: #000000;}
 
   }
 
   @media only screen and (max-width: 400px) {
     .h-60{
         height:10px;
       } 
       .w-60{
         width:60px;
       } 
             .w-40{
           width:40px;
   }
   }
 .invalid{position: absolute;
 top: 0;
 z-index: 15;
 max-width: 100%;
 padding: .25rem .5rem;
 margin-top: .1rem;
 font-size: .875rem;
 line-height: 1.5;
 color: #fff;
 border-radius: .25rem;
 right: 0px;}

 input[type="number"] {
     -moz-appearance: textfield;
   }
   input[type="number"]:hover,
   input[type="number"]:focus {
     -moz-appearance: number-input;
   }
   input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
       -webkit-appearance: none; 
       margin: 0; 
 }