/* MAIN STYLE SHEET - CLOSEOUTCENTRAL.COM */

/* TABLE OF CONTENTS
*  ------------------------------------
*  BASE TAG STYLES
*    # Font Styles (HTML, Body)
*    # Link Colors
*    # Other Base Tags (H1, H2, H3, p, strong)
*  CLASSES and IDS
*    - Core Styles
*    - Font Sizes
*    - Font Weights
*    - Font-Awesome Styles
*    - Font Colors
*    - Background Colors
*    - Border Colors
*    - Utilities
*    - Head Section 1
*    - Head Section 2
*    - Head Search
*    - Top Banners
*    - Slider
*    - FLEX-FORM
*    - Special FORM
*    - Main Content Area FORM (KEEP?)
*    - Buttons
*    - Home Page
*    - Lot Detail Page
*    - Search Result Page
*    - Add Seller Page
*    - Add Seller Page 2
*    - Add Seller Congrats Page
*    - Seller Directory Results Page
*
*    - Seller Admin Page
*    - Seller Post Lot
*    - Admin Success Page
*    - Premium Report Results Page
*    - Seller Lotlist Page
*    - Custom Lot Report
*    - Transaction List Form
*    - Add Funds
*    - Seller Profile Page
*    - Seller Promote Lots
*    - Seller Transaction History
*    - Footer
*/

/* ====================================
/* # BASE TAG STYLES
======================================= */

/* # Font Styles - Set font size to 62.5% so: .9em = 9px, 1em = 10px etc.
---------------------------------------- */
html {
  font-size: 62.5%; /* 3 */
/* -ms-text-size-adjust: 62.5%;
   -webkit-text-size-adjust: 62.5%; */
}

body {
	font-size: 1.5rem;
	line-height: 1.4em;
	font-weight: 400;
	font-family: 'Open Sans', Tahoma, Verdana, sans-serif; /* 1 */
	color: #505050;
}

/* # Link colors
---------------------------------------- */
a:link { color: #087480; text-decoration: none;}
a:visited { color: #087480;}
a:active { color: #087480;}
a:hover { color: #3496a0; text-decoration: underline;}

/* # Other Base Tags
---------------------------------------- */
h1 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin-bottom: 12px;
}

h2 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.0rem;
    margin-bottom: 4px;
}

.featured-lots h2 {
  margin-top: 0;
  padding: 8px 20px;
}

h2.right-column-header {
    margin-bottom: 0;
    padding: 8px 10px;
}

h3 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.9rem;
    margin-bottom: 4px;
}

h4 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.8rem;
    margin-bottom: 0;
}

p {margin-bottom: 15px;}

strong {font-weight: 600;}

/* ====================================
   # CLASSES and IDS
======================================= */

/* Core styles
--------------------------------------------------- */
.body-content { padding: 15px 0 30px 0; }

.page-head {
   color: #134C69;
   text-align: center;
}

/* UNORDERED LISTS */
.ul-default {
    display: block;
    margin: 0 0 15px 20px;
    list-style-position: outside;
    padding-left: 20px;
}

.ul-default li {
    padding-bottom: 5px;
}

/* UL LIST ITEMS */
.ul-default li:before {
    color: #FE9A29;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: inherit;
    margin-left: -20px;
    margin-right: 5px;
    width: 15px;
}

/* FONT SIZES
-------------------------------------------- */
.text9 {font-size:9px; font-size:.9rem; line-height:150%;}
.text10 {font-size:10px; font-size:1rem; line-height:150%;}
.text12 {font-size:12px; font-size:1.2rem; line-height:150%;}
.text14 {font-size:14px; font-size:1.4rem; line-height:150%;}
.text16 {font-size:16px; font-size:1.6rem; line-height:150%;}
.text18 {font-size:18px; font-size: 1.8rem; line-height:150%;}
.text21 {font-size: 21px; font-size: 2.1rem; line-height:150%;}
.text24 {font-size: 24px;font-size: 2.4rem; line-height:150%;}

/* FONT WEIGHTS
-------------------------------------------- */
.weight400 {font-weight:400;}
.weight400ital {font-weight:400; font-style:italic;}
.weight600 {font-weight:600;}
.weight700 {font-weight:700;}
.weight800 {font-weight:800;}

/* FONT-AWESOME STYLES
------------------------------------- */
.fa {color: white;}

