/****************************************** CONSIGNMENT ITEMS CSS DEFINITIONS *****************************************/

/************************************* Start of Consignment Items and Review Section Settings **************************/
/******************** Consigned Items Menu CSS ********************/
#consignedItemsSortButton { height:33px; width:100%; text-align: left;}
#consignedItemsPageNumButton {height:33px; width:110%; min-width: 60px; text-align: left }
#consignedItemsPageInput {vertical-align:middle; height:32px; width:32px; border-radius:5px; font-size:16px; text-align:right; } /* IMPORTANT: vertical align middle */
/******************** End of Consigned Items Menu CSS ********************/

#consignedByDiv { margin: 20px auto; max-height: 250px; max-width: 90%; font: "Roboto Light"; font-weight: 300; }
#consignedByDiv .sectionHeader, #consignedByReviewDiv .sectionHeader { margin-bottom: 5px; }
#consignedByImage, #reviewConsignedByImage { max-width:50px; max-height:50px; margin: 0; padding: 0; }
.consignorInfo { padding-top: 5px; padding-bottom: 5px; }
.consignorInfo, .reviewConsignorInfo { line-height: 24px}
.consignorInfo img, .sectionDescription img { margin-right: 10px}

/********** CSS for Consigned Item Review section **********/
#consignmentItemReviewMainDiv { max-width: 1170px; margin-top: 50px; }
#consignedByReviewLeftColumn .row {margin: 10px auto;}
#consignedByReviewRightColumn { margin: 10px auto;}

#consignmentItemReviewHeaderDiv { height: 50px; text-align: right; padding-top: 5px; padding-right: 10px; }
#consignmentItemReviewImageDiv {padding-top: 10px;}
#consignedItemReviewDescriptionDiv, #consignedItemReviewDimensionsDiv { margin-left: -15px; margin-bottom: 25px; }

.recentConsignedItemImage {
    height: 180px;
    width: 100%;
    max-width: 220px;
    border: 4px solid white;
    margin-top: 10px;
}
/*************************************** End of Consignment Items and Review Section Settings **************************/

/********** Responsive widths by device screen sizes **********/
/* CSS for smartphones (e.g. iPhone), and tablets (e.g. iPad) in both portrait and landscape orientation */
@media only screen and (min-width:200px) and (max-width:767px) {

    /* Consignment Items Listing adjustments */
    #consignedByDiv {clear:both; margin: 0}
    #consignedByImage{float: left;margin:5px auto;}

    /***** Consigned Items Review *****/
    /* Override Consignment Item Review Consigned By section */
    #consignedByReviewDiv { clear: both; margin-left: -15px; }

}

/* CSS for larger sized tablets and smaller desktops */
@media only screen and (min-width:768px) and (max-width:991px) {

    #consignedItemsSortButton, #consignedItemsPageNumButton {margin-left: 5px;}
    #consignedByDiv {margin-top: -20px;}
    #consignedItemDescriptionDiv .hidden-sm {content: "";visibility: hidden;} /*VERY IMPORTANT: Make sure the first description section is hidden*/

}