/*
Stylings for the BlueSageIntegration plugin.
  Version 1.0.1.
  Last updated 6/28/18 by Peripheral Sight, LLC.
*/

/* general ********************************************************************/
.bluesage_login_form div, .bluesage_account_status div, .bluesage_account_status h2,
  .bluesage_next_row, .bluesage_order div, .bluesage_order_committed div {
  clear:both;
}

/* notices ********************************************************************/
.bluesage_login_notice, .bluesage_login_form, .bluesage_search form {
  border:solid 1px #000; border-radius:20px;
  padding:5px 10px 5px 10px; font-weight:bold;
  max-width:300px; min-height:40px; line-height:30px;
}
.bluesage_account_status {
  max-width:800px;
}
.bluesage_search form {
  min-height:32px; line-height:25px;
  margin-bottom:25px;
  display:block;
  min-width:90%;
}
.bluesage_order_credithold_warning {
  background-color:yellow;
  margin-top:25px; margin-bottom:25px; padding:25px;
  font-weight:bold;
}
.bluesage_search_directions {
  clear:both; text-align:center;
}

/* forms **********************************************************************/
.bluesage_login_form .bluesage_submit_row {
  text-align:center;
}
.bluesage_order .bluesage_submit_row {
  text-align:center;
}
.bluesage_account_status div, .bluesage_order div, .bluesage_order_committed div {
  height:30px; line-height:30px;
}
.bluesage_order_committed div { height:auto; }
.bluesage_order div.bluesage_textarea_row {
  height:160px;
}
.bluesage_login_form div label, .bluesage_account_status div label,
  .bluesage_order div label, .bluesage_order_committed div label {
  float:left; width:120px; margin-right:10px; text-align:right;
  height:30px; line-height:30px;
}
.bluesage_order div label {
  width:200px;
}
.bluesage_order_committed div label {
  width:200px;
}
.bluesage_login_form div input, .bluesage_order div input,
  .bluesage_order div textarea {
  width:130px; padding:5px 10px 5px 10px;
  height:20px; line-height:20px;
  border-radius:0px;
}
.bluesage_order div textarea {
  width:600px;
  height:120px;
}
.bluesage_order input[type=radio] {
  width:auto; height:auto;
  margin-top:-3px;
}
.bluesage_search form input, .bluesage_search form label, .bluesage_search form select, .bluesage_catalog_parts form input,
  .bluesage_catalog_parts form label, .bluesage_catalog_parts form select {
  max-width:14%; float:left; margin-right:2%;
  height:20px; border-radius:10px;
}
.bluesage_search select:disabled, .bluesage_cart select:disabled, .bluesage_cart a.disabled, .bluesage_catalog_parts select:disabled,
  .bluesage_catalog_parts a.disabled {
  cursor:not-allowed;
  background-color:#EEE;
}
.bluesage_search form label, .bluesage_catalog_parts form label {
  border-radius:0px; margin-left:2%;
}
.bluesage_search form input, .bluesage_catalog_parts form input { max-width:20%; font-size:inherit; }  /* there are two */
.bluesage_search form select, .bluesage_catalog_parts form select { max-width:33%; }
.bluesage_search .bluesage_search_directions {
  font-style:italic; display:block;
}
.bluesage_search form input, .bluesage_search form select, .bluesage_catalog_parts form input, .bluesage_catalog_parts form select {
  padding-top:2px;
  padding-bottom:2px;
  line-height:15px;
  height:23px;
}
.bluesage_search form select, .bluesage_catalog_parts form select {
  padding-top:0px;
  padding-bottom:0px;
}

@media screen and (max-width: 800px) {
    .bluesage_search form input, .bluesage_search form label, .bluesage_search form select,
      .bluesage_catalog_parts form input, .bluesage_catalog_parts form label, .bluesage_catalog_parts form select {
      display:block; max-width:100%; margin:0; min-width:100%; float:none;
      margin-top:10px;
    }
}

/* headers ********************************************************************/
.bluesage_account_status h2, .bluesage_search table th, .bluesage_cart table th,
  .bluesage_order_committed table th, .bluesage_catalog_parts table th {
  margin-top:10px; margin-bottom:5px; background-color:#CCCCCC; padding-left:25px;
}
.bluesage_search table th, .bluesage_cart table th, .bluesage_order_committed table th, .bluesage_catalog_parts table th {
  padding-left:0px; margin-left:0px; margin-right:0px; padding:5px;
}

