/*************************************** Customized Create New/Edit Sale Template Styles ******************************/
/*Section Layout settings*/
#createSaleBasicInfoDiv, #editSaleBasicInfoDiv, #importLotsDiv { display:table; width:100%; height:auto; padding: 10px 0 10px 0; /* top right bottom left */ }
#createSaleBasicInfoDiv form, #editSaleBasicInfoDiv form, #importLotsDiv form { margin: 14px 0 14px 0; /* top right bottom left */ }
#createSaleDateInput, #createSaleDateEndInput, #createSaleTimeInput, #createSaleTimeEndInput, #createSaleTimeZoneInput, #createSaleCurrencyInput, #createSaleAuctionTypeInput, #createSaleDateStartLiveInput, #createSaleTimeStartLiveInput, #createSaleDateStartProxyBiddingInput, #createSaleTimeStartProxyBiddingInput { height:33px; width:92%; text-align: left }
#editSaleDateInput, #editSaleTimeInput, #editSaleTimeZoneInput, #editSaleCurrencyInput, #editSaleDateEndInput, #editSaleTimeEndInput, #editSaleAuctionTypeInput, #editSaleDateStartLiveInput, #editSaleTimeStartLiveInput, #editSaleDateStartProxyBiddingInput, #editSaleTimeStartProxyBiddingInput { height:33px; width:92%; text-align: left }
#createSalePublicationStatusInput, #editSalePublicationStatusInput { height:33px; min-width:180px; width:92%; text-align: left }

#coverImgWrapper { width:100%; max-width: 350px; display: inline-block; position: relative; }
#loadCoverImg { width:100%; min-width:300px; min-height:250px; max-height:300px; }

#importLotsLeftCol, #importLotsMiddleCol, #importLotsRightCol { display:table-cell; float:none; margin:0 auto; vertical-align:middle;  }
#importLotsLeftCol {min-width:150px;}
#importLotsMiddleCol { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
#importLotsRightCol { text-align:center; }
/**************************************** End of Custom Create New Sale Template Styles *******************************/


/**************************************** Customized Sales Events Template Styles *************************************/
/* Button layout settings */
#salesEventsSortButton { margin-left:10px; width:110%; height:33px; text-align: left;}
#createNewSaleButton {width:100%; min-width:160px; text-align:center; margin-left:-40px;}
#editSaleButton { width:100%; max-width:75px; text-align:center; }
/* Section layout settings */
#salesEventHeader {height:auto; width:100%; padding:5px 0 5px 0; /* top right bottom left */}
.dateTimeDiv {line-height: 25px; padding-left: 5px; font-family: Roboto-Condensed, Arial, sans-serif}
#salesEventsDescriptionDiv {display:table; width:100%; height:auto; }
#salesEventViewingDiv { /*display:table-cell; vertical-align:middle; float:none;*/ margin:10px auto; height:100%; }
/**************************************** End of Sales Events Custom Styles ********************************************/


/**************************************** Customized Sale Lots Template Styles *************************************/
/* Section layout settings */
.saleLotItemDiv { margin-bottom: 15px; }
#saleLotHeader, #saleLotArtist {padding:5px 0 5px 0; /* top right bottom left */}
#saleLotsSortButton, #saleLotsNumPerPageButton {width:100%; min-width:60px; text-align:left;}
.lotNumberInput { }
#editLotArtistSelection{ min-height:30px; width:100%; text-align: left }
/**************************************** End of Sale Lots Custom Styles ********************************************/

/********** 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) {
    #salesEventDateDiv * {float: left !important;}
    #salesEventsOptionsMenu { padding-left:15px; }
    #salesEventsSortButton { width:100%; margin-left: 15px; }
    #salesEventsPageNavDiv {margin: 0 auto;}
    #createNewSaleButton { margin:10px auto; margin-left: 5px; }
    /*Create New Sales*/
    #createSaleDateTimeDiv div {padding-bottom: 5px;}
    .fileCheckLabel {clear: both; float:left; width:200px;}
    /*Sale Lots*/
    #saleLotsSearchDiv {margin-top:15px; margin-left:-10px;}
}

/* CSS for larger sized tablets and smaller desktops */
@media only screen and (min-width:768px) and (max-width:991px) {
    #salesEventsSortButton { margin-left: -15px; }
    #salesEventViewingDiv {content: "";visibility: hidden;}
    /*Create New Sales*/
    .fileCheckLabel {clear: both; float:left; width:200px;}
}

/* CSS for large desktops */
@media (min-width:992px) {

}