@font-face {
    font-family: 'Impact';
    src: url('/fonts/impact.ttf') format('truetype');
}

body{
    line-height: 1.6em;
}

ins {
    background: transparent;
    text-decoration: none;
}

.logo{
    font-family: 'Impact';
    font-size: 1.5em;
}
.logo-color1{
    color: #FF6633;
}
.logo-color2{
    color: #8a8a8a;
}

.wrap{
    width: 95%; 
    max-width:950px; 
    margin: auto
}

/*#logo{
    float: left;
    margin: 5px 0 5px 0;
}
@media only screen and (max-width: 767px) {
    .wrap{
        width: 100%;
        padding: 0 3%;
        margin: auto;
    }    
    #logo{
        text-align: center;
        margin: 2px 0 2px 0;
    }    
}*/

#header{
    clear: both;
}

form.forms{
    margin-bottom: 0;
}
    /*form.forms .forms-list, form.forms label, form.forms p, form.forms .forms-inline-list{
        margin-bottom: 1.0em;
    }
    form.forms label.last{
        margin-bottom: 0;
    }
    form.forms select.width-100, form#search input.width-100{
        width:100%;
    }
    form.forms ul.forms-list label{
        margin-bottom: 0px;
    }
    form.forms ul.forms-list li{
        margin-bottom: 1px;
    }
    form.forms label.filter-header{
        font-weight: bold;
        margin-bottom: 0.2em;
    }*/

    /* Add item tag type header */
    form.forms label.tag-label{
        margin-bottom: 0;
        margin-bottom: 14px;
        cursor: pointer;
        display: block;
    }
    /*form.forms label.tag-label{
        font-weight: bold;
        color: #3570C3;
        font-size: 0.9em;
    } */   
    /* Tag type header */
    form.forms label.tag-label{
        border-radius: 4px;
        background-color: #D2D1D1;
        font-weight: normal;
        padding: 7px 7px;
        cursor: pointer;
        position: relative;
    }    
    form.forms label.formLabel, .formLabel{
        font-weight: normal;
        /*color: #3570C3;*/
        font-size: 1em;
    }    
    /*body legend{
        font-size: 1.5em;
        color: #444444;
        font-weight: 400;
        margin: 0 0 0.8em 0;
        padding: 0 0 0.5em 0;
        
        border-bottom: 1px solid #bbb;
        width:100%;
    }*/

.tag-expand-collapse{
    font-weight: normal;
    margin-right: 0.2em;
    /*
    font-size: 1.5em;
    position: relative;
    */
}

#tags div.form-inline input[type=checkbox]{
    position: relative;
    top: 1px;
}

#tags div.form-inline label{
    vertical-align: top;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    background: #F4F3F3;
    font-size: 1em;
    padding: 4px 7px;
    margin-right: 1em;
    margin-bottom: 14px;
    font-weight: normal;
}

    /* Primary photo selection */
    #files button.selected{
        background: #eee;
    }
    
    /* Tag label when selected */
    #tags div.form-inline label.selected{
        /*background: #bbbbbb;*/
        font-weight: bold;
        color: #3570DF;
    }
     
    #tags .delete{
        position: absolute;
        top: 1px;
        right: 1px;
        padding: 7px;
    }
    /* Search form tag label when selected */
    /*form#search ul.forms-inline-list label.selected{
        color: #3570DF;
        background-color: #eeeded;
    }*/

/* RESULT TABLE */
ul.result-table{
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0;    
}
/*ul.result-table li, td, th, #replies td{
    border-bottom: 1px solid #ccc;
    padding: 20px 3px;
}*/
ul.result-table li:last-of-type{
    border-bottom: 0;    
}
ul.result-table li:first-child{
    /*padding-top: 0;    */
}

ul.result-table li.featured{
    /*background-color: #EEF8E4;*/
    /*background-color: #EDF4FF;*/
}

ul.result-table li.admin{
    /*background-color: #EEF8E4;*/
    background-color: #f0f0f0;
}