/* FONT COLORS
-------------------------------------------- */
.dk-blue {color: #134c69;}
.lt-blue {color: #537c91;}
.dk-gray {color: #505050;}
.white {color:#FFF;}
.black {color:#000;}
.red {color: red;}

/* BACKGROUND COLORS
------------------------------------- */
.bg-light-grey { background-color: #f4f4f4;}
.bg-dark-blue {background-color: #134c69;}
.bg-light-blue {background-color: #537c91;}
.bg-light-light-blue {background-color: #819faf;}
.bg-lightest-blue {background-color: #eff3f5;}
.bg-orange {background-color: #e27800;}
.bg-yellow-gold {background-color: #ffc857;}
.bg-light-yellow-gold {background-color: #fff5e0;}

/* BORDER COLORS
------------------------------------- */
.bord-dark-blue {border: 1px solid #134c69;}
.bord-light-blue {border: 1px solid #537c91;}
.bord-lighter-blue {border: 1px solid #dfe7eb;}
.bord-lightest-blue {border: 1px solid  #eff3f5;}
.bord-orange {border: 1px solid #e27800;}
.bord-dark-gray {border: 1px solid #d1d1d1;}
.bord-yellow-gold {border: 1px solid #ffc857;}
.bord-dark-yellow-gold {border: 1px solid #e8be5d;}

/* UTILITIES
----------------------------------*/
.center { 
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

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

.float-left {float: left;}

.float-right {float: right;}

.align-right {text-align: right;}


.full-wrapper {width:100%;}
.round-image {border-radius:50%;}
.center-element {margin-left:auto; margin-right:auto;}

/* Smaller than mobile */
@media (max-width: 550px) {
   .mobile-center {text-align:center;}
}

/* Head Section 1 
------------------------ */
.head-section-1 {padding: 18px 0 12px 0;}
.head-section-1 .u-spacer {display:none;}
.head-nav-mobile {vertical-align: middle; display:none;}
.head-logo {
    display: inline-block;
    vertical-align: middle;
    width: 21%;
}
.head-logo a {border-bottom: 0;}

.head-calls-to-action {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 79%;
}
.head-calls-to-action a {
    border-radius: 5px;
    padding: 3px 15px;
    font-weight: 600;
    color: #134c69;
    background-color: #ffc857;
    font-size: 1.6rem;
    border-bottom: 0;
}
.head-calls-to-action a:hover {
    text-decoration: none;
    /* background-color: #e8be5d; */
    background-color: #ffd889;
}
.head-buyer-sign-up {margin-right: 15px;}

/* MEDIA QUERIES - header section 1 */
@media (max-width: 800px) {
   .head-section-1 .u-spacer {
        display: inline-block;
        width: 15%;
        vertical-align: middle;
    }
   .head-nav-mobile {display:inline-block; width:15%;}
   #hamburger-stack {font-size: 2.4rem;}
   #hamburger-stack a {border-bottom: 0;}

   .head-logo {width: 70%; text-align: center;}
   .head-calls-to-action {display:none;}
}

/* Head Section 2 
------------------------ */
.head-nav-desktop{
    padding: 10px 0;
}
.head-nav-desktop li {
    display: inline-block;
    padding-right: 18px;    
}
.head-nav-desktop li:last-child {
    padding-right: 0;    
}
.head-nav-desktop li a {
    color: #fff;
    font-size: 1.6rem;
    border-bottom: 0;
}
.head-nav-desktop li a:hover {
    color: #fff;
    text-decoration: underline;
}

.head-calls-to-action-mobile {display: none;}

/* MEDIA QUERIES - header section 2 */
@media (min-width: 801px) {
	.nav-collapse {display: none !important;}
}
@media (max-width: 800px) {
 .head-nav-desktop {display:none;}
 
 #mobile-menu {
		padding-bottom: 0px;   
        background: #fff;
  }
  .nav-collapse li {
    	background-color: #537c91;    	
    	margin-bottom: 1px;
    	padding: 12px 12px;
    }
    .nav-collapse li:hover {
    	background-color: #134c69;
    }     
    .nav-collapse li a { 
    	color: #fff;
    	display: block;
    	text-decoration: none;
        border-bottom: 0;
    }       
    /*  Calls to action mobile 
    -------------------------- */
    .head-calls-to-action-mobile {
        display: inline-block;
        padding: 13px 0 13px 0;
        text-align: center;
    }
    .head-calls-to-action-mobile a {
        border-radius: 5px;
        padding: 3px 15px;
        font-weight: 600;
        color: #134c69;
        background-color: #ffc857;
        font-size: 1.6rem;
        border-bottom: 0;
    }
    .head-buyer-sign-up-mobile { /* testing */
        display: inline-block;
        width: 30%;
        margin-right: 5px;
    }
    .head-supplier-sign-up-mobile { /* testing */
        display: inline-block;
        width: 30%;
    }
    .head-calls-to-action-mobile a:hover {
        text-decoration: none;
        /* background: #e8be5d; */
        background: #ffd889;
    }
    .head-calls-to-action-mobile p { 
        display: inline-block; 
        margin-bottom: 0;
    }
    .head-calls-to-action-mobile .maintext {
        font-weight: 600;
        margin-right: 2px;
    }
    .head-buyer-sign-up-mobile { margin-right: 15px;}
}
@media (max-width: 550px) {
    .head-calls-to-action-mobile { padding: 5px 0; }
    .head-buyer-sign-up-mobile {
        display: inline-block;
        width: 49%;
        margin-right: 5px;
    }
    .head-supplier-sign-up-mobile {
        display: inline-block;
        width: 49%;
    }
    .head-calls-to-action-mobile p { display: block; }
}

/* Head Search
-------------------------------*/
 .closeout-search {
  background-color: #829faf;
  background-image: url(../img/abstract-search-background3.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #537c91;
  border-width: 0 0 1px 0;
  margin-bottom: 20px;
  padding: 20px 0;
 }

 .closeout-search .container {
    text-align: center;
 }

.closeout-search select{
  background-color: #fff;
  border: 0;
  border-radius: 6px 0 0 6px;
  font-size: 1.2rem;
  height: 34px;
  padding-left:5px;
  width: 200px;
}

.closeout-search input[type="text"]{
  border-color: #91abb9;
  border-radius:0;
  border-width: 0 0 0 1px;
  font-size: 1.2rem;
  height: 34px;
  margin-right: 0;
  padding-left: 5px;
  width: 200px;
}

@media (max-width: 485px) {
  .closeout-search select,
  .closeout-search input[type="text"]{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
  }
  .closeout-search select{
    border: 0;
    border-radius: 6px 6px 0 0;
  }
 .closeout-search input[type="text"]{
    border-width: 1px 0 0 0;
    border-color: #91abb9;
  }
} /* end media query */

.closeout-search-header {
 	color: #fff;
	display: inline-block;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: .5px;
	line-height: 34px;
	margin-right: 10px;
	margin-bottom: 0;
	text-shadow: 1px 1px #134c69;
}

@media (max-width: 800px) {
  .closeout-search-header {
    display: block;
    padding-bottom: 10px;
    text-align: center;
  }
}

.closeout-search .button{
  border-radius: 0 6px 6px 0;
  margin: 0 0 0 -5px;
 }

.closeout-search .btn-medium {padding: 5px 14px;}

.closeout-search .fa {
    color: #134c69;
    font-size: 22px;
}

.closeout-search span {display: none;}

@media (max-width: 485px) {
  .closeout-search .button{
    border-radius: 0 0 6px 6px;
    margin: 0 0 0 0;
    width: 65%;
  }
  .closeout-search .fa {display: none;}
  .closeout-search span {display: inline;}
}

/* Top Banners
------------------------ */
.top-banners-block {padding: 0 0 10px 0;}
.top-banners-block img {margin: 0 auto;}    
#top-banner-slider img {
}

@media (max-width: 400px) { 
  #top-banner-slider img {
  max-width: 92%;
  }	
} 

 /* Slider
 ------------------------ */
.top-banners-block #top-banner-slider {visibility: hidden;}
.top-banners-block #top-banner-slider.slick-initialized {
	visibility: visible;
	max-width: 97%;
} 
.top-banners-block .slick-prev::before {
	font-family: FontAwesome;
	content: '\f053';
	color: #d1d1d1;
	/* display: none; */
}
.top-banners-block .slick-next::before {    
	font-family: FontAwesome;
	content: '\f054';    
	color: #d1d1d1;
}

/* FLEX-FORM
-----------------------------------------*/
.flex-form {
  background-color: #efefef;
  border: 1px solid #e5e5e5;
  overflow: auto;
  padding: 15px;
}

.flex-form h3 {
  line-height: 2.2rem;
}

.flex-form fieldset {
  border: none;
  margin-bottom:10px;
  margin-top: 30px;
}

.flex-form fieldset:nth-child(1){
  margin-top: 0;
}

.flex-form legend {
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}

.flex-form label {
  font-size: .92em;
  padding: 8px 0 4px 0;
  display: block;  
}

.flex-form input {
  padding: 5px;  
  width: 100%;
  min-height: 25px;  
}

.flex-form select {
  padding: 3px 5px;  
  width: 100%;
  min-height: 25px;  
}

.flex-form input:focus,
.flex-form textarea:focus,
.flex-form select:focus  {
  box-shadow: 0 0 5px rgba(0, 84, 165, .35);
  transition: all 0.3s;
}

.flex-form textarea {
  padding: 5px;  
  width: 100%;
  min-height: 70px;
  resize: vertical;
  border: 1px solid #D1D1D1;    
}

.flex-form h4 {
  margin-top: 0;
  margin-bottom: 8px;
}

.flex-form button {cursor: pointer;}

/* Input type attributes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.flex-form input[type="color"],
.flex-form input[type="file"],
.flex-form input[type="image"],
.flex-form input[type="range"] {
  border: none;
  display: inline;
}

.flex-form input[type="date"],
.flex-form input[type="datetime"],
.flex-form input[type="datetime-local"],
.flex-form input[type="email"],
.flex-form input[type="month"],
.flex-form input[type="number"],
.flex-form input[type="password"],
.flex-form input[type="search"],
.flex-form input[type="tel"],
.flex-form input[type="text"],
.flex-form input[type="time"],
.flex-form input[type="url"], 
.flex-form input[type="week"],
.flex-form select {
    border: 1px solid #D1D1D1;
    font: inherit;
    line-height: inherit;
}

.flex-form select {
  /* SVG background image */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23505050'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 5px) 65%;
  background-repeat: no-repeat;
  background-color: #fff;
}

.flex-form option {
    font: inherit;
    line-height: inherit;  
}

.flex-form input[type="color"],
.flex-form input[type="image"],
.flex-form input[type="range"] {
  padding: 0;
}

.flex-form input[type="submit"], 
.flex-form input[type="reset"],
.flex-form input[type="button"] {
  width: auto;
  margin-top: 10px;
  cursor: pointer;
}

.flex-form input[type="color"] {width: 27px;}

/* float radio button labels next to the field */
.flex-form input[type="radio"],
.flex-form label.radio,
.flex-form input[type="checkbox"],
.flex-form label.checkbox {
   display: inline-block;
   width: auto;
   vertical-align: middle;
}

.flex-form input[type="radio"],
.flex-form input[type="checkbox"] {
   margin: 0 3px 0 0;
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; 
}

/* SPECIAL FORM STYLES 
-----------------------------------------*/
@media (min-width: 551px) {
  .no-label-wrapper {width: 80%;}
}

/* For forms with no labels on fields */
.left-label-wrapper .row {
   margin-bottom: 15px;
}

/* For forms with labels to the left of fields */
.left-label-wrapper label {
   margin-right: 5px;
   text-align: right;
}

.left-label-wrapper input,
.left-label-wrapper select,
.left-label-wrapper textarea {
   width: 80%;
}

@media (max-width: 550px) {
   .left-label-wrapper label {
      text-align:left;
   }
   .left-label-wrapper input,
   .left-label-wrapper select,
   .left-label-wrapper textarea {
      width: 90%;
   }
   .left-label-wrapper .row {
      margin-bottom:auto;
   }
}

/* MAIN CONTENT AREA FORM
-----------------------------------------*/

.form-main-section{
  padding-left: 8%;
  padding-right: 8%;
}
  
.form-main-section .row {margin-bottom: 15px;}
  
@media (min-width: 551px) {
  .form-main-section label {
    margin-right: 5px;
    text-align: right;
  }
  .form-main-section input,
  .form-main-section select,
  .form-main-section textarea {
    width: 80%;
  }
  
  .form-main-section input[type="file"] {
    width: 100%;
  }

  .form-main-section input[type="date"] {
    width: auto;
  }

  .form-main-section .margin-top-six {
     margin-top: 6px;
  }

  .form-main-section .strong-label {
    display: block;
    margin-right: 5px;
    text-align: right;
  }
}

@media (max-width: 550px) {
  .form-main-section .align-right {
    display: inline;
    float: left;
    text-align: inherit;
    width: 20px;
  }
  .form-main-section .mobile-inline {
    display: inline;
    float: left;
    margin-left: 5px;
    width: calc(95% - 20px);
  }
}

.image-upload-browse,
.image-upload-button {
  display: inline-block;
  float: left;
}

.image-upload-browse {
  margin-right: 5px;
  padding: 7px 0 0 0;
}

/* BUTTONS
----------------------------------*/
.button {
   background-color: transparent;
   border: 1px solid #000;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   color: #000;
   cursor: pointer;
   display: inline-block;
   font-family: inherit;
   font-size: inherit;
   font-weight: 600;
   line-height: inherit;
   margin: 2px;
   outline: none;
   padding: 6px 10px;
   text-align: center;
   text-shadow: none;
   vertical-align: bottom;
   zoom: 1;
   -webkit-appearance: none;
    -moz-appearance: none;
}

.flex-form .button {margin-top: 15px;}

a.button, button.button {text-decoration:none;}

a.button:link { color: #000; text-decoration: none;}
a.button:visited { color: #000;}
a.button:active { color: #000;}

.button:hover, a.button:hover { background-color: #ddd; color: #000; text-decoration: none;}

/* Button Sizes
------------------------ */
.btn-xsmall, a.btn-xsmall {font-size: .6em; padding:5px 8px; line-height:12px;}
.btn-small, a.btn-small {font-size: .8em; padding: 6px 10px; line-height:16px;}
.btn-medium, a.btn-medium {font-size: 1em; padding: 8px 14px; line-height:18px;}
.btn-large, a.btn-large {font-size: 1.2em; padding: 10px 14px; line-height:22px;}
.btn-xlarge, a.btn-xlarge {font-size: 1.4em; padding: 10px 16px; line-height:24px;}
.btn-full, a.btn-full { display: block; margin: 2px auto; width: 85%;}

/* Orange Button Color
------------------------ */
.btn-orange, 
a.btn-orange,
button.btn-orange,
input[type="submit"].btn-orange,
input[type="reset"].btn-orange,
input[type="button"].btn-orange {
   background-color: #e27800;
   border-color: #e27800;
   color: #fff;
}

a.btn-orange:link { color: #fff; text-decoration: none;}
a.btn-orange:visited { color: #fff;}
a.btn-orange:active { color: #fff;}

.btn-orange:hover,
a.btn-orange:hover,
button.btn-orange:hover,
input[type="submit"].btn-orange:hover,
input[type="reset"].btn-orange:hover,
input[type="button"].btn-orange:hover {
  background-color: #B96300; 
   border-color: #B96300;
  color: #fff; 
  text-decoration: none;
}

/* Gray Button Color
------------------------ */
.btn-gray, 
a.btn-gray,
button.btn-gray,
input[type="submit"].btn-gray,
input[type="reset"].btn-gray,
input[type="button"].btn-gray {
   background-color: #ccc;
   border-color: #aaa;
   color: #000;
}

a.btn-gray:link { color: #000; text-decoration: none;}
a.btn-gray:visited { color: #000;}
a.btn-gray:active { color: #000;}

.btn-gray:hover,
a.btn-gray:hover,
button.btn-gray:hover,
input[type="submit"].btn-gray:hover,
input[type="reset"].btn-gray:hover,
input[type="button"].btn-gray:hover {
  background-color: #aaa; 
  color: #000; 
  text-decoration: none
}

/* Dark Blue Button Color
------------------------ */
.btn-dk-blue, 
a.btn-dk-blue,
button.btn-dk-blue,
input[type="submit"].btn-dk-blue,
input[type="reset"].btn-dk-blue,
input[type="button"].btn-dk-blue {
   background-color: #134c69;
   border-color: #134c69;
   color: #fff;
}

a.btn-dk-blue:link { color: #fff; text-decoration: none;}
a.btn-dk-blue:visited { color: #fff;}
a.btn-dk-blue:active { color: #fff;}

.btn-dk-blue:hover,
a.btn-dk-blue:hover,
button.btn-dk-blue:hover,
input[type="submit"].btn-dk-blue:hover,
input[type="reset"].btn-dk-blue:hover,
input[type="button"].btn-dk-blue:hover {
  background-color: #537c91; 
  border-color: #134c69; 
  color: #fff;
  text-decoration: none;
}

/* Light Blue Button Color
------------------------ */
.btn-light-blue, 
a.btn-light-blue,
button.btn-light-blue,
input[type="submit"].btn-light-blue,
input[type="reset"].btn-light-blue,
input[type="button"].btn-light-blue {
   background: #537c91;
   border-color: #134c69;
   color: #fff;
}

a.btn-light-blue:link { color: #fff; text-decoration: none;}
a.btn-light-blue:visited { color: #fff;}
a.btn-light-blue:active { color: #fff;}

.btn-light-blue:hover,
a.btn-light-blue:hover,
button.btn-light-blue:hover,
input[type="submit"].btn-light-blue:hover,
input[type="reset"].btn-light-blue:hover,
input[type="button"].btn-light-blue:hover {
  background: #134c69;  
  border-color: #134c69;
  color: #fff; 
  text-decoration: none;
}

/* Yellow Gold Button Color
------------------------ */
.btn-yellow-gold, 
a.btn-yellow-gold,
button.btn-yellow-gold,
input[type="submit"].btn-yellow-gold,
input[type="reset"].btn-yellow-gold,
input[type="button"].btn-yellow-gold {
   background: #ffd889;
   border-color: #e8be5d;
   color: #134c69;
}

a.btn-yellow-gold:link { color: #134c69; text-decoration: none;}
a.btn-yellow-gold:visited { color: #134c69;}
a.btn-yellow-gold:active { color: #134c69;}

.btn-yellow-gold:hover,
a.btn-yellow-gold:hover,
button.btn-yellow-gold:hover,
input[type="submit"].btn-yellow-gold:hover,
input[type="reset"].btn-yellow-gold:hover,
input[type="button"].btn-yellow-gold:hover {
  /* background: #e8be5d; */
  background: #ffd889;
  border-color: #e8be5d;
  color: #134c69; 
  text-decoration: none;
}

/* smaller than phablet */
@media (max-width: 551px) {
   .flex-form .button {width:90%;}
}

@media (max-width: 550px) {
  .btn-bottom-margin {margin-bottom: 20px;}
}

.button-row {padding: 10px 0;}

/* ------------------------------------
HOME PAGE
------------------------------------- */

.featured-lots {padding: 0 0 10px 0;}

.featured-lot-listing {
  background-color: #fff;
  border: 1px solid #dfe7eb;
  border-radius: 6px;
  margin: 20px;
  padding: 15px;
}

.featured-lot-listing:last-child {border-bottom: 0;}

.featured-lot-listing img {
  max-width: 90%;
  max-height: 200px;
  display: block;
  margin: 0 auto;
}
.regular-lot-listing {
  border-bottom: 1px solid #d0d0d0;
  margin: 0 10px;
  padding: 10px;
}

.regular-lot-listing:last-child {border-bottom: 0;}

.regular-lot-listing img {
  max-width: 90%;
  max-height: 200px;
  display: block;
  margin: 0 auto;
}

.category-list{padding: 5px 0 25px 0;}

.category-list li {
  border-bottom: 1px dotted #537c91;
  display: block;
  margin: 0 10px;
  padding: 3px 10px;
}

@media (max-width: 800px) {
  .category-list li {
    font-size: 18px;
    padding: 20px 10px 20px 30px;
  }
}

.home-call-to-action {
  margin-top: 30px;
}

.cta-icon {
  display: block;
  margin: 0 auto 20px auto;
  width: 60%;
}

.home-call-to-action p {padding: 0 10px;}

/* ------------------------------------
LOT DETAIL PAGE
------------------------------------- */
.lot-detail-main p {margin-bottom: 5px;}

.lot-detail-main img {
  display: block;
  margin: 10px auto;
  max-width: 65%;
}

.lot-detail-main-wrapper {padding: 10px 20px 20px 20px;}

.lot-detail-seller-info {margin: 0 0 20px 0;}

.lot-detail-seller-info h2 {
  line-height: 2.5rem;
  padding: 5px 10px;
}

.lot-detail-seller-info-wrapper {padding: 10px;}

.lot-detail-seller-info .ul-default {margin-left: 0;}

.lot-detail-seller-info .ul-default .lot-detail-seller-profile:before {
  color: #537c91;
  content: "\f007";
  margin-left: -17px;
  width: 20px;
}

.lot-detail-seller-info .ul-default .lot-detail-seller-lots:before {
  color: #537c91;
  content: "\f03a";
  width: 20px;
}

/* ------------------------------------
SEARCH RESULT PAGE
------------------------------------- */
.search-result-pagination {
  margin: 10px 0;
  padding-left: 20px;
}

/* ------------------------------------
ADD SELLER PAGE
------------------------------------- */
.main-column-six-wrapper {padding: 10px 20px 20px 20px;}

/* ------------------------------------
ADD SELLER PAGE 2
------------------------------------- */
.add-seller-upload-logo-1,
.add-seller-upload-logo-2 {
  display: inline-block;
  float: left;
}

.add-seller-upload-logo-1 {
  margin-right: 5px;
  padding: 7px 0;
}

#seller-user-agreement-pop {
  background-color: #fff;
  height: 400px;
  left: 50%;
  margin-left: -250px;
  margin-top: -75px;
  overflow: auto;
  position: absolute;
  width: 500px;
  z-index: 100;
}

@media (max-width: 550px) {
  #seller-user-agreement-pop {
    left: 7%;
    margin-left: 0;
    width: 85%;
  }
}

#seller-user-agreement-pop h2 {padding: 8px 15px;}

a.seller-user-agreement-pop-close {
  color: #fff;
  float: right;
  margin-top: -33px;
  margin-right: 20px;
}

.seller-user-agreement-wrapper {padding: 15px;}

/* ------------------------------------
ADD SELLER CONGRATS PAGE
------------------------------------- */
.congrats-info {
  margin: 20px 0;
  padding: 10px;
}

/* ------------------------------------
SELLER DIRECTORY RESULTS PAGE
------------------------------------- */
.seller-directory-results-listing {
    border-width: 0 0 1px 0;
    margin: 0 10px;
    padding: 10px;
}

.seller-directory-results-listing:last-child {border-bottom: 0;}

.seller-directory-results-listing img {
  max-width: 85%;
  max-height: 86px;
  display: block;
  margin: 0 auto 15px auto;
}

/* ------------------------------------
STATUS MESSAGE PAGE
------------------------------------- */

.status-message-content {padding: 50px 0 70px 0;}

/* ------------------------------------
SELLER LOGIN PAGE
------------------------------------- */
.seller-login {padding: 25px 0;}




/* ------------------------------------
SELLER ADMIN PAGE
------------------------------------- */
h2.admin-header{
  margin-bottom: 0;
  padding: 7px 0;
}

h2.admin-subheader {margin-bottom: 10px;}
h3.admin-subheader {margin: 15px 0 5px 0;}
.widget-wrapper {padding: 10px;}

@media (min-width: 551px) {
  .flex-form .button.no-margin {margin-top: 0;}
}

.activity-table {margin: 20px auto;}

@media (max-width: 550px) {
  .activity-table {width: 85%;}
}

.activity-table td {
  border-bottom: 1px solid #E1E1E1;
  padding: 8px 7px;
  text-align: left;
}

.activity-table td:first-child {padding-left: 0;}

.activity-table td:last-child {
  padding-right: 5px;
  text-align: right; }
  
.right-column .seller-admin-menu {padding-top: 5px;}

.right-column .seller-admin-menu ul {
  border-bottom: 1px dotted #537c91;
  margin-top: 10px;
  padding-bottom: 10px;
}

.right-column .seller-admin-menu li {
  display: block;
  margin: 0;
  padding: 3px 10px;
}

/* ------------------------------------
SELLER POST LOT
------------------------------------- */
.input-field-description {
  display: block;
  margin-left: 5px;
  width: 80%;
}

#lot-quality-pop {
  background-color: #fff;
  height: 400px;
  left: 50%;
  margin-left: -250px;
  margin-top: -150px;
  overflow: auto;
  position: absolute;
  width: 500px;
  z-index: 100;
}

@media (max-width: 550px) {
  #lot-quality-pop {
    left: 7%;
    margin-left: 0;
    width: 85%;
  }
}

#lot-quality-pop h2 {padding: 8px 15px;}

a.lot-quality-pop-close {
  color: #fff;
  float: right;
  margin-top: -33px;
  margin-right: 20px;
}

.lot-quality-pop-wrapper {padding: 15px;}

/* ------------------------------------
ADMIN SUCCESS PAGE
------------------------------------- */
.success-page-wrapper {
  min-height: 300px;
  padding: 20px;
}

/* ------------------------------------
PREMIUM REPORT RESULTS PAGE
------------------------------------- */
.mobile-back-link {display: none;}

@media (max-width: 800px) {
  .mobile-back-link {
    display: block;
    margin-bottom: 25px;
  }
}

.report-table-wrapper {
  overflow-x: scroll;
  padding-bottom: 25px;
  width: 100%;
}

.report-table-wrapper table {
  width: 950px;
  margin: 0 auto;
}

.report-table-wrapper table th {
  font-weight: 600;
  white-space: nowrap;
}

.report-table-wrapper table th,
.report-table-wrapper table td {
  padding: 8px 7px;
  text-align: center;
  border-bottom: 1px solid #E1E1E1; 
}

.report-table-wrapper table td {
  font-size: 13px; 
  font-size: 1.3rem; 
  line-height: 150%;
}
.report-table-wrapper table th:first-child,
.report-table-wrapper table td:first-child {
  text-align: left; 
}

/* ------------------------------------
SELLER LOTLIST PAGE
------------------------------------- */
.lotlist-featured {
  background-color: #f4cda2;
  color: #313667;
}

/* ------------------------------------
CUSTOM LOT REPORT
------------------------------------- */
.form-main-section input#lots-posted-from,
.form-main-section input#lots-posted-to {
  width: auto;
}

/* ------------------------------------
TRANSACTION LIST FORM
------------------------------------- */
.date-from,
.date-to {
  white-space: nowrap;
  width: 49%;
}
.date-from {
  float: left;
  text-align: right;
}
.date-to {float: right;}

.date-to span,
.date-from span {margin-right: 5px;}

@media (max-width: 799px) {
  .date-from,
  .date-to {
    float: none;
    text-align: left;
    width: 100%;
  }
  .date-from {
    margin-bottom: 15px;
  }
  .date-to span,
  .date-from span {
    display: inline-block;
    text-align: right;
    width: 35%;
  }
}

@media (max-width: 550px) {
  .date-from,
  .date-to {white-space: normal;}
  .date-to span,
  .date-from span {
    text-align: left;
    width: 100%;
  }
}

/* ------------------------------------
ADD FUNDS
------------------------------------- */
.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
}

.input-icon > input {
  padding-left: 25px;
  padding-right: 0;
}

.add-fund-form legend {
  margin-bottom: 15px; 
}

@media (min-width: 551px) {
  .add-fund-form .row {
    margin-bottom: 15px;
  }
  
  .add-fund-form label {
    margin-right: 5px;
    text-align: right;
  }
  
  .add-fund-form input,
  .add-fund-form select {
    width: 70%;
  }
}

.add-fund-form select.CardExp {
    width: auto;
    padding-right: 20px;
}

.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
}

.input-icon > input {
  padding-left: 25px;
  padding-right: 0;
}

.ad-fund-rate-table {
  margin: 15px auto;
  width: 98%;
}

.ad-fund-rate-tableth {
  font-weight: 600;
  white-space: nowrap;
}

.ad-fund-rate-table th,
.ad-fund-rate-table td {
  padding: 8px 7px;
  text-align: center;
  border-bottom: 1px solid #E1E1E1; 
}

.ad-fund-rate-table td {
  font-size:13px; 
  font-size:1.3rem; 
  line-height:150%
}
.ad-fund-rate-table th:first-child,
.ad-fund-rate-table td:first-child {
  text-align: left; 
}

/* ------------------------------------
SELLER PROFILE PAGE
------------------------------------- */
.seller-profile-main-wrapper {
  padding: 10px 20px 20px 20px;
}

.seller-profile-main-wrapper img {
  display: block;
  margin: 0 auto;
  max-width: 85%;
}

.seller-profile-contact h2 {
  line-height: 2.5rem;
  margin-bottom: 0;
  padding: 5px 10px;
}

.seller-profile-main .ul-default {
  margin-left: 0;
}

.seller-profile-main .ul-default .lot-detail-seller-lots:before {
  color: #134c69;
  content: "\f03a";
  width: 20px;
}

/* ------------------------------------
SELLER PROMOTE LOTS
------------------------------------- */
.promote-lot-table-wrapper table {
  width: 640px;
  margin: 0 auto;
}

.promote-lots-confirmation {
  margin-bottom: 30px;
}

.promote-lots-confirmation .row {
  padding: 7px 5px;
  border-bottom: 1px solid #e1e1e1;
}

/* ------------------------------------
SELLER TRANSACTION HISTORY
------------------------------------- */
.report-table-wrapper table th.amount, 
.report-table-wrapper table td.amount,
.report-table-wrapper table th.balance, 
.report-table-wrapper table td.balance {
  text-align: right; 
}

#premium-code-key {
  background-color: #fff;
  height: 400px;
  left: 50%;
  margin-left: -250px;
  margin-top: 20px;
  overflow: auto;
  position: absolute;
  width: 500px;
  z-index: 100;
}

@media (max-width: 550px) {
  #premium-code-key {
    left: 7%;
    margin-left: 0;
    width: 85%;
  }
}

#premium-code-key h2 {
  padding: 8px 15px;
}

a.premium-code-key-open {
  border-radius: 11px;
  color: #134c69;
  display: inline-block;
  margin-left: 5px;
  text-align: center;
  width: 22px;
}

a.premium-code-key-close {
  color: #fff;
  float: right;
  margin-top: -33px;
  margin-right: 20px;
}

#premium-code-key table {
  margin: 20px auto;
  width: 90%;
}

#premium-code-key table td {
  border-bottom: 1px solid #E1E1E1; 
  font-size: 13px; 
  font-size: 1.3rem; 
  line-height: 150%;
  padding: 8px 7px;
}

/* ------------------------------------
FOOTER
------------------------------------- */
#footer-main a:link { color: #537c91; text-decoration: none;}
#footer-main a:visited { color: #537c91;}
#footer-main a:hover { color: #134c69;}
#footer-main a:active { color: #537c91;}

#footer-main {
    background-color: #eff3f5;
    border-bottom: 1px solid #dfe7eb;
    border-top: 1px solid #dfe7eb;
    padding: 20px 0;
}

#footer-main div,
#footer-main p {
	text-align: center;
	font-size: 1.25rem;
}

#footer-main a {
	white-space: nowrap;
}