/**
* @copyright	Copyright (C) 2009 - 2012 Ready Bytes Software Labs Pvt. Ltd. All rights reserved.
* @license		GNU/GPL, see LICENSE.php
* @package		PAYCART
* @subpackage	CSS
* @contact 		team@readybytes.in
*/

/*
	catlogue parent wrapper CATEGORIZATION
*/
.pc-size-xs{
	max-width:479px;
}

.pc-size-sm{
	min-width:480px;
	max-width:719px;
}

.pc-size-lg{
	min-width:720px;
	max-width:1169px;
}

.pc-size-xl{
	min-width:1170px;
}




/*=============================================
 Utilities and helpers
===============================================*/

/* Makes div's background-color black & transparent*/
.paycart .blurground{
  /* black for browsers which cannot support rgba */
  background-color: #000;

  /* 70% opacity for supported browsers */
  background-color: rgba(0, 0, 0, 0.5);

  /* IE 5.5+ support #BB000000 is ~70% opacity on black */
  filter:progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#BB000000, endColorstr=#BB000000
  );

  /* IE 8 support */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#BB000000, endColorstr=#BB000000
  );
  
 /* height & width should be setup to cover complete div*/
 height: 100%;
 
}

/*---------Make content centered vertically----------
  <div class="vertical-center-wrapper">
  	<div class="vertical-center-content">
  	</div>
  </div>
-------------------------------------------------*/
.paycart .vertical-center-wrapper{
	text-align: center;
  	height: 100%;
  	/* line-height: 200px; *setup via javascript in px */
}

.paycart .vertical-center-content{
  display: inline-block;
  vertical-align: middle;
/*   line-height: normal; */
}

/**
  Create whitespace around buttons 
-- might create issues
.paycart button{
	margin-bottom:4px;
}
*/

/**
	Generate a simple separator line consume 2px bandwidth  
*/
.pc-separator{
	height:1px;
	border-bottom: 1px solid #EEE;
}

/**
 *	When text overflow happens it will mark it as ...  
 */
.pc-ellipsis {
  text-overflow: ellipsis;
  max-width:98%;
  /* Required for text-overflow to do anything */
  overflow: hidden;
}

.pc-size-xs .pc-whitespace,
.pc-size-sm .pc-whitespace{
	margin-top :  20px;
	margin-bottom :  20px;
/*	margin-left :  5px;
	margin-right :  5px; */
}


.pc-size-lg .pc-whitespace,
.pc-size-xl .pc-whitespace{
	margin-top :  30px;
	margin-bottom :  30px;
/*	margin-left :  5px;
	margin-right :  5px; */
}

/* =============================================
   TINY 960 Grid : 
   Its required becuase bootstrap based 
   span span4 changes to span12 in small devices
================================================*/

.pc-grid-1,
.pc-grid-2,
.pc-grid-3,
.pc-grid-4,
.pc-grid-5,
.pc-grid-6,
.pc-grid-7,
.pc-grid-8,
.pc-grid-9,
.pc-grid-10,
.pc-grid-11,
.pc-grid-12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}


.pc-grid-1 {
	width:6.333%;
}

.pc-grid-2 {
	width:14.667%;
}

.pc-grid-3 {
	width:23.0%;
}

.pc-grid-4 {
	width:31.333%;
}

.pc-grid-5 {
	width:39.667%;
}

.pc-grid-6 {
	width:48.0%;
}

.pc-grid-7 {
	width:56.333%;
}

.pc-grid-8 {
	width:64.667%;
}

.pc-grid-9 {
	width:73.0%;
}
 
.pc-grid-10 {
	width:81.333%;
}

.pc-grid-11 {
	width:89.667%;
}

.pc-grid-12 {
	width:98.0%;
}


/* =============================================
   Bootstrap v2.3 Overrides : 
================================================*/


.rb-error.show, .pc-error{	
	display: none;
	width: 100%;
	min-height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: -9px;
}

.rb-error.show, .pc-error.show{
	display:block;
}

.pc-border-box{
	box-sizing: border-box;
}

.pc-uppercase{
	text-transform: uppercase;
}

.pc-lowercase{
	text-transform: lowercase;
}

/*=============================================
 css rule for offcanvas	
===============================================*/
.row-offcanvas {
	position: relative;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.row-offcanvas-right { 
	right: 0; 
}
.row-offcanvas-left { 
	left: 0; 
}
.row-offcanvas-left .sidebar-offcanvas { 
	left: -100%;
	z-index: 10; 
}

.sidebar-offcanvas-inner {
	position: relative;
	height:100%;
	overflow-y:scroll;
}

.sidebar-offcanvas { 
	position: fixed; 
	top: 0; 
	width: 100%;
	overflow-y : scroll;
	bottom: 0;
	display: none;
}

.row-offcanvas-left.active { 
	left: 100%; 
	overflow:hidden;
	position:fixed;
	background-color: #fff;
}

.row-offcanvas-left.active .sidebar-offcanvas { 
	left: 0%;
}

/* due to conflict with joomla 3.4 template css*/
#paycart div.modal{
	margin-left : -280px;
}
	
#paycart .form-horizontal input, 
#paycart .form-horizontal textarea{
	margin-bottom : 9px;
}

.pc-margin-top-0{
	margin-top:0px;
}

.pc-break-word {
    word-wrap : break-word;
}

.pc-word-break{
    word-break: break-all;
}