.result-table-row {
    border: 0 none;
    border-collapse: collapse;
    display: table;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%;
}
.thumbnail-holder, .result-table-pic-holder{
    width: 150px;
}
.result-table-pic-holder {
    border-collapse: collapse;
    display: table-cell;
    margin: 0;
    padding: 0 3px 0 0;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}
@media only screen and (max-width: 767px) {
    .result-table-pic-holder, .thumbnail-holder {
        width: 100px;
    }
}
.result-table-pic-holder img{
    max-height: 150px;  
    min-width: 90%;
}
.result-table-detail {
    border: 0 none;
    border-collapse: collapse;
    display: table-cell;
    margin: 0;
    padding: 0 0 0 5px;
    width: 100%;
}
.result-table-detail .units-row div{
    margin-bottom: 0.0em;
}

.break-word, ul li, ol li{
    word-wrap: break-word;    
}
/*ul li, ol li{
    margin: 0;
}*/

/*ul li:after, ol li:after {
    content: "";
    display: table;
    clear: both;    
}*/

.tip{
    color: #777777;
}
/*.itemTitle{
    font-weight:bold;
    font-size: 1.0em;
}*/

.itemTitleHolder{
}

.itemPriceHolderUsed, .itemPriceHolderNew{
    /*font-weight: bold; */
    font-size: 1.0em; 
    color: #333;
    padding-left: 20px;        
    background-position: left;
    background-repeat: no-repeat;        
}

.itemPriceHolderUsed{
    background-image: url('icon/price-used.png');        
}

.itemPriceHolderNew{
    background-image: url('icon/price.png');        
}

.icon{    
    background-position: left;
    background-repeat: no-repeat;
}

.icon-folder{
    background-image: url('icon/folder.png');
    padding-left: 17px;    
}

.itemCat{
    color: #aaaaaa;
}

.itemInfo{
    font-size: 0.9em;
}

.button{
    width: 30px;
    height: 20px;
    font-size: 0.8em;
    border-radius: 2px;
    color: white;
    padding: 2px 3px;
    margin: 0px -1px;
    position: relative;
    top: -1px;
}

.moderated{ background-color: #666}
.banned{    background-color: #D8000C;}
.sell{      background-color: #009900;}
.buy{       background-color: #3300FF;}
.adminUnviewed{background-color: #5e35ff}
.used{      background-color: #888888;}
.new{       background-color: #FFC129;}

.summary{
    font-size: 1em;
    color: #555555;
}

.pageList{
    margin: 0 0 5px 0px;
}
.pageListHolder{
    
}
.pageList a{
    text-decoration: none;
    display: inline-block;
    font-size: 1em;       
    padding: 3px 6px;
    margin: 0px 3px 1px 0px;
    cursor: pointer;
    border: #cccccc 1px solid;
    text-align: center;
    min-width: 1.7em;
}
.pageList a.selected{
    border: #666666 1px solid;
    font-weight: bold;
}

.showing{
    margin: -25px 0px 1.6em 0;
    color: #666666;
    font-size: 0.9em;
	clear: both;
}

#index-content-right{

}

body fieldset{
    /*padding: 1.2em;*/
    padding: 0;
    border-radius: 4px;
    border: 0;
    min-width: 0;
}
body legend{
    font-size: 1.5em;
    color: #444444;
    font-weight: 400;
    margin: 0 0 0.8em 0;
    padding: 0 0 0.5em 0;

    border-bottom: 1px solid #bbb;
    width:100%;
}

@media only screen and (max-width: 767px) {
    body fieldset{
        /*padding: 1.2em;*/
        padding: 0;
        border-radius: 4px;
        border: 0;
    }
    body legend{
    }
}

/*body h1{
    font-size: 2.2em;
    color: #555555;
    font-weight: 400;
    margin-bottom: 1.6em;
    word-wrap: break-word;        
}*/

/*body h3{
    font-size: 1.1em;
    color: #555555;    
    margin-bottom: 0.8em;
}*/

.inline{
    display: inline-block;
}

.login-or{   
	width: 2em;
	padding-top: 10px;
	padding: 0 3px;
	background-color: white;
	margin: -11px 0 14px 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}

.fbSignIn{
	border-bottom: 1px solid #dddddd;
    height:  9em;
    padding-bottom: 5em;
	background-color: white;
    text-align: center;
    margin-top: 20px;
}

/* MESSAGE BOXES */
/* ============= */
.msg-info, .msg-success, .msg-warning, .msg-error, .msg-validation {
    /*border: 1px solid;*/
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px;
    border-radius: 4px;
    margin-bottom: 1.4em;
    /*dont set fixed length here*/
    /*width: 250px;*/
}
    .msg-info {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('icon/info.png');
    }
    .msg-success {
        color: #4F8A10;
        background-color: #DFF2BF;
        background-image:url('icon/success.png');
    }
    .msg-warning {
        color: #9F6000;
        background-color: #FEEFB3;
        background-image: url('icon/warning.png');
    }
    .msg-error {
        color: #D8000C;
        background-color: #FFBABA;
        background-image: url('icon/error.png');
    }    
    .msg-error ul{
        padding-left: 10px;
        margin:0px;
    }
    
#footer{
    margin-top: 40px;
    padding: 40px 0;
    border-top: 1px solid #ddd;
    /*background-color: #f8f8f8;*/
}
    /*#footer .footer{
        font-size: 0.9em;
        color: #444444;
        text-align: center;
    }*/
    #footer a{
        margin-right: 1.6em;
    }
    #footer .copyright{
        text-align: right;
    }
    #footer .links{
        text-align: left;
    }

@media only screen and (max-width: 767px) {
    /*.item-list-thumb {
        max-height: 100px;
    }*/
}

@media only screen and (max-width: 767px) {
    #footer a{
        margin: 0 0.8em;
    }
    #footer .copyright{
        text-align: center;
    }
    #footer .links{
        text-align: center;
    }
}    

