.marked {
	color: #03A9F4;
	background-color: transparent;
}

#noProductMessage {
	color: red;
}
p.download-title{
	font-size: 28px;
	line-height: 37px;
	margin-bottom: 16px;
	color: #333333;
}

/*download menu*/
#product-menu-section{
	margin-top: 60px;
	padding: 0 4%;
}
#product-menu-section .product-menu-wrap{ 
	display: flex;
}
#product-menu-section .product-menu-wrap > div{
	position: relative;
	margin-right: 32px;
	width: 20%;
}
#product-menu-section .product-menu-wrap > div#product_model{
	width: 50%;
}
#product-menu-section .product-menu-wrap > div button{
	width: 100%;
	text-align: left;
	padding-left: 14px;
	display: flex;
	justify-content: space-between;
    align-items: center;
	color: #333333;
	border: 1px solid #333333;
}
#product-menu-section .product-menu-wrap > div button:after{
	content: "";
    display: inline-block;
    border: solid black;
    border-width: 0 1px 1px 0;
    padding: 3.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 12px;
    margin-bottom: 3px;
}
#product-menu-section .product-menu-wrap > div button:active,
#product-menu-section .product-menu-wrap > div button:hover,
#product-menu-section .product-menu-wrap > div button:visited,
#product-menu-section .product-menu-wrap > div button:focus{
	color: #333333;
	background-color: #FFF;
	border: 1px solid #707070;
	outline: none;
}
#product-menu-section .product-menu-wrap ul{
	width: 100%;
	position: absolute;
	z-index: 10;
	background-color: #FFF;	
	padding: 8px 0;
	border: 1px solid #707070;
	border-radius: 4px;
	margin-top: 4px;
}
#product-menu-section .product-menu-wrap ul li{
	list-style-type: none;
	font-size: 16px;
	line-height: 40px;
	padding: 0 26px;
	cursor: pointer;
}
#product-menu-section .product-menu-wrap ul li:hover{
	background-color: rgba(3, 169, 244, 0.1);

}
#product-menu-section .product-menu-wrap ul li:last-child span{
	border-bottom: none;
}
#product-menu-section .product-menu-wrap ul li span{
	border-bottom: 1px solid #E2E2E2;
	width: 100%;
	display: inline-block;	
}
/*download-divider*/
.download-divider{
	width: calc( 90% + 64px);
	position: relative;
	height: 120px;
}
.download-divider .divider-text{
	position: absolute;
	font-size: 28px;
	z-index: 2;
    top: 37px;
	left: 45%;
	background-color: #FFF;
	width: 10%;
	text-align: center;
}
.download-divider .divider-line{
	border-bottom: 1px solid #E2E2E2;
	height: 60px;
}
/*download search page*/
#download-search-section{
	padding: 0 4%;
	margin-bottom: 160px;
}
#download-search-section #search-input,
#download-search-section #search-input:focus{
	background-color: #FFF!important;
}
#search-form{
	width: calc(90% + 64px);
}
#search-form .search-input-wrapper {
	position: relative;
}
#search-form .search-input-wrapper .clear-button {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 12px;
	color: red;
	transition: none;
}
#search-form .search-input-wrapper .clear-button:hover {
	/* filter: invert(47%) sepia(96%) saturate(3835%) hue-rotate(335deg) brightness(92%) contrast(79%); */
	transition: none;
}
#search-form .search-input-wrapper .clear-button::before{
	content: "";
	background: url("https://static.engeniuscdn.com/wp-content/uploads/2023/06/28054946/ic_clear.svg");
	width: 18px;
	height: 18px;
	display: block;
	transition: none;
}
#search-form #search-count{
	font-size: 16px;
	line-height: 52px;
	color: #333333;
	padding-left: 13px;
}
#search-results{
	font-family: roboto;
}
#search-results p{
	display: none;
}
#search-results div{
	border-bottom: #E2E2E2 1px solid;
	transition: background-color 0.3s;
	cursor: pointer;
}
#search-results div:hover {
	background-color: #F5F5F5;
}
#search-results div span{
	line-height: 52px;
}
#search-results div span:first-child{
	color: #333333;
	font-weight: 700;
	padding-left: 13px;
}
/*#search-results div span:nth-child(2):before{
	content: "- ";
}*/
#search-results div span:last-child{
	color: #666666;
}
#search-results div span:last-child::before{
	content: "| ";
}
#search-results div:hover span:first-child{
	color: #03A9F4;
	text-decoration: underline;
}

