#match-news-search__container ul,



/* #match-news-pannello, */

.img-item {

 style="min-width:10px; width:40px; margin-right:10px"

}



.search-bar {

 position:relative

}

#match-news-search__container,

#match-news-search__container::before {

 left:50%;

 -webkit-transform:translateX(-50%);

 position:absolute

}



#match-news-search__container {

 display:none;

 top:0;

 transform:translateX(-50%);

 z-index:99;

 width:-webkit-calc(100% - 24px);

 width:calc(100% - 24px);

 max-width:620px;

 border:1px solid #9d9d9c;

 font-family:'Helvetica Neue',Helvetica,Tahoma,Geneva,Verdana,sans-serif;

 background-color:#fff

}

#match-news-search__container::before {

 content:"";

 width:0;

 height:0;

 border-left:15px solid transparent;

 border-right:15px solid transparent;

 border-bottom:15px solid #9d9d9c;

 display:block;

 top:-15px;

 transform:translateX(-50%);

 z-index:99999

}

/* #match-news-pannello */.match-news-search::before,

#match-news-search__container ul::after {

 border-left:15px solid transparent;

 border-right:15px solid transparent;

 -webkit-transform:translateX(-50%);

 content:"";

 left:50%

}

#match-news-search__container ul {

 padding:0;

 margin:0;

 list-style:none;

 display:-webkit-box;

 display:-webkit-flex;

 display:-moz-box;

 display:-ms-flexbox;

 display:flex;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 max-height:-webkit-calc(57px * 6);

 max-height:calc(57px * 6);

 overflow:auto

}

#match-news-search__container ul::after {

 width:0;

 height:0;

 border-bottom:15px solid #fff;

 display:block;

 position:absolute;

 top:-14px;

 transform:translateX(-50%);

 z-index:99999

}

@media only screen and (max-device-width:640px),only screen and (max-device-width:667px),only screen and (max-width:480px) {

 #match-news-search__container ul {

  width:-webkit-calc(100% - 10px);

  width:calc(100% - 10px);

  top:130px;

  padding-right:10px;

  max-height:-webkit-calc(57.5px * 8);

  max-height:calc(57.5px * 8)

 }

}

#match-news-search__container ul li {

 padding:4px;

 background:#fff;

 -webkit-transition:all .5s ease;

 transition:all .5s ease;

 line-height:18px

}

#match-news-search__container ul li.match-news-search__news-group {

 border-bottom:1px dotted #dadada;

 display:inline-block

}

#match-news-search__container ul li.match-news-search__news-group .news-group_thumb-container {

 float:left;

 width:12.5%

}

#match-news-search__container ul li.match-news-search__news-group .news-group_thumb-container .news-group_thumb {

 width:60px;

 height:45px

}

#match-news-search__container ul li.match-news-search__news-group .news-group_content {

 width:87.5%;

 float:left;

 overflow:hidden

}

#match-news-search__container ul li.match-news-search__news-group .news-group_content .news-group_desc {

 font-size:.95em;

 font-weight:400;

 display:block;

 overflow:hidden;

 white-space:nowrap;

 text-overflow:ellipsis;

 float:left;

 width:100%

}

#match-news-search__container ul li.match-news-search__news-group .news-group_content .news-group_desc a {

 padding-left:10px;

 padding-bottom:3px;

 -webkit-transition:none;

 transition:none;

 color:#555

}

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

 #match-news-search__container ul li.match-news-search__news-group .news-group_content .news-group_desc a {

  padding-left:30px

 }

 #match-news-search__container ul li.match-news-search__news-group .news-group_content .news-group_desc {

  font-size:.9em

 }

}

@media only screen and (max-device-width:640px),only screen and (max-device-width:667px),only screen and (max-width:480px) {

 #match-news-search__container ul li.match-news-search__news-group .news-group_content .news-group_desc {

  width:90%;

  font-size:.95em

 }

}

#match-news-search__container ul li.match-news-search__news-group .news-group_pn {

 font-size:.95em;

 font-weight:700;

 float:left;

 width:90%

}

#match-news-search__container ul li.match-news-search__news-group .action-link {

 color:#0069AF;

 font-weight:400;

 display:block;

 padding-top:5px;

 padding-left:10px;

 padding-bottom:5px

}

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

 #match-news-search__container ul li.match-news-search__news-group .action-link {

  padding-left:30px

 }

}

#match-news-search__container ul li.match-news-search__news-group .product-link-arrow {

 float:left;

 width:10%;

 text-align:right;

 margin-top:10px;

 font-size:10pt

}

#match-news-search__container ul li.match-news-search__news-group .product-link-arrow a {

 display:block

}

#match-news-search__container ul li:hover {

 background:#fbfbfb

}