/* From jQuery File Upload CSS file */
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.bar {
    height: 3px;
    background: green;
    margin-bottom: 0.5em;
}

#files{}
    /*#files > div {
        float: left;
        margin: 0 0.5em 0.5em 0;
        position: relative;
    }*/
    #files img{
        /*cursor: pointer;*/
    }
    #files span.img-remove{
        cursor: pointer;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 5px;
        top: 5px;
        background-image:url('icon/delete.png'); 
        background-repeat:no-repeat;   
        cursor: pointer;
    }

/* Widths 100% for mobile */
.width-full-40{ width: 40%;}
.width-full-50{ width: 50%;}
.width-full-60{ width: 60%;}
.width-full-70{ width: 70%;}

@media only screen and (max-width: 767px) {
    .width-full-40, .width-full-50, .width-full-60, .width-full-70{
        width: 100%;
    }    
}

#mainNav.navbar{
    background-color: #696969;
    width: 100%;
    height: 41px;
    /*font-weight: bold;*/
    font-size: 1.1em;
    border-bottom: 1px solid #4e4e4e;  
    position: relative;
}
    #mainNav.navbar ul{
        max-width: 950px;
        width:95%;
        padding: 0;
        margin: 0 auto;
        height: 40px;
    }
    #mainNav.navbar ul li{
        margin-right: 0;
        border-right: 1px solid #8b8b8b;
    }
    #mainNav.navbar ul li:first-child a{
        border-left: 1px solid #8b8b8b;
    }
    #mainNav.navbar a{
        padding: 0 1em;
        line-height: 40px;
        color: #fff;    
        text-shadow: 1px 1px 0px #606060;          
    }
    #mainNav.navbar ul li a:hover, #mainNav.navbar ul li a:active{
        color: #fff;        
        background-color: #888888;
    }
    #mainNav.navbar a#pull {  
        display: none;  
    }      

