/* Default CSS for products. */

.product-return-link {
	text-align: right;
	border-top:solid 1px #ccc;
	margin-top: 20px;
}

.products-related table tr td img { margin-right: 5px;

}

.no-products {
	text-align: center;
}

.cm-product-form {
}

.cm-product-details-form {
}

.cm-product-cell-form {
}

.cm-product-large-cell-form {
}
.product-description .product-main p{font-size: 15px;}
.product-main{ padding-right: 30px;}
.product-right{-webkit-box-shadow: 0 4px 6px #aaa; -ms-box-shadow: 0 4px 6px #aaa; box-shadow: 0 4px 6px #aaa; margin-bottom: 20px;}
.product-right img{width:100%; display: block;border-bottom: solid 1px #ccc;margin-bottom: 15px;}
.product-right p{font-size: 15px; padding-left: 10px; padding-right: 10px;}
.instructor{padding-left: 15px;}
table.table-product-with-images {
	border:0px;
	padding:0px;
	border-spacing:0px;
	width:100%;
}


table.table-product-with-images td.image-cell{
	padding-right: 59px;
	width: 270px;
	vertical-align: top;
}

table.table-product-with-images td.product-cell{
	margin: auto;
	text-align:left;
}

div.product-description p {
	margin-top:0px;
}
.products-related table td{display:inline-block; width:25% !important;}
.products-related table td img{width:100%; height: auto; display: block; border:solid 10px #fff;}

table.product-store-managed {
	padding-top:10px;
	border-spacing:0px;
	width:100%;
}

.product-store-managed input {
	vertical-align: middle;
}

.product-store-managed td {
	vertical-align: top;
	padding-top: 10px;
	padding-bottom:10px;
}
.table-products-list{width:100%;}
.table-products-list .cm-product-list-add-to-cart-form input[type="text"] {
	padding: 10px;
	text-align: center;
}
.product-store-managed .product-price {
	text-align: right !important;
}
.product-details-quantity-container{ margin-bottom: 15px;}
.product-details-quantity-container input[type="text"]{padding: 10px; text-align: center;}
.product-details-order-button-container{}
.table-products-list-add-multiple{width:100% !important; max-width: none; margin-bottom: 10px; background-color: #333;}
.table-products-list .product-list-cell-thumbnail{display: block; width:100%;}
.table-products-list .product-list-cell-thumbnail img{width: 100%;height: 120px;object-fit: cover;}
.table-products-list .product-list-cell-info-description{display: block; width:100%;}
.productlist-product-title{padding:10px; min-height: 50px;}
.productlist-product-description{padding:10px;min-height: 130px; font-size: 14px;border-bottom: 1px solid #eee;}
.table-products-list .product-list-cell-date{width:18%;}
.table-products-list .product-list-cell-location{}
.table-products-list .product-list-cell-type{}
.table-products-list-add-multiple .product-list-heading-cell-checkbox,
.table-products-list-add-multiple .product-list-heading-cell-name, 
.table-products-list-add-multiple .product-list-heading-cell-date, 
.table-products-list-add-multiple .product-list-heading-cell-location, 
.table-products-list-add-multiple .product-list-heading-cell-type, 
.table-products-list-add-multiple .product-list-heading-cell-inventory,
.table-products-list-add-multiple .product-list-heading-cell-price{
	vertical-align: middle;
	text-align: left;
	padding: 10px;
	background-color: #fff;
	color:#333;
	border-bottom:solid 2px #fff;}
.table-products-list-add-multiple .product-list-cell-new,
.table-products-list-add-multiple .product-list-cell-checkbox,
.table-products-list-add-multiple .product-list-cell-name,
.table-products-list-add-multiple .product-list-cell-category,
.table-products-list-add-multiple .product-list-cell-type,
.table-products-list-add-multiple .product-list-cell-location,
.table-products-list-add-multiple .product-list-cell-date,
.table-products-list-add-multiple .product-list-cell-inventory,
.table-products-list-add-multiple .product-list-cell-price,
.table-products-list-add-multiple .product-list-cell-add-to-cart
{
	vertical-align: middle;
	text-align: left;
	padding: 10px;
	color:#fff;
	border-bottom:solid 2px #fff;
}
.table-products-list-add-multiple .product-list-cell-checkbox{width:10%;}
.table-products-list-add-multiple .product-list-cell-add-to-cart
{
	vertical-align: middle;
	text-align: right;
	padding: 10px;
}
.table-products-list-add-multiple .product-list-cell-add-to-cart .orderbutton,
.formbutton{
	border: none;
    box-shadow: none;
    transform: translateX(0) translateY(0);
    max-width: 100%;
    cursor: pointer;
    background-color: rgb(20, 63, 106);
    text-transform: uppercase;
    color: rgb(250, 250, 250);
    padding: 0.65em 2.25em 0.6em 2.25em;
    transition: all 0.2s ease-out 0s;
    font: inherit;
    letter-spacing: 0.1em;
    font-weight: bold;
	text-decoration: none !important;
	box-sizing: border-box;
	display: inline-block;
}
.table-products-list-add-multiple .product-list-cell-add-to-cart .orderbutton:hover{
	color: rgb(250, 250, 250);
    background-color: #2065aa !important;
}

.table-products-list-add-multiple .product-list-cell-add-to-cart .formbutton:hover{
	color: rgb(250, 250, 250);
    background-color: #2065aa !important;
}
p.product-list-new-text {
	color: #948A54;
	margin:0;
}

div.product-details-name {
	margin-bottom: 10px;
}

div.product-details-name h1 {
	margin: 0;
	font-size: 32px;
}

div.product-details-name > p {
	margin: 0;
	font-size: 8px;
}

div.cm-realex {
	padding-top: 30px;
}

.cm-realex table {
	margin-left: auto;
	margin-right: auto;
}

.product-no-products,
.catalog-no-products {
	text-align: left;
}

.table-products-list {
	border-spacing: 2px;
}

.table-products-list tbody tr:first-child td {
	font-weight: bold;
	vertical-align: middle;
    background-color: #e9e9e9;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    color: #333333;
    padding: 10px;
}

.table-products-list tbody tr:first-child td:not(:first-child) {
	text-align: center;
}

.table-products-list tbody tr:first-child .product-list-heading-cell-price {
	font-weight: bold;
	text-align: right !important;
	vertical-align: middle;
    background-color: #e9e9e9;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    color: #333333;
    padding: 10px;
}

.table-products-list tbody .table-products-list-row td:first-child {
	text-align: left;
	padding: 10px;
}

.table-products-list tbody .table-products-list-row td:not(:first-child) {
	padding: 10px;
	text-align: center;
}

.table-products-list tbody .table-products-list-row .product-list-cell-price {
	text-align: right !important;
	min-width: 70px;
}

.table-products-list tbody .table-products-list-row .product-list-cell-add-to-cart {
	text-align: right !important;
}

.table-products-list tbody .table-products-list-row .product-list-cell-add-to-cart .cm-product-list-add-to-waiting-list {
	float: none;
	white-space: nowrap;
}

.page-products-list input[type="submit"]{
	border: none;
    box-shadow: none;
    transform: translateX(0) translateY(0);
    max-width: 100%;
    cursor: pointer;
    background-color: rgb(20, 63, 106);
    text-transform: uppercase;
    color: rgb(250, 250, 250);
    padding: 0.65em 2.25em 0.6em 2.25em;
    transition: all 0.2s ease-out 0s;
    font: inherit;
    letter-spacing: 0.1em;
    font-weight: bold;
	text-decoration: none !important;
	box-sizing: border-box;
	display: inline-block;
}

.page-products-list input[type="submit"]:hover{
	color: rgb(250, 250, 250);
    background-color: #2065aa !important;
}

.product-description-icons {
	margin-bottom: 2rem;
}

.description-icon-container .product-date-data,
.description-icon-container .product-location-data {
	display: inline;
	margin-left: 0.5rem;
}

@media screen and (max-width: 1200px) {
.product-details-quantity-container{margin-bottom: 10px; display:block; width:100%;}
.product-details-order-button-container{display:block; width:100%;}
}

@media screen and (max-width: 979px) {
	.table-products-list tbody tr:first-child {
		display: none;
	}
	.table-products-list .table-products-list-row{display:inline-block; width:47%; margin-left: 5px; margin-right: 5px; margin-bottom: 10px;border: 1px solid #e9e9e9;background: #fafafa;vertical-align: top;}
	.product-store-managed .product-details-quantity-order-button-cell{
		text-align: right;
	}
	.table-products-list-row .product-store-managed .product-details-quantity-order-button-cell{
		text-align: left;
	}

	.table-products-list tbody tr:not(:first-child) td {
		vertical-align: middle;
        text-align: left !important;
        padding: 10px;
        border-bottom: 0px;
        display: block;
        width: 100%;
        float: none;
        box-sizing: border-box;
	}

	.table-products-list tbody .table-products-list-row .product-list-cell-add-to-cart {
    	text-align: right !important;
	}

	.table-products-list .cm-product-list-add-to-cart-form input[type="text"] {
		padding: 10px;
		text-align: center;
		margin-bottom: 0.5rem;
	}

	.table-products-list .product-list-cell-price {
		float: right;
		display: inline-block;
		width: 40%;
		text-align: right;
	}

	.cm-product-list-add-to-waiting-list {
		text-align: center;
	}

	.table-products-list tbody .table-products-list-row .product-list-cell-price {
		min-width: unset;
	}

	.table-products-list tbody .table-products-list-row .product-list-cell-add-to-cart {
		min-width: unset;
	}
}

@media screen and (max-width: 767px) {
	.product-description{ display: block; width:100%; float:none;}
	.cm-product-list-add-to-waiting-list {
		display: block;
		width: 100%;
		float: none;
	}
	.orderbuttton, .formbutton {
		width: 100%;
	}
	.product-store-managed td {
		text-align: left;
	}
}
@media screen and (max-width: 550px) {
	.table-products-list-add-multiple{width:100% !important; max-width: none; margin-bottom: 10px; border:0px;}
	.table-products-list .table-products-list-row{display:block; width:100%; margin-left: 0px; margin-right: 0px; margin-bottom: 2rem;border: 1px solid #e9e9e9;background: #fafafa;vertical-align: top;}
	.table-products-list .product-list-cell-thumbnail{display: block; width:100%;}
	.table-products-list .product-list-cell-thumbnail img{width:100%; height: auto;}
	.table-products-list .cm-product-list-add-to-cart-form input[type="text"] {
		padding: 10px;
		text-align: center;
		margin-bottom: 0.5rem;
	}
	.table-products-list .product-list-cell-price {
		float: right;
		display: inline-block;
		width: 40%;
		text-align: right;
	}
td.product-list-heading-cell-new,
td.product-list-heading-cell-checkbox,
td.product-list-heading-cell-name,
td.product-list-heading-cell-category,
td.product-list-heading-cell-price,
td.product-list-heading-cell-type,
td.product-list-cell-add-to-cart-heading{display: none;}
td.product-list-cell-new,
td.product-list-cell-checkbox,
td.product-list-cell-name,
td.product-list-cell-category,
td.product-list-cell-price,
td.product-list-cell-type,
td.product-list-cell-date,
td.product-list-cell-add-to-cart
{
	vertical-align: middle;
	text-align: left;
	padding: 10px;
	border-bottom:0px;
	display:block;
	width:100%;
	float: none;
	box-sizing: border-box;
	text-align: left;
}
	
}
.tabs {
  display: flex;
  flex-wrap: wrap;
}

.tabs label {
  order: 1;
  display: block;
  padding: 1rem 2rem;
  margin-right: 0.2rem;
  cursor: pointer;
  background: #fff;
  font-weight: bold;
  transition: background ease 0.2s;
	border-left:solid 1px #efefef;
	border-top:solid 1px #efefef;
	border-right:solid 1px #efefef;
}

.tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
  background: #efefef;
}

.tabs input[type="radio"] {
  display: none;
}

.tabs input[type="radio"]:checked + label {
  background: #efefef;
}

.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}

.product-details-quantity-container input {
	margin-left: 5px;
}

.image-cell img {
	width: 100%;
	/*max-height: 180px !important;*/
	max-width: 270px !important;
	object-fit: cover;
	/*aspect-ratio: 16/9;*/
}

.product-details-name h1 {
	display: none;
}

.product_details_heading_image {
	margin-bottom: 1rem;
    margin-top: 1.5rem;
    max-height: 14rem;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }

  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}

@media screen and (max-width: 979px) {
	.table-product-with-images tbody tr {
		display: grid;
	}

	table.table-product-with-images td.image-cell {
		padding-right: 0px;
		justify-self: center;
		width: 100%;
		margin-bottom: 2rem;
	}

	table.table-product-with-images td.image-cell img {
		max-width: 100% !important;
		max-height: 100% !important;
	}
}