#match-news-search__container ul li:hover .news-group_desc a {

 color:#0069AF;

 font-weight:700;

 text-shadow:none

}

#match-news-search__container .container-close-link a {

 display:block;

 text-align:center;

 margin-left:auto;

 color:#343a40;

 padding:8px 16px;

 font-weight:700;

 border-top:#9d9d9c 1px solid;

 cursor:pointer

}

#match-news-search__container .container-close-link a:hover {

 color:#1bbc9b

}

/*#match-news-pannello {

 display:-webkit-box;

 display:-webkit-flex;

 display:-moz-box;

 display:-ms-flexbox;

 display:flex;

 -webkit-box-pack:center;

 -webkit-justify-content:center;

 -moz-box-pack:center;

 -ms-flex-pack:center;

 justify-content:center

}*/

/*#match-news-pannello*/ .match-news-search {

 position:absolute;

 background-color:#fff;

 z-index:5;

 display:grid;

 grid-auto-flow:column;

 -webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);

 box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)

}

/*#match-news-pannello*/ .match-news-search::before {

 width:0;

 height:0;

 /* border-bottom:15px solid #343a40; */

 display:block;

 position:absolute;

 top:-14px;

 transform:translateX(-50%);

 z-index:99999

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello {

 width:500px;

 border:1px solid #eee

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-titolo {

 text-align:center;

 background-color:#343a40;

 color:#fff;

 font-size:1.2em;

 padding:12px 0;

 text-transform:uppercase;

 border-radius: .25rem .25rem 0 0 !important;

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item {

 font-size:.9em

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item {

 /* height:61px; */

 height: auto;

 border-bottom:1px solid #ddd;

 display:-webkit-box;

 display:-webkit-flex;

 display:-moz-box;

 display:-ms-flexbox;

 display:flex;

 -webkit-box-align:center;

 -webkit-align-items:center;

 -moz-box-align:center;

 -ms-flex-align:center;

 align-items:center;

 padding:8px 12px;

 color:#000;

 cursor:pointer;

 background-color:#fff

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group {

 display:-webkit-box;

 display:-webkit-flex;

 display:-moz-box;

 display:-ms-flexbox;

 display:flex;

 -webkit-box-align:center;

 -webkit-align-items:center;

 -moz-box-align:center;

 -ms-flex-align:center;

 align-items:center;

 margin-left:-8px;

 margin-right:-8px;

 overflow:hidden

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item img,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group img {

 width:64px;

 height: 64px;

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item .brand-label,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item .news-label,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group .brand-label,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group .news-label {

 width: auto;

 -webkit-box-sizing:border-box;

 -moz-box-sizing:border-box;

 box-sizing:border-box;

 padding-left:5px;

 display:-webkit-box;

 display:-webkit-flex;

 display:-moz-box;

 display:-ms-flexbox;

 display:flex;

 -webkit-box-orient:vertical;

 -webkit-box-direction:normal;

 -webkit-flex-direction:column;

 -moz-box-orient:vertical;

 -moz-box-direction:normal;

 -ms-flex-direction:column;

 flex-direction:column

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item .brand-label .product-name,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item .news-label .product-name,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group .brand-label .product-name,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group .news-label .product-name {

 /* white-space:nowrap; */

 /* text-overflow:ellipsis; */

 /* overflow:hidden */

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item .brand-label .product-partnumber,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item .news-label .product-partnumber,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group .brand-label .product-partnumber,

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group .news-label .product-partnumber {

 font-size:.8em;

 color:#888;

 margin-top:4px

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item:hover {

 background-color:#eee

}

/*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item:last-child {

 border-bottom:none

}



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

 /*#match-news-pannello*/ .match-news-search {

  grid-auto-flow:row

 }

 /*#match-news-pannello*/ .match-news-search .match-news-pannello {

  width:320px;

  border-bottom:none

 }

 /*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-titolo {

  padding:6px 0

 }

 /*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item {

  padding:4px 12px;

  height:65px;

  margin-bottom:0

 }

 /*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item:last-child {

  margin-bottom:0

 }

 /*#match-news-pannello*/ .match-news-search .match-news-pannello:last-child {

  border-bottom:1px solid #dadada

 }

 /*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item .brand-label .product-name,

 /*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item .news-label .product-name,

 /*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group .brand-label .product-name,

 /*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group .news-label .product-name {

  /* white-space:nowrap; */

  /* text-overflow:ellipsis; */

  /* overflow:hidden */

  text-size: 13px;

 }

 /*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .brand-item img,

 /*#match-news-pannello*/ .match-news-search .match-news-pannello .match-news-item .panel-item .news-group img {

  width:58px;

  height: 58px;

 }

}