@media only screen and (max-width: 767px) {
    #mainNav.navbar{
        height: auto;
        border-bottom: 0;  
    }    
    #mainNav.navbar ul {  
        width: 100%;  
        display: none;  
        height: auto;  
    }      
    #mainNav.navbar ul li{
        float: none;
        text-align: center;        
        border-bottom: 1px solid #8b8b8b;
    }
    #mainNav.navbar a#pull {  
        display: block;  
        background-color: #404040;  
        width: 100%;  
        position: relative;  
    }      
    nav a#pull:after {  
        content:"";  
        background: url('icon/nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 10px;  
        top: 10px;  
    }      
    a#pull img {
        position: relative;
        top: 10px;
        left: -7px;
        height: 20px;
        width: auto;
    }    
}

/*#banner{
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
    padding: 15px 0;
    
}
    #banner:after {
        content: "";
        display: table;
        clear: both;
    }
    #banner .login-info{
        
    }
*/

@media only screen and (max-width: 767px) {
    #banner{
        display:none;
    }
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.feedbackGood{
    font-weight: bold;
    color: green;
}
.feedbackBad{
    font-weight: bold;
    color: red;
}
.feedbackNeutral{
    font-weight: bold;
    color: gray;
}
.feedbackGood, .feedbackBad, .feedbackNeutral{
    /*font-size: 0.9em;*/
}
.feedback, .feedback-reply{
    margin: 1em 0 1em 0;
}
.feedback-reply .reply-label{
    color: #6A6CB0;
    font-weight: bold;
    font-size: 0.9em;
}
.result-table .action-links{
    float: right;
}
.result-table .action-links:after{
    content: "";
    display: table;
    clear: both;    
}
#feedback div.info{
    float:left;
    font-size: 0.9em;
}

.listItemHeader{
    font-size: 0.9em; 
}

table.item-table{
    margin-bottom: 0;
}
    table.item-table td{
        border: 0;
        padding: 3px 9px 3px 0px;
    }
    table.item-table .label{
        font-weight: normal;
    }
    
ul.item-info{
    list-style: none;
    margin: 0;
}
    ul.item-info li{
        margin: 5px 0;        
    }
    ul.item-info li:first-child{
        margin-top: 0;        
    }
    ul.item-info li span{
        display: inline-block;
    }
    ul.item-info li span.label{
        min-width: 6em;
        font-size: 0.9em;
        font-weight: bold;
        color: #555;
    }    
    ul.item-info li span.label:after{
        content: "";
    }
    
.popup-gallery{
    margin-bottom: 1em;
}
    /* .popup-gallery img{
        max-height: 150px;
        max-width: 150px;
    } */

.img-thumb{
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .img-thumb{
        display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
}
/* Overwrite magnific popup */
.mfp-content img.mfp-img{
    padding: 0;
    margin: 0;
}
body .mfp-close{
    font-size: 3em;
    opacity: 0.9;
    position: absolute;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}
    div.mfp-container{
        padding: 0;
        margin: 0;    
    }
    div.mfp-counter{
        right: 1em;
        top: 1em;    
    }

ul li button{
    word-break: normal;
}

.no-wrap{
    white-space: nowrap;   
}

body #toast-container>div {
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
}

/*#replies input[type=checkbox]{
    top: 2px;
}
form.forms input[type="checkbox"]{
    top: 2px;
}*/   
.input-groups select{
    display: table-cell !important;
}
.fb-like, .favouriteLink{
    margin-bottom: 1em;
}
.fb-like{
    float:left;
}
.opacity50{
    opacity: 0.5;
}
/*.favouriteLink{
    padding: 0 0 0px 21px;
    float: right;
    background: url('/icon/fave.gif') left center no-repeat;

}
.favouriteLink img{
    top: 2px;
    position: relative;
    display: inline-block;
}*/
/*ul.tabs{
    border-bottom: 1px solid #ddd;
    list-style: none;
    margin-left: 0;    
}
    ul.tabs>li{
        margin-bottom: -1px;
        display: inline-block;
        cursor: pointer;
        margin-right: 1px;
    }
    ul.tabs>li>a{
        padding: 5px 13px;
        border-radius: 4px 4px 0 0;
        display: block;
    }
    ul.tabs>li>a{
        background-color: #eee;
        border: 1px solid #eee;
        
    }
    ul.tabs>li.active>a{
        background-color: white;
        border: 1px solid #ccc;
        border-bottom-color: transparent;
    }
*/
#chatMessages{
    width: 100%;
    padding: 0 3% 1.6em;    
}
    #chatMessages .username{
        float: left;
        font-weight: bold;
    }
    #chatMessages .admin{
        color: #bbb;
    }
    .time{
        float: right;
        color: #ccc;
    }
    #chatMessages .header{
        margin-top: 1em;
        font-size: 0.9em;
    }
    #chatMessages .message{
        margin-bottom: 0.3em;
        word-wrap: break-word;
    }
    #chatForm #chatMessage, #chatForm #btnSend{
        height: 2.9em;
        border-radius: 0;
    }

