/* ==========================================================================
   PBSA custom styles
   ========================================================================== */


/* General */
body{ 
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}
.container{ background-color: #fff;}
.cartBasket{ color:#fff;}

.imgThumb{ width: 180px; height: 180px;}
.textleft{ text-align: left;}
.bg-info{ padding:15px;}
.center-block{ text-align: center; width:100%; margin:1em auto;}
.modalBackground{background-color:Gray;filter: alpha(opacity=70);opacity: 0.7}
.th-Right{ text-align: right !important;}
.label{ font-weight:normal !important;}
.caption{ padding-top: 0px }
.caption h3, .caption h4{ margin: 0px;}
.caption h4{ margin-bottom:.5em;}
.bold{ font-weight:bold; }
.smaller{ font-size:0.75em; }



/******************** Progress Panel Styles *****************************/
.progressPanel{top: 45%;left: 38%;position: absolute;background-color: #fff;position: fixed;z-index: 10002;border: solid 1px #7a7a7a;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.progressPanel_layout{width: auto;color: #7a7a7a;text-align: center;margin: auto;padding:2em;}
.progressPanel_layout span{position: relative;padding-left: .5em; padding-right:.5em;}


/* 780 - 960: Landscape IPad and Small Desktop Browser */
/*@media all and (min-width:960px) 
{
		.sort-col{ padding-right:0em; padding-left:0em;}
}
*/
@media all and (min-width:768px) 
{
	.menu-button {display: none; } 
}



.nav > li > a, .category-nav-container .category-nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}


/* MEVF Custom CSS*/

body {
    background-size:cover;
}
.container {
    padding-top:20px;
}
.slim-container
{
    max-width:725px;
    margin:auto;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 200;
    line-height: 1.3;
    color: #555555;
}
h4{
    font-weight: 300;
}
.lead {
    font-size: 21px;
    margin-bottom: 22px;
    font-weight: 300;
    line-height: 1.4;
}

.mainBody {
  min-height: 90%; /* fallback if needed */
  min-height: calc(100vh - 360px);
}

.footer-container h3 {
    font-size: 18px;
    color: #777777;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #d9534f;
    border-color: #d9534f;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #d9534f;
    border-color: #d9534f;
}


.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-brand{margin:auto;display:block;}
.center{text-align:center;}


@media (min-width: 768px){
    .container {
        min-width: 768px;
    }
}

/* ------------------------- Flexible Collapsible Div tables ------------------------- */
/* Tables */
.css_table {
  display: table;
  table-layout: auto;
  padding: 0;
  width: 100%;
}

.css_row,
.css_table > div
{
  display: table-row;
  table-layout: auto;
  width: 100%;
}
.css_cell,
.css_table > div > div
{
  display: table-cell;
  box-sizing: border-box;
  padding: 8px;
  vertical-align: top;
}

/* collapse  */
@media all and (max-width: 768px) {
  .css_table.collapse > .css_row,
  .css_row.collapse
  {
    display: block;
  }
  .css_table.collapse > .css_row > .css_cell,
  .css_row.collapse .css_cell,
  .css_cell.collapse
  {
    display: block;
  }
  .css_table.collapse > .css_row .css_cell.collapse_inline,
  .css_table.collapse > .css_row .css_cell,
  .css_cell.collapse_inline
  {
    display:block
  }
}

/* ------------------------- Loading ------------------------- */
.loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loader-fill{
    width:100%;
    height:100%;
    position:absolute;
    display:block;
    background:rgba(255,255,255,0.6);
}

.loader-categories{
    display:block;
    width:300px;
    margin:120px;
}
.loader-small .loader,
.loader-categories .loader{
  width: 60px;
  height: 60px;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* reCaptcha */
.grecaptcha-badge { visibility: hidden; }

/* ------------------------- Positions ------------------------- */
.Centre
{
    display:block;
    margin:auto;
}

.CentreHeading
{
    text-align:center;
    padding:15px;
    color:#16a;
}

/* -------------- Pagination --------------------- */

.pagination-table
{
    display:table;
    width:100%;
}
.pagination-row
{
    text-align:center;
    padding:10px;
    display:table-row;
}
.pagination-details,
.pagination-pages,
.pagination-sort
{
    margin:0px;
    padding:2px;
    display:table-cell;
    vertical-align:middle;
}
@media(min-width:900px){
    .pagination-details,
    .pagination-sort{
        width: 230px;
    }

}
/*@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
    url(../fonts/glyphicons-halflings-regular.woff) format('woff'),
    url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),
    url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')

}*/
.pagination-sort select
{
    height:30px;
    margin:2px 2px auto;
    font-size:16px;
    line-height:20px;
    vertical-align:top;
}
.productSortDirection   
{
    font-family:'Glyphicons Halflings';
}
.pagination-sort label
{
    margin:4px 2px 0px;
}

/* -------------- Filters --------------------- */
.pbsa-filter-attributes ul
{
    padding:0px 0px 0px 5px;
}
.pbsa-filter-attributes li
{
    display:block;
    text-decoration:none;
    padding:3px 0px;
}
.filter-icon-product-atttribute{
    height:25px;
    width:25px;
    background:#68D;
    border-radius:13px;
    display: inline-block;
    margin-bottom: -5px;
}
.productAttributeContainer
{
    display:inline-block;
    padding:3px 10px 10px;
}
.productAttributeContainer abbr
{
    border: none;
}
.productControl .productAttributeContainer
{
    display:block;
    height:25px;
    overflow:hidden;
    padding:0px;
}
.productControl .filter-icon-product-atttribute
{
    margin:0px;
}

/* -------------- Payment systems -------------- */
.btn-success.pay-button,
.btn-primary.pay-button
{
    /*font-weight:bold;*/
    font-size:16px;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 1px 1px 2px 0 #000;
    margin: 10px 0px;
}

.eWayPayContainer
{
    
}

.eway-button, .eWayPayContainer .eway-button, .eway-tokenlist-pay, .eway-token-manager-create a, .eway-token-manager-create button
{
    background-color: #ffaf00;
    border-width: 1px;
    border-color: #ffb003;
    background-image: linear-gradient(0deg,#ffaf00 0%,#ffc74d 100%);
    font-weight:bold;
    color: #333;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 1px 1px 2px 0 #000;
}

.eway-token-manager
{

}
.eway-token-manager-authorise
{

}
.eway-tokenlist .row
{
    padding:3px;
}
.eway-tokenlist-empty
{
    display:none;
}
/*.eway-tokenlist .row:not(:first-child)*/

.eway-tokenlist .btn, .eway-tokenlist-pay
{
    margin-left:5px;
    padding:5px;
}
.eway-tokenlist-pay
{
}


.eway-tokenlist-name, .eway-tokenlist-card
{
    display:inline-block;
    padding: 0px 8px;
    margin: 0px 3px;
}

.token-selected
{
    background: #CDE;
    border-radius: 5px;
    border: solid 1px #8BE;
}



/* ------ Generic -------*/
.col-md-1-fill
{
    display:inline-block;
    width: 8.33333333%;
    margin:0px 2px;
}
@media(max-width:991px)
{
    .col-md-1-fill
    {
        display:none;
    }
}
.credit-card-mask
{
    display:inline-block;
    padding: 0px 8px;
    margin: 0px 3px;
    background:#EEE;
    border-radius:5px;
}
.checkbox-button input
{
    margin:5px 10px;
}

table.action-seperator
{
    width:100%;
    padding:0px;
    border:0px;
}
table.action-seperator td
{
    text-align:center;
    vertical-align:middle;
    padding:5px 20px;
}

/* ---------- pos_product_details ---------- */
/*#pos_product_details*/
.product-details-column button .glyphicon
{
    padding:3px 10px 3px 0px;
}
.product-details-column .form-group
{
    margin:5px 0px;
}
.product-details-column .alert
{
    display: inline-block;
    padding: 5px 10px;
    margin: 0px;
    line-height: 1.4em;
    vertical-align: middle;
}
.dimension_table_container{
    max-height:200px;
    overflow-y:auto;
}
.dimension_table > div > div:first-child,
.price_table > div > div:first-child{
    text-align:right;
}

#lstProductQty{
    
}
.product-details-column abbr[data-original-title], 
.product-details-column abbr[title]
{
border-bottom:none;
    border:none;
}

.DimensionSelector button,
.DimensionSelector input,
.DimensionSelector select,
.DimensionSelector select.form-control
{
    width:150px;
}
.DimensionSelector .input-group input
{
    width:106px;
}
.DimensionSelector .priceAmount
{
    padding: 6px;
    margin-left:10px;
}

@media (min-width: 768px)
{
    .product-details-column .form-group,
    .product-details-column .form-inline .form-group
    {
        margin:5px 0px;
    }
}
@media (max-width: 768px)
{
    .DimensionSelector button,
    .DimensionSelector input,
    .DimensionSelector select,
    .DimensionSelector select.form-control
    {
        display: inline-block;
    }
}

/* --------- Control Area ---------- */

.control-area
{
    border:solid 1px rgba(0,0,0,0.1);
    border-radius: 5px;
    padding:10px 15px;
    margin-right: auto;
    margin-left: auto;
    max-width:700px;
}
.control-area .row
{
    border-bottom:solid 1px rgba(0,0,0,0.1);
    margin-bottom:8px;
}
.control-area .row:last-child
{
    border-bottom:none;
}


/* --------- Subscription Membership ---------- */
.membership-subscription
{
    
}
.membership-subscription .row
{
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
}
.membership-subscription-list-details
{
    text-align:center;
}
.membership-subscription-list-details span
.membership-subscription-list-title,
.membership-subscription-list-price
{
    display:inline-block;
    padding:0px 20px;
}

.membership-subscription-existing span
{
    display:block;
    padding: 5px;
}
.membership-subscription-existing .row
{
    padding: 5px;
    
}

.membership-subscription-existing-title
{
    
}
.membership-subscription-existing-status
{
    font-style:italic;
}

.membership-subscription-existing-card
{
}
.membership-subscription-existing-card span.membership-subscription-existing-cardname,
.membership-subscription-existing-card span.membership-subscription-existing-cardmask
{
    display:inline-block;
}

.row .membership-subscription-actions label
{
    margin-top:10px;
}

.row .membership-subscription-actions label.checkbox-inline
{
    
}

/*  ---------------- Product details  ------------------ */
.pos-prod-details-panel
{
    padding:0px;
    margin:0px;
    border-width: 2px;
    border:none;
}
.title{
    font-weight:bold;
}
.pos-prod-details-section{
    margin:10px 0px;
}
.pos-prod-details-section table
{
    width:100%;
}

.pos-prod-details-section table.twocols th
{
    width:35%;
}
.pos-prod-details-section table td,
.pos-prod-details-section table th
{
    vertical-align:top;
    padding:10px;
    border-top:solid 2px rgba(0,0,0,0.1);
}
.pos-prod-details-section table tr:last-child td,
.pos-prod-details-section table tr:last-child th
{
    border-bottom:solid 2px rgba(0,0,0,0.1);
}
.pos-prod-details-section table th
{
    background-color: rgba(0,0,0,0.05);
    font-weight:bold;
}

@media(min-width:991px)
{
    .pos-prod-details-section table.twocols tr th:first-child
    {
        width:20%;
    }
}


/*.datatable{

}
.datatable-row{

}
.datatable-title{

}
.datatable-data{

}*/