/* buttons & links ************************************************************/
.bluesage_login_notice a, .bluesage_login_form input[type=submit], .bluesage_next_row a,
  .bluesage_search table a, .bluesage_cart table a, .bluesage_order input[type=submit],
  .bluesage_order .bluesage_submit_row a, a.bluesage_cart_update {
  float:right; background-color:#000; color:#FFF; text-align:center;
  border-radius:20px; line-height:20px;
  padding:5px 10px 5px 10px;
}
.bluesage_search table a, .bluesage_cart table a, a.bluesage_cart_update {
  background-color:#666;
}
a.bluesage_cart_update {
  margin-top:15px;
}
.bluesage_next_row a.bluesage_back, .bluesage_submit_row a.bluesage_back { float:left; }
.bluesage_login_form input[type=submit], .bluesage_order input[type=submit]
{ float:none; width:auto; height:auto; }
.bluesage_next_row { height:30px; margin-top:10px; margin-bottom:30px; }

/* other table formatting *****************************************************/
.bluesage_search table, .bluesage_catalog_parts table, .bluesage_cart table, .bluesage_order_committed table
{ width:100%; }
.bluesage_search tr:nth-child(odd), .bluesage_catalog_parts tr:nth-child(odd) {
  background: #f6f6f6;
}
.bluesage_search table td, .bluesage_cart table td, .bluesage_order_committed table td, .bluesage_catalog_parts table td
{ margin-top:5px; margin-bottom:5px; padding:5px; }
.bluesage_search table th.num, .bluesage_search table td.num,
  .bluesage_cart table th.num, .bluesage_cart table td.num,
  .bluesage_order_committed table th.num, .bluesage_order_committed table td.num,
  .bluesage_search table th.quantity, .bluesage_search table td.quantity,
  .bluesage_catalog_parts table th.num, .bluesage_catalog_parts table td.num,
  .bluesage_catalog_parts table th.quantity, .bluesage_catalog_parts table td.quantity
{ text-align:center; }
.bluesage_search table .quantity div, .bluesage_catalog_parts table .quantity div { min-width:315px; }
.bluesage_search table td.quantity div, .bluesage_search table td.quantity label,
  .bluesage_search table td.quantity select, .bluesage_catalog_parts table td.quantity div,
  .bluesage_catalog_parts table td.quantity label, .bluesage_catalog_parts table td.quantity select {
  line-height:40px; height:40px; font-size:14px; vertical-align:baseline;
}
.bluesage_catalog_parts table td.quantity div {
  line-height:30px; height:60px;
}
.bluesage_catalog_parts table td.quantity label, body .bluesage_catalog_parts table td.quantity select {
  line-height:25px; height:30px; margin-bottom:0px !important;
}
.bluesage_catalog_parts table td.quantity label {
  height:20px;
}
.bluesage_catalog_parts table td.quantity a {
  line-height:15px; font-size:12px; border-radius:15px;
  border:solid 1px #000; padding-left:3px; padding-right:3px; padding-top:1px; padding-bottom:1px;
  color:#000; background-color:#FFF;
}
.bluesage_catalog_parts table td.quantity a:hover {
  background-color:#EEE; text-decoration:none;
}
.bluesage_search table td.quantity label, .bluesage_catalog_parts table td.quantity label {
  display:inline-block; width:240px; text-align:right; margin-right:5px;
  margin-bottom:0px; font-weight:normal;
}
.bluesage_search table td.quantity label span, .bluesage_catalog_parts table td.quantity label span {
  display:inline-block; width:40px; text-align:center;
}
.bluesage_search table td.quantity a, .bluesage_catalog_parts table td.quantity a {
  display:inline-block;
  float:none;
}
.bluesage_search table td.quantity select, .bluesage_catalog_parts table td.quantity select {
  width:60px; height:30px; margin-right:10px;
  display:inline-block;
}
.bluesage_catalog.bluesage_catalog_years a {
  width:150px;
}
.bluesage_catalog.bluesage_catalog_years #show_more_years, .bluesage_order_history_more {
  text-align:center; padding-top:25px;
}
.bluesage_catalog.bluesage_catalog_years #show_more_years a, .bluesage_order_history_more a {
  float:none; margin:0 auto; display:inline-block; width:200px;
  border:solid 1px #000; background-color:#FFF; color:#000;
}
.bluesage_catalog.bluesage_catalog_years #show_more_years a:hover, .bluesage_order_history_more a {
  text-decoration:none; background-color:#EEE;
}


@media screen and (max-width: 800px) {
  .bluesage_search {
    overflow-x:scroll;
  }
  #bluesage_cart_holder .hidesmall, .bluesage_search table .hidesmall {
    display:none;
  }
}

