body {
 background-color: #f7f7f7;
 font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    color: #404244;

    }
    /*navbar style*/
p{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;

}

h1,h2,h3,h4,h5,h6{
	 color: #444;
  
  


}
.banner{
    border: 1px solid #f5f5f5;

}

#click_menu_desktop{
  display: block;
}

@media (max-width: 760px) {
  #click_menu_desktop{
  display: none;
}

.home_p{
  text-align: center;
}
}

 .navbar-default .navbar-brand{

  color: #fff;
  font-weight: 600;
  padding: 15px 14px;
  margin-bottom : -10px;
  font-size: 20px;
  left: -10px;

 }
 .navbar-default .navbar-toggle {
    border-color: #ddd;
    background: #fff
 }

 .navbar-default .navbar-brand:hover{
  background:  #ffc3a0;
  border-radius: 10%;
  color: #444;
  
 }



.navbar-default {
 background-image: linear-gradient(to right, #128C7E , #128C7E);
}

.navbar-default .navbar-nav > li > a{
  color: #fff;
  padding: 15px 14px;
  font:15px/20px "Avenir Next LT Pro","Avenir Next","Futura",sans-serif;


}

.navbar-default .navbar-nav > li > a:hover{
  border-bottom: 1px solid #43cea2;
  color: #999;
  background-color: #f5f5f5; 
  padding: 15px 14px;

}
.navbar-default .navbar-nav > .active > a{
 /* border-bottom: 1px solid #43cea2;
  border-bottom: 1px solid #43cea2;*/
  color: #3b5998;
  background-color: #fff; 
  font-weight: 200px;
}

.dropdown-menu > li > a{
    display: block;
  color: #7E5630;
  font-weight: 400;
  padding: 14px 20px;

}

.dropdown-menu > li > a:hover{
  color: #333;
}


#footer {
	padding: 30px;
  text-align: center;
}

#footer a {
    color: inherit;
}
.a_product{
	padding: 10px;
	background-color: #f5f5f5;
	border-radius: 20px;
}

.product_link{
  color: #444;
  
}
.category{
  color: #222;
  
}

.a_product:hover{
	padding: 10px;
	background-color: #F4EDD0;
	border-radius: 20px;
} 



a:hover{
	color:#128C7E;
	text-decoration: none;


}

.img-pro{
  width: 100%;
  height: 250px;

}



/* -------------  CSS Loader  ----------- */

.overlay{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10;
  opacity: 0.7;
}
.loader{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border:10px solid #333;
  position: relative;
  margin: 0 auto;
  top:30%;
  animation:loader 2s linear infinite;
}
@keyframes loader{
  50% {
    opacity: 0.5;
  }
  100% {
    transform:rotate(360deg);
  }
}
.loader:after{
  content: "";
    width: 35px;
    height: 35px;
    background: #333;
    position: absolute;
    border-radius: 50%;
    top: -20px;
    left: 55px;
}
.loader:before{
  content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #333;
    position: absolute;
    transform: rotate(-90deg);
    top: -10px;
    left: 39px;

}

/* --------- CSS Loader End Here ------------*/


/*my bg colors */
.kel_color1{
  background: #ffebee;
}

.kel_color2{
  background: #f3e5f5;
}

.kel_color3{
  background: #ede7f6;
}

.kel_color4{
  background: #e3f2fd;
}

.kel_color5{
  background:#e1f5fe ;
}

.kel_color6{
  background: #e0f2f1;
}
.kel_color7{
  background:#e8f5e9  ;
}
.kel_color8{
  background: #f9fbe7;
}
.kel_color9{
  background:#fffde7 ;
}
.kel_color10{
  background: #fff3e0 ;
}
.kel_color11{
  background: #fbe9e7 ;
}
.kel_color12{
  background: #fafafa;
}

/*end my bg colors */


/*chart scrolling */
#line_chart{
   overflow-x: scroll;
 overflow-y: hidden;     
 width: 100%;
 height: 500px;
}
/*end chart scrolling */

.loadingDiv {
 position: absolute;
 top:50px;    
 left:0px;    
 right:0px;    
 bottom:0px; 
 background-color:rgba(250, 249, 249, 0.73);
 /*background-image: linear-gradient(to right, #e6ffe6 , #4f99e3);*/
  z-index: 10;
  /*opacity: 0.5;*/
 padding-top: 5%;
  text-align: center;
  color: #fff;
  font: 20px;
}


/*for mobile view*/

/*end my for mobile view*/