/*download result page*/
.elementor-widget:not(:last-child){
	margin-bottom: 0;
}
#result-product{
	padding: 0 4%;
}
#result-product .backToDownload{
	display: inline-block;
	border: #03A9F4 1px solid;
	border-radius: 4px;
	color: #03A9F4;
	padding: 7px 24px 7px 12px;
	margin: 32px 0;	
	font-size: 16px;
	transition: all 0.2s;
}
#result-product .backToDownload:hover{
	display: inline-block;
	background-color: #03A9F4;
	color: #FFF;
	transition: all 0.2s;
}
#result-product h2{
	font-weight: 700;
	color: #333333;
	margin-top: 0!important;
	margin-bottom: 5px!important;
}
#result-product h4{
	color: #333333;
	font-size: 20px!important;
	line-height: 24px!important;
	margin-bottom: 60px;
}
#result-product #download-table{
	color: #333333;
	margin-bottom: 100px;
}
#result-product #download-table th,
#result-product #download-table td,
#result-product #download-table thead:first-child tr:first-child th{
	border: none;
	vertical-align: middle;
	font-size: 15px;
}
#result-product #download-table th{
	padding: 10px 16px;
	background-color: #EFEFEF;
	font-weight: 700;
	text-align: left;
}
#result-product #download-table th:last-child{
	text-align: center;
}
#result-product #download-table td{	
	padding: 12px 16px;
	border-bottom: 1px solid #EFEFEF;	
}
#result-product #download-table tbody>tr:nth-child(odd)>td, 
#result-product #download-table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}
#result-product #download-table tbody tr:hover>td, 
table tbody tr:hover>th{
	background-color: #f5f5f5;
}
/* #result-product td[data-label="Download"]{
	display: flex;
	justify-content: center;
	align-items: center;
} */
/* #result-product td[data-label="Download"], */
#result-product td[data-label="Checksum"]{
	text-align: center;
}

#result-product #download-table a{	
	width: 20px;
	height: 20px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0 5px;
	filter: invert(47%) sepia(30%) saturate(4357%) hue-rotate(168deg) brightness(103%) contrast(106%); 
	opacity: 0.8;
	transition: all 0.1s ease-in-out;
}
#result-product #download-table a:hover{
	opacity: 0.6;
}
#result-product #download-table a.download-icon{	
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2024/07/04082244/ic_checked-1.svg");
}
#result-product #download-table a.download-external-icon{	
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2024/07/04090147/ic_open-new-window.svg");
}
#result-product #download-table a.d-releasenote{	
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2024/07/04082248/ic_document-1.svg");
}
#result-product #download-table a.d-checksum{	
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2024/07/04082246/ic_checked_1.svg");
}
/*Checksum popup*/
.modal{
    display: none; 
    position: fixed; 
    z-index: 9999; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; 
    background-color: rgb(0, 0, 0); 
    background-color: rgba(0, 0, 0, 0.4); 
}

