<style>
{% if (loader_bg_color) %} 
.ic-loader {
  background-color: {{ loader_bg_color }};
}
{% endif %} 

{% if (loader_font_color) %} 
.ic-loader {
  color: {{ loader_font_color }};
}
{% endif %} 

{% if (table_head_bg_color) %} 
.ic-head-row {
  background-color: {{ table_head_bg_color }};
}
{% endif %} 

{% if (table_head_font_color) %} 
.ic-head-row .ic-head-col {
  color: {{ table_head_font_color }};
}
{% endif %} 

.ic-body-col {
  height: {{ column_height }}px;
}

@media (max-width: 767px) {
  .ic-body-col {
    height: auto;
  }
}

.product-image-col {
  width: {{ img_column_width }}px;
}

.ic-product-img {
  width: {{ image_width }}px;
  height: {{ image_height }}px;

  {% if (image_border_size or image_border_size == '0') %} 
  border-width: {{ image_border_size }}px;
  {% endif %} 

  {% if (image_border_color) %} 
  border-color: {{ image_border_color }};
  {% endif %} 

  {% if (image_border_radius or image_border_radius == '0') %} 
  border-radius: {{ image_border_radius }}px;
  {% endif %} 
}

{% if (btn_qty_bg_color) %} 
.ic-qty-btn {
  background-color: {{ btn_qty_bg_color }} !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline-style: none !important;
  border-color: {{ btn_qty_bg_color }} !important;
}
.ic-qty-btn:hover,
.ic-qty-btn:focus {
  background-color: {{ btn_qty_bg_color }} !important;
  border-color: {{ btn_qty_bg_color }} !important;
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1) !important;
}
.ic-qty-btn:active,
.ic-qty-btn:active:hover,
.ic-qty-btn:active:focus {
  background-color: {{ btn_qty_bg_color }} !important;
  border-color: {{ btn_qty_bg_color }} !important;
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.2) !important;
}
{% endif %} 

{% if (btn_qty_font_color) %} 
.ic-qty-btn,
.ic-qty-btn:hover,
.ic-qty-btn:focus,
.ic-qty-btn:active,
.ic-qty-btn:active:hover,
.ic-qty-btn:active:focus {
  color: {{ btn_qty_font_color }} !important;
}
{% endif %} 

{% if (btn_remove_bg_color) %} 
.ic-btn-remove .fa {
  color: {{ btn_remove_bg_color }} !important;
}
.ic-btn-remove:hover .fa,
.ic-btn-remove:focus .fa,
.ic-btn-remove:active .fa {
  color: {{ btn_remove_bg_color }} !important;
  opacity: .9;
}
{% endif %} 

{% if (btn_other_bg_color) %} 
.ic-btn {
  background-color: {{ btn_other_bg_color }} !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline-style: none !important;
  border-color: {{ btn_other_bg_color }} !important;
}
.ic-btn:hover,
.ic-btn:focus {
  background-color: {{ btn_other_bg_color }} !important;
  border-color: {{ btn_other_bg_color }} !important;
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1) !important;
}
.ic-btn:active,
.ic-btn:active:hover,
.ic-btn:active:focus {
  background-color: {{ btn_other_bg_color }} !important;
  border-color: {{ btn_other_bg_color }} !important;
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.2) !important;
}
{% endif %} 

{% if (btn_other_font_color) %} 
.ic-btn,
.ic-btn:hover,
.ic-btn:focus,
.ic-btn:active,
.ic-btn:active:hover,
.ic-btn:active:focus {
  color: {{ btn_other_font_color }} !important;
}
{% endif %} 

{% if (btn_continue_bg_color) %} 
#ic-container .ic-btn-continue {
  background-color: {{ btn_continue_bg_color }} !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none;
  outline-style: none !important;
  border-color: {{ btn_continue_bg_color }} !important;
}
#ic-container .ic-btn-continue:hover,
#ic-container .ic-btn-continue:focus {
  background-color: {{ btn_continue_bg_color }} !important;
  border-color: {{ btn_continue_bg_color }} !important;
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1) !important;
}
#ic-container .ic-btn-continue:active,
#ic-container .ic-btn-continue:active:hover,
#ic-container .ic-btn-continue:active:focus {
  background-color: {{ btn_continue_bg_color }} !important;
  border-color: {{ btn_continue_bg_color }} !important;
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.2) !important;
}
{% endif %} 

{% if (btn_continue_font_color) %} 
#ic-container .ic-btn-continue,
#ic-container .ic-btn-continue:hover,
#ic-container .ic-btn-continue:focus,
#ic-container .ic-btn-continue:active,
#ic-container .ic-btn-continue:active:hover,
#ic-container .ic-btn-continue:active:focus {
  color: {{ btn_continue_font_color }} !important;
}
{% endif %} 

{% if (btn_checkout_bg_color) %} 
#ic-container .ic-btn-checkout {
  background-color: {{ btn_checkout_bg_color }} !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline-style: none !important;
  border-color: {{ btn_checkout_bg_color }} !important;
}
#ic-container .ic-btn-checkout:hover,
#ic-container .ic-btn-checkout:focus {
  background-color: {{ btn_checkout_bg_color }} !important;
  border-color: {{ btn_checkout_bg_color }} !important;
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1) !important;
}
#ic-container .ic-btn-checkout:active,
#ic-container .ic-btn-checkout:active:hover,
#ic-container .ic-btn-checkout:active:focus {
  background-color: {{ btn_checkout_bg_color }} !important;
  border-color: {{ btn_checkout_bg_color }} !important;
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.2) !important;
}
{% endif %} 

{% if (btn_checkout_font_color) %} 
#ic-container .ic-btn-checkout,
#ic-container .ic-btn-checkout:hover,
#ic-container .ic-btn-checkout:focus,
#ic-container .ic-btn-checkout:active,
#ic-container .ic-btn-checkout:active:hover,
#ic-container .ic-btn-checkout:active:focus {
  color: {{ btn_checkout_font_color }} !important;
}
{% endif %} 

{% if (btn_radius or btn_radius == '0') %} 
#ic-container .ic-qty-btn,
#ic-container .ic-btn-continue,
#ic-container .ic-btn-checkout,
#ic-container .ic-btn {
  border-radius: {{ btn_radius }}px !important;
}
{% endif %} 

{{ custom_css_code ? custom_css_code : '' }} 
</style>