#chat-input{
    position: fixed;
    bottom: 0;
}
body .input-groups .btn-append .btn{
    height: 2.3em;
}
.item-actions{
    margin-top: 0.7em;
    cursor: pointer;
}
.item-actions a{
    padding: 0 0.2em;
}
.item-actions a:first-child{
    padding-left: 0;
}
.gray-box{
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 1em;
    margin-bottom: 1.6em;
}
    .gray-box ul{
        margin-bottom: 0;
        margin-left: 1em;
    }
    .gray-box ul li{
        margin-bottom: 0.6em;
    }    
    .gray-box ul li:last-child{
        margin-bottom: 0;
    }

.white-popup {
    position: relative;
    background: #FFF;
    padding: 30px;
    width:auto;
    max-width: 700px;
    margin: 20px auto;
}

.white-popup-holder{
    margin: 2em auto;
    position: relative;
    background-color: white;
    padding: 2%;    
    width: 50%
}    
@media only screen and (max-width: 767px) {
    .white-popup-holder{
        width: 100%;
        margin: 0;
    }
}
#item-reports .header{
    font-size: 0.9em;
}
#item-reports .username{
    
}

#admin-item-table{}
    #admin-item-table .report{
        text-align: center;
    }
    #admin-item-table .report a{        
        padding: 10px;
    }
    
#myItemsForm{
    margin-bottom: 1.6em;
}
    #myItemsForm input, #myItemsForm select{
        display: inline-block;
    }     
    #myItemsForm input{
        width: 30%; 
    }
    #myItemsForm .btn-append button{
        border-radius: 0 4px 4px 0;
    }
    
    @media only screen and (max-width: 767px) {
        #myItemsForm input{
            width: 50%;
        }        
    }
    
#categories{
}
    #categories ul{
        padding: 0;
        margin: 0 0 22px 22px;
    }
    #categories li{
        list-style: none;
        line-height: 1.6em;
    }
    #categories li a, #brands a{
        cursor: pointer;
    }
    #categories .parent{
        margin: 1em 0;
    }
    #categories .parent>a{
        font-weight: bold;
    }
    #categories .code{}
    #categories .desc{}
    #categories .tag-expand-collapse{
        top: 0.1em;
        cursor: pointer;
    }
    #categories a.cat-hidden{
        color: #bbb;
    }
    #categories .tag-expand-collapse img{
        width: 12px;
        height: 12px;
    }
    
#catTags{}
    /*#catTags td{
        line-height: 1em;
        padding: 5px 13px 7px 0;
    }*/
    #catTags .tagTypeAdded{
        color: #4F8A10;
    }
    
    .tag-code{
        color: #cccccc;
    }    
    
.tag-warning{
    font-size: 0.9em;
    color: #3570c3;
}    
.item-tag{
    display: inline-block;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    background: #eee;
    padding: 2px 7px;
    margin-right: .4em;
    margin-bottom: 0.5em;
}

#ad-banners img{
    display: block;
    margin-bottom: 0.7em;
}
#ad-banners{
    margin: 0 auto 1em auto;
}
#ad-banners td{
    border: 0;
    padding: 0.5em;    
}