.modal-content {
	background-color: #fefefe;
    margin: 20% auto 0;
    padding: 36px;
    border: 1px solid #888;
    width: 40%;
    min-width: 500px;
    text-align: left;
}
.modal-content p{
	margin: 8px auto 20px;
}
.modal-content h2{
	margin-bottom: 16px!important;
}
.modal-content h3{
	margin-bottom: 8px!important;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.closeBtn{
	background-color: #03A9F4;
    padding: 12px 36px;
    display: inline-block;
    color: white;
	cursor: pointer;
}



/*mobile table*/
@media only screen and (max-width: 1390px) {
#product-menu-section .product-menu-wrap > div{
	width: 25%;
	margin-right: 2.5%;
}
#product-menu-section .product-menu-wrap > div#product_model{
	width: 45%;
	margin-right: 0;
}
.download-divider {
    width: 100%;
}
#search-form {
    width: 100%;
}
#result-product #download-table th,
#result-product #download-table td,
#result-product #download-table thead:first-child tr:first-child th{
	min-height: 60px;
}
td[data-label="Name"] {
    word-break: break-word;
    min-width: 30vw;
}
}
@media only screen and (max-width: 1024px) {
	#result-product #download-table th:nth-child(4),
	#result-product #download-table td:nth-child(4){
		display: none;
	}
	#product-menu-section .product-menu-wrap{
		flex-wrap: wrap;
	}
	#product-menu-section .product-menu-wrap > div{
		width: 100%;
		margin-right: 0;
		margin-bottom: 16px;
	}
	#product-menu-section .product-menu-wrap > div#product_model{
		width: 100%;
	}
	#search-results div span:first-child{
		padding-left: 0;
	}
	#search-count{
		padding: 0;
	}
	
	#search-results a{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	#result-product #download-table th,
	#result-product #download-table td,
	#result-product #download-table thead:first-child tr:first-child th{
		min-height: min-content;
	}
}
@media (max-width: 1024px) and (min-width: 769px) {
	/*hide checksum column*/
	#result-product #download-table th:last-child div{
		display: none;
	}
	#result-product #download-table th:last-child,
	#result-product #download-table td:last-child{
		padding-left: 0;
	}
	#result-product #download-table th:nth-child(5),
	#result-product #download-table td:nth-child(5){
		padding-right: 0;
	}
}
@media only screen and (max-width: 768px) {
	#result-product{
		padding: 0 5%;
	}
	/* #result-product{
		padding: 0 12px;
	} */
	#result-product h4 {
		margin-bottom: 48px;
	}
	#result-product #download-table tbody tr:hover>td, 
	table tbody tr:hover>th{
		background-color: transparent;
	}
	#result-product #download-table th,
	#result-product #download-table thead tr{
		display: none;
	}
	#result-product #download-table tr{
		border: solid 1px #CCC;
		margin: 0 0 16px;
		display: block;
		border-radius: 4px;
		padding: 18px 0;
	}
	#result-product #download-table td{
		width: 100%;
		display: block;
		font-size: 18px;
		line-height: 24px;
		border: none;
	}
	#result-product td::before{
		display: block;
		color: #999999;
		font-size: 16px;
		line-height: 21px;
	}
	#result-product td[data-label="Type"]::before{
		content: "Type:";
	}
	#result-product td[data-label="Name"]::before{
		content: "Name:";
	}

	#result-product td[data-label="Version"]::before{
		content: "Version:";
	}
	#result-product td[data-label="Release Date"]::before{
		content: "Release Date:";
	}
	#result-product #download-table a:first-child{
		margin-bottom:12px;
	}
	#result-product td a:before{
		color: #FFF;
		font-size: 18px;
		line-height: 44px;
	}
	#result-product td a.download-icon:before{
		content: "Download";
	}
	#result-product td a.download-external-icon:before{
		content: "Download";
	}
	#result-product td a.d-releasenote:before{
		content: "Release Note";
	}
	#result-product td a.d-checksum:before{
		content: "Checksum";
	}
	#result-product #download-table a.download-icon,
	#result-product #download-table a.download-icon:hover,
	#result-product #download-table a.download-external-icon,
	#result-product #download-table a.download-external-icon:hover,
	#result-product #download-table a.d-releasenote,
	#result-product #download-table a.d-releasenote:hover,
	#result-product #download-table a.d-checksum,
	#result-product #download-table a.d-checksum:hover{		
		display: block;
		height: 44px;
		width: 100%;
		background-image: none;
		background-color: #03A9F4;
		border-radius: 4px;
		text-align: center;		
		filter: none;	
	}
	#result-product #download-table td[data-label="Checksum"]{
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	#search-results a{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	#search-results div a{
		padding: 16px 0;
	}
	#search-results div span:first-child{
		font-size: 18px;
		line-height: 24px;
	}
	#search-results div span:nth-child(2){
		font-size: 18px;
		font-weight: 700;
		color: #333333;
		line-height: 24px;
	}
	#search-results div span:last-child{
		display: block;
		line-height: 24px;
	}
	#search-results div span:last-child::before{
		display: none;
	}
	
	.modal-content {
		width: 80%;
		min-width: initial;
	}

}

@media only screen and (max-width: 550px) {
	#product-menu-section {
		margin-top: 32px;
	}
	.download-divider{
		height: 90px;
	}
	.download-divider .divider-line{
		height: 45px;
	}
	.download-divider .divider-text{
		top: 28px;
		font-size: 20px;
	}
	p.download-title{
		font-size: 20px;
		line-height: 26px;
		font-weight: bold;
	}
	#result-product h2{
		font-size: 24px!important;
		line-height: 32px!important;
	}
	#result-product h4{
		font-size: 16px!important;
		line-height: 24px!important;
		margin-bottom: 16px;	
	}
	#result-product #download-table tr{
		padding: 16px 0;
	}
	#result-product #download-table td:before{
		font-size: 14px;
		line-height: 19px;

	}
}