.window-fit
{
	position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    /*border: 1px solid orange*/
}
.modal-footer-tc
{
 
  margin-top: 15px;
  text-align: center;
  border-top: 1px solid #e5e5e5;
  height:45px;
  position: fixed;
  bottom: 0px;  
  width:100%;
  background-color:White;
 
}
.modal-footer-button{
	height: 100%;width: 49.8%;
	background-color: White;
	vertical-align:middle;
	float: left;
	font-weight:bold;
	vertical-align:middle;
	padding-top:13px;
	cursor:pointer;
}


.vdevide {
background-color: #cbcbcb;
width: 1px;height: 78%;
margin-top: 4px;
}

.padding
{
	padding:10px;
}
.padding-1
{
	padding:15px;
}
.disable-scroll {
  overflow: hidden;
  height: 100%;
}


.cartCircle {
    
    /*behavior: url(PIE.htc);*/ /* remove if you don't care about IE8 */
     width: 15px;
    height: 15px; 
    /*
    border: 1px solid red; 
	font-family:Impact;*/
    color:White; 
    background: red;
    border: 1px solid none;
    
    
    text-align:center;
    vertical-align:baseline;
    margin-top: 13px;
    border-radius: 50%;
    position:absolute;
	margin-left: 6px;
    z-index:2;
   
}

.section-title {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 10px;
  text-transform: capitalize;
  font-weight:bold;
  margin-top:0px;
}
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 43px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-ellipsis-2 {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 30px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


/*===================================================================================*/
/* --- material floating label starts ---    Example :  http://codepen.io/simoberny/pen/gpddYQ */
/*===================================================================================*/

 @media (min-width:768px) {
    .group
    {
    	width:80%;
    }
    #contentLeft 
	{
	  position: fixed;
	}
	#contentRight
	{
		font-family: Verdana;
		font-size: small;
		text-transform: capitalize;
		padding: 4rem 2rem;
		margin-left: 200px;
		font-weight: bold;
		color:Black;
	}
	

}

.group
{
  position:relative; 
  margin-bottom:17px; 
}

.inputMaterial 
{
  /* font-size:18px;*/
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
 
 /* border-bottom:1px solid #757575;*/
}

.inputMaterial:focus 		{ outline:none;}

/* LABEL ======================================= */

.group label 				 {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  background-color :White;
  pointer-events:none;
  left:13px;
  top:5px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.inputMaterial:focus ~ label, .inputMaterial:valid ~ label 		{
  top:-10px;
  font-size:13px;
  color: #009688;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background: #009688; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.inputMaterial:focus ~ .bar:before, .inputMaterial:focus ~ .bar:after {
  width:50%;
}

/*===================================================================================*/
/* --- material floating label ends --- */
/*===================================================================================*/