:root {
  --blue: #134178;
  --grey: #c2c4c3;
  --light_bg: #e2e2e2;
}

td, th{
	border: 0.1px solid transparent !important;
}

.dd_table_title div.dd_col {
  border: 2px solid var(--blue);
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--blue);
  padding: 5px;
  box-sizing: border-box;
}

.dd_quantity_table {
  margin-bottom: 0px;
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse !important;
}

.dd_quantity_table tbody td,
.dd_quantity_table thead th {
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
}

.dd_quantity_table tbody td div.dd_col,
.dd_quantity_table thead th div.dd_col {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--blue);
  height: 52px;
  background: var(--grey);
  box-sizing: border-box;
  padding: 10px 5px;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dd_quantity_table thead th.dd_date .dd_col span {
  line-height: 1em;
}

.dd_quantity_table thead th.dd_quantity_title div.dd_col {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--blue);
  font-weight: 600;
  vertical-align: bottom;
  background: #fff;
}

.dd_quantity_table tbody td.dd_quantity div.dd_col {
  background: #fff;
  border: 2px solid var(--blue);
}

.dd_quantity_table thead th.dd_date div.dd_col {
  background: #fff;
  border: 2px solid var(--blue);
}

.dd_quantity_table tbody td.dd_quantity div.dd_col:hover,
.dd_quantity_table thead th.dd_date div.dd_col:hover,
.dd_quantity_table tbody td.dd_price div.dd_col:hover,
.dd_quantity_table tbody td.dd_quantity div.dd_col.selected,
.dd_quantity_table thead th.dd_date div.dd_col.selected,
.dd_quantity_table tbody td.dd_price div.dd_col.selected {
  background: var(--blue);
  color: #fff;
}

.dd_quantity_table tfoot td {
  padding: 10px;
}

.dd_calc_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--light_bg);
  padding: 10px 20px;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 5px;
	box-sizing: border-box;
	text-transform: uppercase ;
	color: var(--blue)
}

.dd_estimate.dd_calc_row{
	background: #fff ;
	border: 2px solid var(--blue);
	color: var(--blue)
}

.dd_shipping.dd_calc_row{
	color: #fff ;
	background: var(--blue);
}

.dd_estimate .dd_calc_value{
	font-size: 17px;
}

.dd_add_to_cart {
    background: #F6C52B !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 10px 15px !important;
    text-align: center !important;
    display: flex;
    width: 100%;
    justify-content: center;
	align-items: center ;
	gap: 8px
}

.dd_add_to_cart svg{
	width: 30px;
}

.loader {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid var(--blue);
    width: 15px;
    height: 15px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
	display: none ;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.dd_shipping svg {
    width: 25px;
    height: 25px;
}

span.dd_regular_price {
    font-size: 11px;
    opacity: 0.5;
    display: inline-block;
    margin-right: 3px;
    text-decoration: line-through;
    color: #000;
}

@media(max-width:500px){
	.dd_quantity_table tbody td, .dd_quantity_table thead th {
    padding: 3px;
}
}