/* other cart formatting ******************************************************/
.bluesage_total { margin-top:20px; margin-bottom:20px;
  clear:both;
  height:20px; line-height:20px;
  text-align:right; font-size:150%;
  max-width:300px; float:right;
}
.bluesage_total label {
  margin:0px; padding:0px; border:0px;
  float:left;
  margin-right:25px;
}

/* other order formatting *****************************************************/
.bluesage_order div.bluesage_default_address,
  .bluesage_order div.bluesage_alternate_address {
  margin-left:200px; margin-bottom:25px; height:auto;
  background-color:#eee;
  max-width:600px; padding-top:15px; padding-bottom:15px;
}
.bluesage_default_address div, .bluesage_alternate_address div,
  .bluesage_default_address div label, .bluesage_alternate_address div label {
  height:18px; line-height:18px;
}
.bluesage_default_address div label, .bluesage_alternate_address div label {
  width:200px;
}
.bluesage_order input#alternate_address, .bluesage_order input#alternate_city {
  width:260px;
}
.bluesage_order { min-width:400px; }

@media screen and (max-width: 800px) {
  .bluesage_order div {
    height:auto;
    }
  .bluesage_order div label {
    display:block; float:none; text-align:left;
  }
  .bluesage_order div.bluesage_default_address,
    .bluesage_order div.bluesage_alternate_address {
      margin-left:0px;
    }
  .bluesage_order div textarea {
    height:120px;
  }
}

/* loading graphic ************************************************************/
#bluesage_login_form_loading, #bluesage_cart_form_loading,
  #bluesage_search_form_loading {
  background:transparent url(/wp-content/plugins/blue-sage-integration/loading.gif) no-repeat center top;
  height:50px;
}

/* idle message **/
#bluesage_idle_warning {
  display:none;
  position:fixed;
  padding:0; margin:0; top:0; left:0;
  width: 100%; height:100vh;
  background:rgba(255,255,255,0.9); color:#000;
  text-align:center;
  z-index:999999999;
}
#bluesage_idle_warning { font-size:200%; padding-top:30%; }
#bluesage_idle_warning_count { float:right; font-size:50%; margin-right:20px; }

/* catalog */
.bluesage_catalog_breadcrumb {
  line-height:24px; margin-bottom:24px;
}
.bluesage_catalog_breadcrumb select {
  line-height:24px !important; height:24px !important; width:auto !important;
  padding-top:0px !important; padding-bottom:0px !important; padding-right:35px !important;
  display:inline !important;
}
.bluesage_catalog_years a, .bluesage_catalog_makes a, .bluesage_catalog_models a, .bluesage_catalog_submodels a,
  .bluesage_catalog_engines a, .bluesage_catalog_categories a, .bluesage_catalog_subcategories a {
  float:left; width:200px; text-align:center; border:solid 1px #000;
  margin-left:5px; padding-left:5px; padding-right:5px; margin-right:5px; margin-bottom:5px;
  font-size:14px; font-weight:normal;
}
.bluesage_catalog_subcategories a.subcat { display:block;
  width:100%; text-align:left; float:none; clear:both; border:0px; font-size:16px; font-weight:bold;
  padding-top:20px; }
.bluesage_catalog_subcategories a.parttype { width:400px; }

.bluesage_cart_notice {
  border-radius:15px; line-height:30px; text-align:center;
  border:solid 1px #000; color:#000; background-color:#FFF;
  margin-top:10px; margin-bottom:10px; font-size:150%;
}

.bluesage_cart table a.bluesage_cart_update, .bluesage_cart table a.bluesage_cart_delete { float:none; display:inline-block; margin:10px; }

a.bluesage-product-icon {
  display:inline-block; width:50px; height:50px;
  background:transparent url(/wp-content/plugins/blue-sage-integration/product_icon.50x50.png) no-repeat top left;
}

div.bluesage_order_history { width:100%; }
div.bluesage_account_status.bluesage_order_history { width:100%; }
table#bluesage_order_history { width:100%; }
table#bluesage_order_history td, table#bluesage_order_history th { text-align:center; white-space:nowrap; }
table#bluesage_order_history tr:hover td { color:#000; font-weight:bold; cursor:pointer; }

div.bluesage_order_history_detail { background-color:#FFFFFF; }
div.bluesage_order_history_detail_missing { font-size:125%; }
div.bluesage_order_history_detail label { width:200px; }
div.bluesage_order_history_detail_back a { color:#FFF; }

@media screen and (min-width: 950px) {
  table#bluesage_order_history { min-width:800px; }
}
@media screen and (max-width: 600px) {
  table#bluesage_order_history td, table#bluesage_order_history th { padding:1px; font-size:90%; }
}