/* Fixes */

.woocommerce-page table.otfw-products tr:nth-child(odd) td {
	background: 0 0!important;
}

.woocommerce-page table.otfw-products tr:nth-child(even) td {
	background: 0 0!important;
}


/* Table Rows */

.otfw-products tr {
	box-shadow: 5px 1px 15px 1px rgba(0, 0, 0, 0.08);
	background-color: #fffefe;
}

.otfw_desc {
	padding: 0.6em;
	min-width: 100px;
	vertical-align: middle;
}

.otfw_desc p {
	line-height: 120%;
	font-weight: 400;
	text-align: center;
}

td.otfw_desc.otfw_title_desc {
	padding-left: 4px;
	padding-right: 4px;
}

.otfw_title {
	font-weight: bolder;
	color: #545454;
}

p.otfw_title_para {
	text-align: left;
}

.otfw_updating {
	color: #5bc0de;
}

table.otfw-products {
	border-spacing: 0;
	border-collapse: separate;
}


/*Table Header */

table.otfw-products thead th {
	border-bottom: 2px solid rgb(0, 0, 0);
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	padding-top: 1.3em;
	padding-right: 4px;
	padding-bottom: 1.3em;
	padding-left: 4px;
	vertical-align: middle;
	text-align: center;
	background-color: white;
}

th.otfw_desc_head {
	min-width: 50px;
	color: grey;
	text-align: center;
}

.otfw-products thead {
	z-index: 99999;
}


/* Table Footer */

.otfw tfoot {
	background: white;
}

table.otfw-products td {
	padding-top: 0.4em;
	padding-right: 1.0em;
	padding-bottom: 0.4em;
	padding-left: 1.0em;
}

table.otfw-products tbody td {
	background: white;
	color: grey;
}


/* Input form */

.otfw .quantity input.qty {
	border: none;
	padding: 0 5px;
	display: inline;
	text-align: center;
	font-weight: 500;
	color: #545252;
	font-size: initial;
	background: 0 0;
}

.otfw-products form {
	margin-bottom: 0;
}

.otfw .fa-check {
	color: #5bc0de;
}


/* Checkout Botton */

#otfw_checkout_button {
	background-color: #5bc0de;
	border-color: unset;
	color: white;
}

.otfw_review_button a {
	/*width: 100%;*/
	text-align: center;
	font-size: larger;
}


/* Label */
.otfw .label {
    color: white;
	font-size:100%;
}
.otfw_label_color {
	background-color: #5bc0de;



    color: white;

}
/* Sale Badge */
.otfw_badge_sale {


    color: white;
    background-color: #5bc0de;
}


/* Hoovering */

.otfw a:hover,
.otfw p a:hover {
	color: grey;
	text-decoration: none;
}


/* Selection */

.otfw ::selection {
	background: #8e8e8e;
	color: #fff;
}


/* Break 780px */

@media only screen and (max-width: 780px) {
	p.otfw_title {
		text-align: left;
	}
	table.otfw-products {
		font-size: 0.8em;
	}
}


/* Break 600px */

@media only screen and (max-width: 600px) {
	

	table.otfw-products{

      display: block;
      max-width: -moz-fit-content !important;
      max-width: fit-content !important;
      margin: 0 auto;
      overflow-x: auto;


	}

	.otfw_badge {
		position: static !important;
		top: 10px !important;
		left: -25px !important;
		text-transform: uppercase !important;
		width: 40px !important;
		height: 15px !important;
		font-size: 9px !important;
		text-align: center !important;
		line-height: 15px !important;
		border-radius: 30px !important;
		font-weight: 700 !important;
		box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.35);
		-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.35);
		-moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.35);
	}
	table.otfw-products td {
		text-align: center;
		padding-top: 0.1em;
		padding-right: 0.3em;
		padding-bottom: 0.1em;
		padding-left: 0.3em;
	}
	table.otfw-products {
		max-width: 100vw;
	}
	.otfw_desc {
		min-width: 5vw;
		max-width: 10vw;
		max-height: 40px;
	}
}


/* Break 450px */

@media only screen and (max-width: 450px) {
	.otfw_title {
		font-size: smaller;
	}
	.otfw_desc p {
		font-size: smaller;
	}
	.otfw_form {
		font-size: smaller;
	}
	th.otfw_desc_head {
		font-size: inherit;
	}
	#otfw_desc_head_title {
		text-align: center;
	}
	th.otfw_desc_head p {
	/*	transform: rotate(-55deg);*/
	}
	table.otfw-products td {
		padding-top: 0.05em;
		padding-right: 0.1em;
		padding-bottom: 0.05em;
		/* padding-left: 0.1em;*/
	}
	td.otfw_desc {
		max-height: 30px;
	}
}

.otfw_cat_title {

	font-size: 150%;
}
.otfw_cat_desc{
	font-size: 80%;
}
/* Fixes */

table.otfw-products td p:last-child,
table th p:last-child {
	/*margin-bottom: 0;*/
}
