/* demo page styles */
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 { padding: 0; margin: 0}

  
a, a:hover, a:active, a:link, a:visited {
	color:#444;
}


 
table, tr, td {
	background: #fff;
	padding: 0;
}
tr {
	border:1px solid #ccc;
}
  
.btn.round {
	border-radius: 24px;
}
.btn.shadow {
  box-shadow:  2px 0 0 0 #aaaaaa;  
}

.font-gray {
	color:#898989;
} 

input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius:8px;
}

.color_cart input[type=text], input[type=number] {
    width: 30px;
    height: 20px;
    padding: 0px;
    margin: 0;
    display: inline-block;
    border: 1px solid #ccc;
    text-align: center;
    border-radius:0px;
}
.color_cart table, tbody, tr, th, td {
 	text-align: center;
 	line-height: normal;
 	padding: 0px;
 	margin: 0px;
 	
 
}
select {
	width:100%;
}
button  {
    background-color: #e7e7e7;
    color: #333333;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
} 

a:hover {
    color: #e7e7e7; 
    text-decoration: none;
}

.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

 

/*#afafaf;f6f3ea;efebe8*/


 
.bodyContainer {
 
	margin: 5px;
	background: #FFF;

}
 

 
a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #afafaf url(images/up-arrow.png) no-repeat center 33%;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
a:hover.back-to-top {
	background-color: #ccc;
}

.page_title{
	border:0px solid #000; background:#f6f3ea;height:37px;padding-top:10px; color:#333333;font-weight: bold;
}

.container_login {
 
    background:#FFFFFF;
    margin: 10px;
    padding: 20px;
    width: 90%;
    z-index: 0;
    border-top:1px solid #E7E7E7;     
  	box-shadow: 0 2px 3px rgba(0,0,0,.15);

}

.body_block{
    background:#FFFFFF;
    margin: 0px;
 	padding:10px;
    width: 100%;
 

}
 

/***** image gallery **/

a{cursor:pointer;}

/*Gallery Container*/
.image-gallery{
  position:relative;  
  margin:0 auto;
  width:600px;  
  border-radius:20px;  
}
/*Sets Big Image style*/
.image-gallery .big-image{
  width:auto;
  height:600px;   
  margin:0 auto;  
  position:relative;
}
.image-gallery .big-image img{
  opacity:0;position:absolute;left:0px;top:0px; width:600px;
  margin:0 auto;
  transition: opacity 350ms;
  box-shadow:0 1px 20px 1px rgba(0,0,0,0.7);
}

/*Selected image display*/
.image-gallery .big-image img:target{opacity:1;}
/*on select image display none the default image*/
.image-gallery .big-image img:target ~ img#default{opacity:0;}

/*Show Default Image in first load*/
.image-gallery .big-image img#default{opacity:1;}


/***Button***/
.image-gallery .button{
  font-weight:bold;
  font-size:30px;
  display:inline-block;
  transform:scale(1,2);
  background-color:#ccc;
  color:#222;
  padding:0 10px;   
}
.image-gallery .prev{position:absolute; left:0; top:378px;}
.image-gallery .next{position:absolute; right:0; top:378px;}

/***move thumbs on click on buttons***/
.image-gallery .prev:active ~ .thumbs  ul{
  transform:translateX(0%);
  transition:3s all;
}
.image-gallery  .next:active ~ .thumbs  ul{
  transform:translateX(-90%);
  transition:3s all;  
}
  
/***thumbs***/
.image-gallery .thumbs{
  overflow:hidden; white-space:nowrap; margin:0 45px;
}
.image-gallery .thumbs ul{
  float:left; transition:999999s all; transform:translateX(0);
}
.image-gallery .thumbs li{display:inline-block; margin-right:3px;}
.image-gallery .thumbs li a:hover{opacity:1;}
.image-gallery .thumbs li a{opacity:0.85;}
.image-gallery .thumbs li a:focus{opacity:1;}
.image-gallery .thumbs li img{width:128px;}


/*other styles*/
.title{font-size:30px;font-weight:bold;text-align:center;margin:15px 0;
text-shadow:1px 1px 2px #1f1f1f;}

.color_test{
	color: #88898d;
}