.bgPageDevices {
	background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(232, 241, 255) 50%, rgb(255, 255, 255) 100%);
}
.tabbDevices h1 {
	margin: 0px;
	font: 900 40px Urbanist;
}
.tabbDevices img {
	border-radius: 0px 0px 30px 30px;
	max-width: 550px;
	float: right;
}
.tabbDevices .ppl {
	padding-right: 40px;
}
.tabbDevices .subtitle {
	font: 600 16px/26px Urbanist;
    color: #6d7882;
}
#search_device {
    padding-left: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.7955 15.8111L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 25px;
	border: 1px solid #FF9065;
  border-radius: 20px;
  height: 60px;
  font: 600 17px Urbanist;
  box-shadow: 0px 0px 20px 0px rgba(255, 119, 0, 0.2);
}
.deviceType {
	font: 600 25px Urbanist;
	text-align: left;
	color: #444;
}
.deviceType .name{
	width: 100%;
	padding-left: 15px;
}
.gridDevice {
	float: left;
	width: calc(100% + 30px);
}
.gridDevice li {
	float: left;
	width: calc(33.33% - 30px);
	margin: 0px 30px 30px 0px;
}
.gridDevice li a {
	background: #FFF;
	float: left;
	width: 100%;
	box-shadow: 0px 0px 15px 0px rgba(137, 189, 255, 0.2);
	text-align: center;
	padding: 40px 20px;
	border-radius: 20px;
	color: #333;
	font: 600 15px Urbanist;
}
.boxSearchModels {
	position: relative;
}
#autocomplete_models {
	position: absolute;
	left: 0px;
	top: 80px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	border-radius: 20px;
	z-index: 5;
	max-height: 400px;
	overflow: auto;
	display: none;
}
#autocomplete_models a {
	padding: 15px;
	border-bottom: 1px solid #EFEFEF;
	color: #333;
	font: 600 15px Urbanist;
}
#autocomplete_models a:hover {
	color: #FFF;
	background: #0031FF;
}
#autocomplete_models a span{
	background: #47c600;
	color: #FFF;
	font: 900 9px Urbanist;
	padding: 3px 5px;
	border-radius: 6px;
	margin-left: 4px;
}
.headerCheckDevice {
	background: linear-gradient(90deg, rgb(34, 127, 247) 0%, rgb(254, 6, 157) 100%);
	border-radius: 0px 0px 15px 15px;
	padding-top: 65px;
}
.headerCheckDevice .containerHead {
	color: #FFF;
	padding: 20px 0px;
}
.headerCheckDevice .containerHead h1 {
	margin: 10px 0px;
	font: 900 40px Urbanist;
}
.btnBackDvc {
  float: left;
  background: #EFEFEF;
  padding: 5px 10px;
  border-radius: 15px;
  color: #6B6B6B;
  font: 500 14px Roboto;

}
.validCompatible {
	background: #00E205;
	color: #FFF;
	padding: 15px;
	border-radius: 10px;
}
.validCompatible .ttx {
	width: 100%;
	padding-left: 15px;
}
@media (max-width: 700px) {
	.tabbDevices {
		display: inline-block;
		width: 100%;
	}
	.tabbDevices .ppl {
		display: inline-block;
		width: 100%;
		padding: 20px;
	}
	.tabbDevices .ppr {
		display: inline-block;
		width: 100%;
		padding: 20px;
	}
	.tabbDevices img {
		width: 100%;
		border-radius: 20px;
	}
	.headerCheckDevice .containerHead {
		padding: 20px 15px;
	}
}