/* Flex banner */
#flex-ad-banners{
    margin: 0 auto 4em;    
    max-width: 730px;
}

#flex-ad-banners li img{
    max-width: 730px;
    max-height: 300px;
}


#index-left-banner img{
    display: block;
    margin: -1.5em auto 0.6em auto;    
}

#ad-banners-footer img, #index-left-banner2 img{
    max-height: 262px;
    /* max-width: 250px; */
    border: 1px solid #aaa;            
}

#ad-banners-footer{
    margin: 1em auto 1em auto;
}
#ad-banners-footer td{
	border: 0;
}

#ad-banners-footer img{
    display: block;
    margin: 17px auto;
}

#index-left-banner2{
    margin-top: 2em;
}

#index-left-banner2 img{
    display: block;
    margin: 0em auto 1.2em;    
}

#fb-like-box{
    display: block;
}

@media only screen and (max-width: 767px) {
    #index-left-banner, #index-left-banner2, #fb-like-box{
        display: none;
    }    
}

#goog-banner-view-item-top{
    margin-bottom: 1em;
}

#goog-banner-index{
    margin-bottom: 1em;
}

#goog-banner-view-item-bottom{
    margin-top: 1em;
}

.fineprint{
    font-size: 0.9em;
    color: #888888;
    margin-top: 2.5em;
}

.my-posts-feature-note{
    color: #009900;
    font-size: .9em;
}

.my-posts-feature-ended-note{
    color: #999999;
    font-size: .9em;    
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.featured-price, .price{
    text-align: inherit;
}

/*
.hide-mobile{
    display: none;
}
.hide-full{
    display: block;
}
*/

.show-mobile{
    display: block;
}
.show-full{
    display: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .featured-price, .price{
    padding-right: .5em;    
    text-align: right;
}
    .hide-mobile{
        display: block;
    }
    .hide-full{
        display: none;
    }
    .show-mobile{
        display: none;
    }
    .show-full{
        display: block;
    }
}

.view-item-price, .featured-price, .price{
    font-weight: normal;
    font-size: 18px;
    color: #2E8E2E;
    white-space: nowrap;
}

.featured-header{
    color: #009900;
    font-weight: bold;
}

#product-table td, #product-table th{
    padding: 10px;
    font-size: 1em;
}

#product-table label{
    font-weight: normal;
    font-size: 1em;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #product-table label{
        font-weight: normal;
        font-size: 0.9em;
    }

    #product-table td, #product-table th{
        padding: 10px;
        font-size: 0.9em;
    }
}

.popup-wrap{
    padding: 1em;
}

/*.banLinkBanned{
	color:red;
	weight: bold;
}*/

.moderated_comment{
    font-style: italic;
    color: #999999;   
}

nav#mainNav span.noti-bubble{
    padding: 0px 4px;
    border-radius: 30%;
    background-color: red;
    display: inline-block;
    color: white;
    font-size: 0.8em;
    font-weight: bolder;
    line-height: 1.5em
}

.msg-cnt{
    font-weight: bold;
    color: #2E8E2E;
    font-size: 1.2em;
}

.width-50{
    width: 49%;
}


table.itemDetail td{
    padding: 0px 1.5em .7em 0;
    vertical-align: top;
}

.item-detail-label{
    font-weight: 400;
}

.captcha-img{
    border: 1px solid #cccccc;
    margin-bottom: 5px;
}

form label{
    /*font-weight: 400;*/
}

.max-full-width-330{
    max-width: 304px;
}
@media only screen and (max-width: 767px) {
    .max-full-width-330{
        /* max-width: none; */
        max-width: 304px;
    }
}

.login-wrap{
    padding-bottom: 20px;
}

.item-desc{
    margin-bottom: 6px;
}

.tag-checkbox-wrap {
    margin-bottom: 10px;
}

.result-table .row-wrap{
    padding: 20px 0px;
    border-bottom: 1px solid #eee;
}
.result-table .row-wrap:last-of-type{
    border-bottom: 0px;
}

.feedback-points ul{
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
}
    .feedback-points li{
        line-height: 1.8em;
    }

