#HOOK_SHOPPING_CART_EXTRA .opartDevisCartToQuotationLink {
  float:right;
}
.opartDevisQuotationRequestLink {
  margin-top:5px;
}
#opartDevisConteneurDisplayTop {
  clear:both;
  text-align:center;
}
#opartDevisConteneurDisplayTop .btn{
  margin:0 10px;
  display:inline-block;
}

.button.button-small .opartDevisHide {
  display:none;
}
.button.button-small .opartDevisShow {
  display:block;
}

.quotation__description
{
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-black-default);
}
.quotation__description label
{
  text-align: left;
}
.quotations
{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 25px;
}
.quotations article
{
  background-color: var(--color-white-default);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 15px 0px;

}

.quotation__footer{
  padding:0 20px 20px 20px;
  margin-top: .7em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
}
.quotation__footer a
{
  border: none;
  color: var(--color-black-default);
  text-align: left;
  padding: 5px 0 ;
  background: var(--color-white-default);
}

.quotation__footer a:hover
{
    border: none !important;
}

.quotation__footer a:hover
{
  color: var(--color-black-default);
  background-color: unset;
  text-shadow   : 0 0 .65px #333, 0 0 .65px #333;

}
.opartDevisHide
{
  font-size: 15px;
}
#module-opartdevis-listquotation #content .content-container
{
  background-color: var(--color-grey-default) !important;
}
.quotation__title
{
  padding: 20px 20px 0 20px;
  text-transform: uppercase;
  margin: 0.5rem 0;
  font-size: 1rem;
  font-weight: 700;
}
.quotation__description label .name
{
  font-weight: 600;
}
.quotation__footer a:focus,.quotation__footer a:active
{
  background-color: unset !important;
  color: unset !important;
}
@media screen and (min-width: 500px)
{
  .button.button-small .opartDevisHide {
    display:block;
  }
  .button.button-small .opartDevisShow {
    display:none;
  }
}

@media screen and (min-width: 550px) and (max-width: 768px)
{
  .quotations {
    grid-template-columns:  1fr;
  }
  .quotation__footer
  {
    display: flex;
  }
}

@media screen and (max-width: 549px)
{
  .quotations {
    grid-template-columns:  1fr;
  }
  .quotation__footer
  {
    display: grid ;
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1150px)
{
  .quotation__footer
  {
    grid-template-columns: 1fr;
  }
}