@CHARSET "UTF-8";

/* Page of articles list */

div.card-gas, div.card-product {
  padding: 1em 3em 2em;
  width: 299px;
}

div.card-gas {
  height: 450px;
}

div.card-product {
  height: 330px;
}

.card-gas .gas-title, .card-product .product-title {
  max-width: 162px;
  margin: auto auto 30px;
}

.card-gas button.btn {
  width:100%;
  font-weight: bold;
  font-size: 12px;
}

.under-contract-button-catalog-right
{
  text-align: center;
}

.under-contract-container-action{
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-gas form .form-submit:not(.wishlist) {
  color: white;
  background-color: #FDAA2A;
  border-color: #FDAA2A;
  position: relative;
  clear: both;
}

.card-gas .wishlist, .card-gas .wishlist[disabled] {
  display: block;
  background-color: #0078ac;
  border-color: #0078ac;
  font-size: 12px;
  font-weight: bold;
  top: 8px;
  max-width: 49%;
  position: relative;
  clear: both;
}

.card-gas .wishlist:hover,.card-gas button.form-submit:hover, .card-gas .send-to:hover, .card-product .send-to:hover , .card-product .product-details:hover {
  background-color: #1097D1;
  border-color: #1097D1;
  color: white;
}

.gas-title {
  margin-bottom: 30px;
  display: inline-block;
  font-size: 15px;
}

.card-gas .gas-picture, .card-product .product-picture {
  display: inline-block;
  height: 150px;
  margin-top: 30px;
}

.card-gas .badge, .card-product .badge {
  background-color: #0078ac;
}

.card-gas .span-wrapper {
    float: right;
}

.card-gas .gas-cylinder {
  position: absolute;
}

.card-gas .commerce-add-to-cart {
  margin-top: 0;
}

.card-gas .liquid_notice {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  display: inline-block;
  text-align: center;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 3px 8px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 4px;
}

.card-gas .send-to, .card-product .send-to, .card-product .product-details {
  background-color: #0078ac;
  border-color: #0078ac;
  clear: both;
  color: white;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  height: 31px;
  width: 49%;
}

.card-gas .send-to {
  float: right;
  margin-left: 120px;
  margin-top: 45px;
  top: 40px;
}

.card-product .send-to {
  float: right;
  margin-left: 120px;
}

.card-product .product-details {
  float: left;
  top: 31px;
}

.card-gas .in-favorite {
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}

.card-gas .gas-main-applications {
  display: none;
  background-color: rgba(0, 120, 172, 0.8);
  border-radius: 3px;
  color: white;
  font-size: 12px;
  padding: 10px;
  margin-top: 20px;
}

.product-under-contract {
  background-color: #0078ac;
  clear: both;
  display: block;
  float: right;
  font-size: 10px
}

.application-icon {
  clear: both;
  display: block;
  float: right;
  padding: 0.3em;
  position: relative;
}

.card-product .application-icon {
  top: 50px;
}

.card-gas .gas-picture img, .card-product .product-picture img {
  max-width: 175px;
  height: 100%;
}

.main-applications {
  display: none;
  background-color: rgba(0, 120, 172, 0.8);
  border-radius: 3px;
  color: white;
  font-size: 12px;
  padding: 10px;
}

.card-gas .main-applications {
  margin-top: 20px;
}

.card-product .main-applications {
  margin-top: 80px;
}

.product-no-image {
  background-color: #f4f2f3;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

div.switch-wrapper {
  margin-top: 20px;
  padding-left: 50px;
}

.switch-wrapper .switch-button-label {
  font-size: 14px;
}

div.description-models h1 {
    color: #FF0000;
}

div.description-models h2 {
    color: #404040;
}

div.description-models h3 {
    color: #000000;
}

div.description-models h4 {
  color: #D8C900;
  padding: 0px;
}

form#send_to_product input#sent_to_submit {
    display: none;
}


/* --------------------------- UNDER CONTRACT PAGE ------------------------- */

div.div-button-right button.under-contract-btn-add-to-cart {
  width: 40px;
  height: 38px !important;
  padding : 1px;
  color: white;
}
div.div-button-right button.under-contract-btn-add-to-cart.c-height-auto {
  height: auto!important;
}
div.div-button-right span[title] {
  display: inline-block;
}
.under-contract-table .datatable-filter, .under-contract-table div{
  font-size : 13px;
}
@media screen and (max-width : 767px) {
  .under-contract-table .table > tbody > tr > td{
    font-size : 10px !important;
    padding: 6px;
  }
  .table-responsive>.table>tbody>tr>td,.table-responsive>.table>thead>tr>th {
    white-space: normal !important;
  }
  .under-contract-text {
    font-size : 10px !important;
  }
}

.under-contract-table .center-message{
  text-align : center;
}

/*** Size image "already added" ***/
div.div-button-right button.under-contract-btn-add-to-cart img {
  /*height: 80%; */
}

/*** Centering spinner ***/
div.div-button-right button.under-contract-btn-add-to-cart div {
  margin : auto;
}

.page-dashboard-my-articles-under-contract .img-responsive{
  width: auto;
  max-width: 45px;
  max-height: 45px;
}

.under-contract-text {
  font-weight: 600;
  font-size: 13px;
}

.under-contract-table .table > tbody > tr > td {
  font-size: 13px;
}

.under-contract-text-name {
  color: #337ab7;
}

.page-dashboard-my-articles-under-contract .datatable td {
  vertical-align: middle;
}

.under-contract-heart {
  font-size: 16px;
  cursor: pointer;
  width: 2em;
}
.glyphicon-heart-inactive {
  color: #848484;
  opacity:0.3;
}
.glyphicon-heart-active {
  color: #D40F19;
}

/* D2 customer type -- Button to go to the catalog */
.under-contract-button-catalog-center {
  text-align: center;
  margin-bottom: 15px;
}

/* The title for the under contract page must not take all the width to display the sort by form on the same line */
.page-dashboard-my-articles-under-contract .page-header {
  display: inline-block;
}

#under-contract-sort-by {
  display: inline-block;
  float: right;
  padding-right:8px;
}

.under-contract-button-catalog-solo {
  text-align: center;
  padding-right: 0px !important;
}

.shopping-cart-button-right {
  padding-right: 0!important;
  text-align: right;
}

.form-item-under-contract-sort-by .form-control, .under-contract-sort-by option, .form-item-under-contract-sort-by label {
  font-size: 13px;
}

@media (max-width : 992px) {

  .under-contract-button-catalog, .shopping-cart-button-right {
    text-align: center;
    padding-right: 15px !important;
  }

  .under-contract-button-catalog-solo {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  #shopping-button-gas, #shopping-button-go-shopping{
    width: 100%;
  }

}

@media (max-width: 1200px) {

  #under-contract-sort-by {
    display: block;
    float: none;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .under-contract-button-catalog, .under-contract-button-catalog-solo {
    padding-right: 10px !important;
  }

}