.rq-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,0.5); }
.rq-modal-content { background: #fff; margin: 5% auto; padding: 20px; border-radius: 6px; width: 90%; max-width: 600px; position: relative; }
.rq-close { position: absolute; right: 12px; top: 8px; background: transparent; border: none; font-size: 24px; cursor: pointer; }
.rq-modal-content .form-group { margin-bottom: 12px; }
.rq-modal-content .form-group input,.rq-modal-content .form-group textarea { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.rq-modal-content .form-actions { text-align: right; }
.rq-feedback { margin-top: 10px; color: #d9534f; }
.request_quote_message p:last-child { margin-bottom: 0; }
.rq-modal-content .rq-dataprotection input, .rq-modal-content .rq-buyer-type input { width: auto; }
.rq-modal-content .rq-dataprotection a {
  text-decoration: underline;
}

#rq-open-btn { font-size: 18px; padding: 10px; line-height: 22px; }

/* Loader inside modal form */
#rq-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  z-index: 50;
}

/* Spinner animation */
#rq-loader::after {
  content: "";
  width: 36px;
  height: 36px;
  border: 4px solid #bbb;
  border-top-color: #333;
  border-radius: 50%;
  animation: rq-spin 0.8s linear infinite;
}

@keyframes rq-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Ensure modal content can host the loader properly */
#rq-modal .rq-modal-content,
#rq-modal .modal-content {
  position: relative;
}

.products {
  display: flex;
  flex-wrap: wrap;
}

.products .product-miniature {
  display: flex;
  text-align: left;
  flex-flow: column;
}

#products:not(.product_show_list) .products .product-miniature .thumbnail-container {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}

.products .product-miniature .product-right {
  padding: 0 5px;
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}

.product-miniature .product-description {
  flex-grow: 1;
}

.products .product-bottom .button-container {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
}

/*.products .product-miniature .product-desc {
  height: auto !important;
}*/

.btn-outline-danger {
  color: #ff4c4c;
  background-image: none;
  background-color: transparent;
  border-color: #ff4c4c !important;
  margin: 5px;
}

.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger:focus,
.btn-outline-danger:hover:active,
.btn-outline-danger:focus:active {
  color: #fff;
  background-color: #ff4c4c;
  border-color: #ff4c4c !important;
}

.btn-outline-info {
  color: #366c82;
  background-image: none;
  background-color: transparent;
  border-color: #366c82 !important;
  margin: 5px;
}

.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-info:focus,
.btn-outline-info:hover:active,
.btn-outline-info:focus:active {
  color: #fff;
  background-color: #366c82;
  border-color: #366c82 !important;
}

#subcategories ul {
  display: flex;
  flex-wrap: wrap;
}

div#_desktop_search_widget { float: left; }

a:focus {
    outline: none;
}

a:focus-visible {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: none;
}

.btn.active:focus-visible, .btn:active:focus-visible, .btn:focus-visible {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

@supports not selector(:focus-visible) {
    a:focus {
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

    .btn.active:focus, .btn:active:focus, .btn:focus {
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }
}

@media (max-width: 991px) {
  div#rwd_menu .container {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  div#rwd_menu .rwd_menu_item {
    float: none;
  }
}
