#leftColumn
{
padding-left:  10px;
}
#leftFilter
{
background:  #fafafa;
}

.pageTitle
{
color:  #666;
font-size: 18px;
line-height:  60px;
text-transform: uppercase;
height:  60px;
border-bottom: 1px solid #ECECEC;
}
/*#pageOrder .pageTitle
{
border-right: 1px solid #dadada;
}
*/
#pageOrder .pageTitle:last-child, #pageOrder .pageTitle.passed
{
border-right: 0;
}

.pageTitle.passed
{
color: #fff;
border-left:1px solid #888;
}

.pageTitle.passed:first-child
{
border-left: 0;
}

.pageTitle > .row
{
padding-left: 90px;
background-repeat:no-repeat;
background-position: 20px center;
white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis;
}

.pageTitle.passed .row
{
color:  #000;
font-weight: bold;
}

.pageTitle .basket
{
background-image:url('pageIcons/basket.png');
}

.pageTitle.passed .basket
{
background-image:url('pageIcons/basketPassed.png');
}

.pageTitle .address
{
background-image:url('pageIcons/address.png');
}

.pageTitle.passed .address
{
background-image:url('pageIcons/addressPassed.png');
}

.pageTitle .address2
{
background-image:url('pageIcons/address2.png');
}

.pageTitle.passed .address2
{
background-image:url('pageIcons/address2Passed.png');
}

.pageTitle .payment
{
background-image:url('pageIcons/payment.png');
}

.pageTitle.passed .payment
{
background-image:url('pageIcons/paymentPassed.png');
}

.pageTitle .cargo
{
background-image:url('pageIcons/cargo.png');
}

.pageTitle.passed .cargo
{
background-image:url('pageIcons/cargoPassed.png');
}

.pageTitle .confirm
{
background-image:url('pageIcons/confirm.png');
}

.pageTitle.passed .confirm
{
background-image:url('pageIcons/confirmPassed.png');
}

.pageTitle .member
{
background-image:url('pageIcons/member.png');
}

.pageTitle.passed .member
{
background-image:url('pageIcons/memberPassed.png');
}

.pageTitle .memberInfo
{
background-image:url('pageIcons/memberInfo.png');
}

.pageTitle.passed .member
{
background-image:url('pageIcons/memberInfoPassed.png');
}

.pageTitle .memberNew
{
background-image:url('pageIcons/memberNew.png');
}

.pageTitle.passed .member
{
background-image:url('pageIcons/memberNewPassed.png');
}

.col-title
{
line-height: 35px;
font-size:20px;
color: #000;
font-weight: 700;
border-bottom: 1px solid #ccc;
text-transform: capitalize;
}
#leftFilter > .col-title
{
display: none;
}

.col-text
{
line-height:  20px;
font-size: 14px;
margin-bottom:  10px;
color: #000;
}

.overFlow
{
max-height:  220px;
overflow: auto;
}

.filterBtn
{
background:  #000;
text-align: center;
cursor:pointer;
}

.filterBtn span
{
color:  #fff;
font-size: 20px;
font-weight:  700;
margin-top: 10px;
}

.currency
{
padding-top: 5px;
padding-bottom:5px;
}

.currency:last-child
{
padding-bottom: 0;
border-bottom:0;
}
/*.currency *
{
line-height: 16px;
font-size:12px;
text-align: center;
}
*/
@media screen and (min-width: 769px)
{
.col-title + div
{
display:block !important;
}
}
@media screen and (max-width: 768px)
{
.col-title
{
cursor: pointer;
background:url('colArrow.png') no-repeat right center;
border-bottom: 0;
}
#leftFilter
{
padding-top: 10px;
padding-bottom:10px;
border: 1px solid #ececec;
}
#leftFilter > .col-title
{
display: block;
}

.col-title + div
{
display: none;
border-top:1px solid #cdcdcd;
}
#leftFilter .col-title + div
{
width:100%;
}
#leftFilter > .col-title + div
{
padding-top: 10px;
padding-left:10px;
padding-right: 10px;
box-sizing:border-box;
}

.currency *
{
line-height: 20px;
font-size:15px;
}
}
@media screen and (max-width: 540px)
{
#pageHeader .pageTitle > .row
{
padding-left:calc(100% + 20px);
background-position: center center;
}
}