/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Ajax Loading style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#loading_div {  
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    //background: rgba(51,51,51,0.7); /*grey*/
	background: rgba(255,255,255,0.7);
    z-index: 10000;    
}

.loading { 
    /*border:1px solid #ddd; 
    padding:20px; 
    margin:40px 5px; 
    width:80px;*/
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;         
}

.loadingText { 
    /*border:1px solid #ddd; 
    padding:20px; 
    margin:40px 5px; 
    width:80px;*/
    position: absolute;
    left: 10%;
    top: 50%;
    margin-left: -180px; /* -1 * image width / 2 */
    margin-top: 20px;  /* -1 * image height / 2 */
    display: block;         	
	width:400px;
}

.link-disabled {
  color: red;
  cursor: default;
}


.responsive-image {
  /*max-width: 100%;*/
  height: auto;  
}

.network-offline {
  color:#FFBF00;
  font-weight: 300;
}

.selectedCatalogueSearchIndex{
	color: red;
	font-size: 18px;
	font-family: 'Lucida Console'
}

.nonSelectedCatalogueSearchIndex{	
	font-size: 18px;
	font-family: 'Lucida Console'
}







/* Style the header */
.header {
  padding: 5px 5px 0px 5px;
  background: #FFFFFF;
  color: #f1f1f1;
  z-index:10000;
  left:0;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  background: #f8f8f9;
  padding: 5px 5px 5px 5px;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}









/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	INSPINIA style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.image-imitation {
  background-color: #f8f8f9;
  text-align: center;
  padding: 30px 0;  
}

.middle-box h1 {
    font-size: 100px;
	letter-spacing: 2px;	
	color:#C0C0C0;
}

.m-text{
	margin-top: 15px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 5px 20px;
    border-color: #e7eaec;
    border-image: none; 
    border-width: 1px 0;
}

.product-imitation {
    text-align: center;
    padding: 20px 0;
    background-color: #FFFFFF;
    color: #bebec3;
    font-weight: 600;
}

.product-desc {
    padding: 20px 20px 20px 20px;
    position: relative;
    background-color: #f8f8f9;
}

.catalogue-out-of-stock {
	font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: red;
    padding: 6px 12px;
    position: absolute;
    top: -140px;   
	right:0;	
}

.product-client-price {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: #1ab394;
  padding: 6px 12px;
  position: absolute;
  top: -32px;
  left: 0;
}



@media (min-width: 800px){

   .article-modal-popup .modal-lg {
       width: 750px;
   }       

}

@media (min-width: 1000px){

   .article-modal-popup .modal-lg {
       width: 950px;
   }       

}

@media (min-width: 1200px){

   .article-modal-popup .modal-lg {
       width: 1150px;
   }       

}

@media (min-width: 1400px){

   .article-modal-popup .modal-lg {
       width: 1350px;
   }       

}

@media (min-width: 1600px){

   .article-modal-popup .modal-lg {
       width: 1550px;
   }       

}

@media (min-width: 1800px){

   .article-modal-popup .modal-lg {
       width: 1750px;
   }       

}