.nav-tabs{
    margin-bottom: 1.6em;
}

body .label{
    padding: 0.2em 0.5em;
}

ul.pagination{
    margin: 0 0 1.6em 0;
}

body .chosen-container{
    display: block;
}

.item-row{
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 0px;
}

#items > .insert_ads > div{
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 0px;
    padding-bottom: 25px;
}

.item-row:first-child{
    padding-top: 0;
}


.item-row:last-of-type{
    border: 0;
}
body .media{
    margin: 0 0 0px 0;
}

.files .media{
    margin: 0 0 15px 0;
}

.error{
    color: red;
}

.margin-bottom-small {
    margin-bottom: 5px;
}

.margin-bottom{
    margin-bottom: 1.6em;
}

.margin-bottom-lg{
    margin-bottom: 2.6em;
}

body .checkbox, body .radio{
    margin-top: 0;
    margin-bottom: .9em;
}

.menu-glyph{
    padding-right: 4px;
}

#bbs-nav .dropdown-menu>li>a{
    padding: 9px 20px;
}

#bbs-nav img.nav-flag {
    margin: -7px 0;
    padding-right: 3px;
}

span.twitter-typeahead{
    width: 100%;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}
.tt-hint {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.tt-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;

}
.tt-suggestion {
    display: block;
    padding: 3px 20px;
}
.tt-suggestion.tt-cursor,
.tt-suggestion:hover {
    color: #fff;
    background-color: #428bca;
}
.tt-suggestion.tt-is-under-cursor a {
    color: #fff;
}
.tt-suggestion p {
    margin: 0;
}

#admin-item-table .media-body, #admin-item-table .media{
    overflow: visible;
}

.adslot-center-1{
    /* max-width: 336px; */
    margin: 0 auto;
}

.adslot-left-1{
    /* max-width: 336px; */
}

.img-thumbnail{
    padding: 0px;
	border: 0px;
	border-radius: 8px;
}

ol.luckydraw {
    padding-left: 17px;
    font-size: 1.2em;
}

.terms li, .terms{
    font-size: 0.9em;
}

.terms{
    padding-top: 60px;
}

.modal-header-glyphicon-success, .modal-header-glyphicon-error{
    font-size: 1.4em;
    top: 5px;
}

    .modal-header-glyphicon-success{
        color: #2E8E2E;
    }

    .modal-header-glyphicon-error{
        color: #ac2925;
    }


#files .media img{
    max-width: 150px;
}

.view-item-header{
    margin-bottom: 0.8em;
}

.view-item-favourite-btn{
    padding: 5px 10px;
    margin-left: 2px;
}

#atstbx{
    float: left;
}

.view-item-share-button-holder{
    margin: 0.7em 0
}

#view-item-gallery .responsive-img img {
    width: 100%;
    height: auto;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
#view-item-gallery .responsive-img{
    padding: 0;
    float: left;
    width: 33.33332%;
}

.view-item-actions a{
    cursor: pointer;
}
.view-item-actions{
    margin-bottom: 1em;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #view-item-gallery .responsive-img{
        width: 33.33332%;
    }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #view-item-gallery .responsive-img{
        width: 24.99999%;
    }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #view-item-gallery .responsive-img{
        width: 19.99999%;
    }
}

.item-list-hd-table{
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Mobile */
.item-list-hd-title{
    display: block;
    width: 100%;
}
.item-list-hd-price{
    display: block;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .item-list-hd-title{
        display: table-cell;
        width: 70%;
    }
    .item-list-hd-price{
        display: table-cell;
    }
}

.truncate-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#items .label-wrap{
    position: absolute;
    top: 0px;
    left: 3px;
}

#items .media-left{
    position: relative;
}

.item-list-line-2 {
    font-size: 0.9em;
    color: #666;
}

.item-list-desc{
    font-size: 13px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .item-list-desc{
        font-size: 14px;
    }
}

