/* bypc-style.css */

/*login popup of links as guest user*/
#bypc-login-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; z-index: 9999; }
.bypc-popup-content { background: #fff; max-width: 500px; margin: 100px auto; padding: 20px; position: relative; border-radius: 8px; }
#bypc-popup-close { position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 20px; }
.ConfiguratorChooseYourPartContent { width: 100%; }
.ConfiguratorChooseYourPartContent .form-group { font-size: 13px; border-bottom: 1.5px solid #eee; padding-bottom: 12px; margin-bottom: 30px; }
.configureyourPCWrapperLEFT .form-group { margin-bottom: 30px; }
.product-detail-box-desktop { font-family: "Roboto", sans-serif; }
table.table.table-bordered.build-your-pc { margin-top: 30px; }
.product-detail-box-desktop [type=button], .product-detail-box-desktop [type=submit], .product-detail-box-desktop button { border: 1px solid #099AD9; color: #099AD9; }
.product-detail-box-desktop [type=button]:focus, .product-detail-box-desktop [type=button]:hover, .product-detail-box-desktop [type=submit]:focus, .product-detail-box-desktop [type=submit]:hover, .product-detail-box-desktop button:focus, .product-detail-box-desktop button:hover { background-color: #099AD9; }
.table.build-your-pc>:not(:first-child) { border-top: 2px solid currentColor; }
.product-detail-box-desktop { margin-bottom: 30px; background-color: #F8F8F8; padding: 30px; border-radius: 10px; }
.ConfiguratorChooseYourPartContent .title-category { margin-top: 0; }
.table.build-your-pc td:not(.hoverTable), .configureyourPCWrapperRIGHT .table td:not(.hoverTable) { background-color: #fff !important; border-color: inherit !important; }
.table.build-your-pc button.btn.choose-btn.close-btn { margin-bottom: 10px; }
.table.build-your-pc .product-filters { gap: 10px; row-gap: 10px; margin-bottom: 10px; }
.category-products .table.table-bordered input[type="number"] { width: auto; max-width: 80px; }
.TableOverFlowing { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; /* smooth scroll on iPhone */ }
@media screen and (min-width:991px) {
	.row.data.configureyourPCWrapper { display: flex; flex-wrap: wrap; margin: 0 -12px; }
	.row.data.configureyourPCWrapper .configureyourPCWrapperLEFT { flex: 0 0 auto; width: 75%; max-width: 100%; padding: 0 12px; }
	.row.data.configureyourPCWrapper .configureyourPCWrapperRIGHT { flex: 0 0 auto; width: 25%; padding: 0 12px; }
}
@media screen and (min-width:320px) and (max-width:767px) {
	.product-detail-box-desktop { padding: 15px; }
	.product-detail-box-desktop table td, .product-detail-box-desktop table th { padding: 10px; }
	.table.build-your-pc button.btn.choose-btn { font-size: 12px; padding: 6px 10px; }
}