.container{
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .container{
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    /*.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }*/

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.edit-profile-pic-thumb{
    max-width: 100px;
    margin: 0 auto;
    display: block;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .edit-profile-pic-thumb{
        margin: 0;
    }
}

.view-item-profile-pic{
    max-width: 150px;
    padding: 0 0 1em 0;
}

.view-item-profile-pic-container{
    /* width: 150px; */
    margin: 0 auto 2em auto;
}

.user-profile-profile-pic{
    max-width: 150px;
    padding: 0 0 0 0;
}

.user-profile-display-name{
    margin-bottom: 0;
}

.profile-pic{
    max-width: 80px;
    margin: 0 1em 0 0;
}

.user-feedback-profile-pic{
    max-width: 40px;
}

#bbs-nav .nav-profile-pic{
    margin: -7px 3px -7px 5px;
    max-width: 28px;
    height: auto;
}

.index-profile-pic{
    max-width: 110px;
    margin: 0.6em 0;
}

.margin-top-small{
    margin-top: 1em;
}

svg path{
    fill: #6a737c;
}

svg.at-icon path{
    fill: #fff;
}

div.user-links svg{
    vertical-align: middle;
    margin-right: 7px;
}

.list-unstyled{
    list-style: none;
    margin-left: 0;
}

.user-links ul li {
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-top: 11px;
}

.user-links ul li span{
    vertical-align: middle;
}

.btn-mob-full{
    width: 100%;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .btn-mob-full{
        width: auto;
    }
}

.center{
    margin: 0 auto;
    display: block;
}

/* Show more */
.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.profile-picture-section {
    padding-top: 0px;
}

h1 {
   /* font-weight: 100; */
   font-size: 24px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .profile-picture-section {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    h1 {
       /* font-weight: 100; */
       font-size: 28px;
    }
}

.user-profile-key-detail{
    width: 75%;
}

.margin-top{
    margin-top: 2em;
}

.trs{
    border: 1px solid #cccccc;
}

/* alert box icons */
.alert .alert-icon-col {
    min-width: 25px;
    max-width: 25px;
}

.alert-link {
    /* i find 700 to bold */
    font-weight: 600;
}

.item-list-thumb {
    max-height: 130px;
}

.item-list-thumb-admin {
    max-height: 100px;
}

@media (min-width: 768px) {
    .item-list-thumb {
        max-height: 150px;
    }
    .item-list-thumb-admin {
        max-height: 150px;
    }
}

.event-list-thumb {
    max-height: 70px;
    margin-bottom: 1em;
}

.price-small{
    color: #6d6d6d;
    font-size: 12px;
}

.notification-time{
    font-size: 11px;
    color: #888;
}

.notification-icon{
    color: #ccc;
    font-size: 60px;
}

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

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

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

.btn-social{
    min-width: 15em;
    margin-bottom: 1.5em;
}

.btn-facebook {
    border-color: transparent;
    background-color: #385499;
    color: #fff;    
}

.btn-google {
    border-color: #aaa;
    background-color: #fff;
    color: #000;    
}

.btn-google svg{
    position: relative;
    top: 0.2em
}

.btn-facebook svg{
    color: #fff;    
    position: relative;
    top: 0.2em
}

.btn-facebook:hover, .btn-facebook:focus{
    color: #fff;
}

.btn-facebook svg path{
    fill: #fff;    
}

.viewItemImgCrop{    
    height: 35rem; 
    object-fit: cover;
    margin-right: .3rem;
}

section.splide{
    border-radius: 0px;
    background-color: #F0F0F0;
    margin: 0 -10px 1em -10px;
}
    
@media (min-width: 768px) {
    section.splide{
        border-radius: 6px;
        overflow: hidden;
        margin: 0 0 1em 0;
    }
}

.placeholder{
    background-color: #f4f4f4;
    border-radius: 4px;
}
.placeholder-img{
    width: 150px;
    height: 150px;    
}

@media only screen and (max-width: 767px) {
    .placeholder-img{
        width: 100px;
        height: 100px;    
    }
}

.placeholder-text{
    height: 1.2em;
    margin: 0 0 .8em 0
}