/**
 * Description: Mac Usato - Stream
 * Version: 1.0.2
 * Last update: 2020-04-22
 * Copyright (C) 2020 Mac Usato
 */

ul.stream-group li.stream-row{background-color: transparent;/*border-bottom-color: transparent;*/border-left-color: transparent;border-right-color: transparent; border-radius: 0;padding:1rem 0;}
ul.stream-group li.stream-row:hover{z-index: 0;}
ul.stream-group li.stream-row:first-child{border-top-color: transparent;}
ul.stream-group li.stream-row .col-12.col-md-auto.text-center{height: 202px;}
ul.stream-group li.stream-row .col-12.col-md-auto.half-height{height: 166px;}
ul.stream-group li.stream-row .stream-img{float: left;margin-bottom: 0;width: 200px;height: 200px;display: inline-block;background-position: center;background-size: cover;background-repeat: no-repeat;box-shadow: none!important; border: none!important;}
ul.stream-group li.stream-row .half-height .stream-img{height: 166px;background-size: cover;}
ul.stream-group li.stream-row .card-title{color: #000000;font-size: 1.5rem!important;font-weight: normal!important;}
ul.stream-group li.stream-row .stream-price{color: #000000;}
ul.stream-group li.stream-row .stream-badge{margin-right:8px;font-size: 1.0rem;display: inline-block;vertical-align: top; margin-top: 3px;font-weight: normal;}
ul.stream-group li.stream-row .specs-badge{font-size: 0.8rem;border-radius: 16px;padding: 0.5em 1.0em 0.4em 1.0em;min-height: 33px;}
ul.stream-group li.stream-row .specs-badge img{width: 17px;height: 17px; /*margin-bottom: 2px; margin-top: 2px;*/}
ul.stream-group li.stream-row .grade-badge-a-plus{border:1px solid #33cc00; background-color: #33cc00;}
ul.stream-group li.stream-row .grade-badge-a{border:1px solid #33cc00; background-color: #33cc00;}
ul.stream-group li.stream-row .grade-badge-b{border:1px solid orange; background-color: orange;}
ul.stream-group li.stream-row .grade-badge-c{border:1px solid red; background-color: red;}
ul.stream-group li.stream-row .btn-outline-success{/*height: 22px;*/font-size: 0.8rem;display: inline-block;vertical-align: top; font-weight: normal;padding: 0 0.4rem;}
ul.stream-group li.stream-row .btn-outline-success:hover{background-color: #FFFFFF;color: #28a745;}
ul.stream-group li.stream-row .btn-outline-success img{float: left; margin: 1px 0 0 0; width: 18px; height: 18px;filter: invert(48%) sepia(72%) saturate(493%) hue-rotate(81deg) brightness(94%) contrast(89%);}
ul.stream-group li.stream-row .validation-badge{background-color: #33cc00; color: #FFFFFF;}
ul.stream-group li.stream-row .validation-badge img{filter: invert();float: left;width: 16px;height: 16px; margin-right: 0.2rem;}
ul.stream-group li.stream-row h2{font-weight: normal;font-size: 1.2rem;}
ul.stream-group li.stream-row h3.stream-price{/*color: #0070c9;*/font-weight: normal;font-size: 1.5rem;margin-bottom: 0;}
ul.stream-group li.stream-row h3 small{font-size: 50%; color: #888888;}
ul.stream-group li.stream-row .card-text{margin-top: 20px;}
ul.stream-group li.stream-row .card-body{padding-left: 0;padding-right: 0;}
ul.stream-group li.stream-row .stream-content{padding-left: 0;max-width: 55%;}
ul.stream-group li.stream-row a.btn, ul.list-group li.stream-row a.btn,li.message-detail-row .btn{border-color:rgba(0, 0, 0, .125);}
ul.stream-group li.stream-row a.btn .icon, ul.stream-group li.stream-row span.btn .icon{width: 18px; height: 18px; margin: 1px 5px 0 0;float: left;}
ul.list-group li.stream-row .buttons-ps{padding-top: 7px;}
ul.stream-group li.stream-row a.btn:last-child{width: auto;max-width: 190px; overflow-x: hidden;}
ul.stream-group li.stream-row a.btn.active{color:#FFFFFF!important;}
ul.stream-group li.stream-row a.btn:hover{background-color:#FFFFFF;color: #007bff;}
ul.stream-group li.stream-row a.button-favourite{max-width: 60px!important;}
/* colore ottenuto con https://codepen.io/sosuke/pen/Pjoqqp */
ul.stream-group li.stream-row a.button-favourite img{width: 20px;height: 20px;margin-top: -2px;filter: invert(33%) sepia(89%) saturate(3232%) hue-rotate(199deg) brightness(101%) contrast(108%);}
ul.stream-group li.stream-row a.button-date{max-width: 100px!important;}
ul.stream-group li.stream-row .powerseller-thumb-container{min-width: 124px;max-width: 124px;}
ul.stream-group li.stream-row .powerseller-thumb{height:35px; width: auto; margin: 0; display: block;background-position: center;background-size: contain;background-repeat: no-repeat;}
ul.stream-group li.stream-row .btn{overflow-x: hidden;}
ul.stream-group li.stream-row .btn-group{max-width:390px}
ul.stream-group li.stream-row .btn-group .stream-city span{display: inline-block; margin-right: 2px;}
ul.stream-group li.stream-row .glyphicon-star,ul.stream-group li.stream-row .glyphicon-star-empty{margin: 3px 4px 0 0;font-size: 1rem;float: left;}
ul.stream-group li.stream-row.boxed:first-child{border-top:1px solid rgba(0,0,0,.125);border-left:1px solid rgba(0,0,0,.125);border-right:1px solid rgba(0,0,0,.125);border-top-right-radius: .25rem;border-top-left-radius: .25rem;}
ul.messages-group li.stream-row.boxed:first-child{border-top:0; border-left:0; border-right: 0;border-bottom:2px solid rgba(0,0,0,.125);}

ul.stream-group li.stream-row.single{border:1px solid rgba(0,0,0,.125);border-radius: .25rem;padding: 12px;}

ul.stream-group .user-thumb{float: left; width: 50px; height: 50px;border-radius: 25px; margin: 0 5px 0 0; border: 1px solid rgba(0, 0, 0, .125);}
ul.stream-group .user-row h2{font-size: 16px; margin: 10px 0 0 0;}
ul.stream-group .user-row .btn{margin-top: 5px!important;}
ul.stream-group li.first-row{border-top: none;padding-top: 0;}
ul.stream-group li.stream-row .evaluation-badge{min-width: 40%;}

.sponsor-card, .sponsor-card:hover {text-align: center;color: #000000;}
.sponsor-card .card-title{font-size: 14px;font-weight: normal; margin: 0 0 5px 0; /*height: 35px;*/}
.sponsor-card .card-price{font-size: 16px;font-weight: normal; margin: 0 0 5px 0; height: 17px;}
.sponsor-card .card-body{padding: 5px 10px;}
.sponsor-card .card-body .card-text{color: #888888; line-height: 15px; font-size: 80%; height: 48px; overflow-y: hidden;}
.sponsor-card .card-img-top{max-width: 102px;max-height: 102px;}
.sidebar-sponsor .sponsor-card{margin-bottom: 16px;}

.sponsor-horizontal-group{border-bottom: 1px solid rgba(0,0,0,.125); -ms-flex-flow: row wrap;flex-flow: row wrap;display: flex;}
.sponsor-horizontal-group .sponsor-card{display: flex;-ms-flex: 1 0 0%;flex: 1 0 0%;border: 0;border-radius: 0;}

.adrow{width: 100%; padding: 20px 0;/*border-top: 1px solid rgba(0, 0, 0, .125);*/margin-top: 1px;overflow: hidden;}

.card.balloon,.card.balloon-left,.card.balloon-right{
	width: auto; max-width: 70%;margin-top: 15px;display: inline-block;border: 0;background-color: rgba(248, 248, 248, 0.99)!important;
	border-radius: 20px;
}

.card.balloon .card-body,.card.balloon-left .card-body,.card.balloon-right .card-body{
	padding: 0.75rem 1rem!important;
}

.balloon-left .card-body p, .balloon-right .card-body p{margin: 0;}
.balloon-right .card-body p a{color: #FFFFFF;}


a.balloon{
	width: auto; max-width: 80%;margin-top: 15px;display: block;background-color: rgba(248, 248, 248, 0.99);
	border-radius: 20px;color: #000000;
}

.feed-buttons{clear: both;margin-left: 60px;}

.form-reply /*, .form-reply .form-control*/{width: 100%;}
.form-reply .form-control{border-right: 0; border-top-left-radius: 19px;border-bottom-left-radius: 19px;}
.form-reply .form-control:focus{border-left: 1px solid #ced4da;border-top: 1px solid #ced4da;border-bottom: 1px solid #ced4da;}
.form-reply .input-group-append{cursor: pointer;}
.form-reply .input-group-append .input-group-text{background-color: #ffffff;border-top-right-radius: 19px;border-bottom-right-radius: 19px;}
.form-reply .input-group-append img{-webkit-filter: invert(30%) sepia(77%) saturate(2020%) hue-rotate(199deg) brightness(101%) contrast(111%);
																	  filter: invert(30%) sepia(77%) saturate(2020%) hue-rotate(199deg) brightness(101%) contrast(111%);
																		margin-right: -5px;}

.caret {position: absolute;}
.card.balloon .caret:before,
.card.balloon .caret:after,
.balloon-up .caret:before,
.balloon-up .caret:after,
.card.balloon.balloon-left .caret:before,
.card.balloon.balloon-left .caret:after{
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 7px 8px;
  border-style: solid;
  border-color: transparent;
}

ul.stream-group .message-right .user-thumb{margin: 0 0 0 5px;}
.message-detail-row .message-right .user-thumb{float: right;}

.message-left .card.balloon, .card.balloon.balloon-left{float: left; margin-top: 2px; margin-left: 10px;}
.message-right .card.balloon{float: right; margin-top: 2px; margin-right: 10px;background-color: #007bff!important; color: #FFFFFF!important;}
.message-right .card.balloon-right .text-secondary,.message-right .card.balloon .glyphicon,.message-right .card.balloon .red{color: #FFFFFF!important;}
.message-right .card.balloon-error{background-color:red!important;}
.collapse .reply-balloon{background-color: rgba(248, 248, 248, 0.99)!important;color: #212529!important;}
.collapse .reply-balloon a{color: #0056b3!important;}
.collapse .reply-balloon .caret:before{border-left-color: rgba(248, 248, 248, 0.99)!important;}
.collapse .reply-balloon .text-secondary-reply{color:#6c757d!important;}

.card.balloon i.glyphicon{font-size: 1.3rem;float: left; margin: 0 8px 0 0;}

.card.balloon .caret:before {bottom: 0;left: 25px;border-bottom-color: rgba(248, 248, 248, 0.99);}
.card.balloon .unreaded, a.balloon .unreaded, .nav-link .unreaded, div.username .unreaded{float: left; display: block; width: 10px; height: 10px; border-radius: 5px; background-color: #007bff; margin: 2px 5px 0 0;}
.nav-link .unreaded, div.username .unreaded{margin:6px 5px 0 0;}
.list-group-item.active div.username .unreaded{background-color: #ffffff};

.balloon-up .caret:before {left: 28px;top: -14px;border-bottom: 7px solid rgba(248, 248, 248, 0.99);}

.message-left .card.balloon .caret:before,.card.balloon.balloon-left .caret:before {
		left: -15px;top:15px;
		border-right-color: rgba(248, 248, 248, 0.99);
		border-bottom: 7px solid transparent;
		border-top: 7px solid transparent;
}
.message-right{float: left;width: 100%;}
.message-right .card.balloon .caret{right: 26px;top:30px;}
.message-right .card.balloon .caret:before {
		border-left-color: #007bff;
		border-bottom: 7px solid transparent;
		border-top: 7px solid transparent;
}
.message-right .card.balloon-error .caret:before{border-left-color:red;}
.message-right .reply-status{width:100%; float:left;padding-right:60px;}

.card-powerseller .card-deck .card{border: 1px solid #efefef;max-width: 250px;min-width: auto;}
.card-powerseller .card-deck .card .badge{font-size: 12px;position: absolute;margin: 0 0 0 4px;}
.card-powerseller .card-deck .card .card-header{padding: .5rem 1rem;}
.card-powerseller .card-deck .card .card-header .btn-link{padding-right: 0;}
.card-powerseller .card-deck .card .card-header .btn-light{padding-right: 0;background-color: transparent;border: 0;color: #868e96;/*cursor: default;*/}
.card-powerseller .card-deck .card .card-footer{height: 150px; overflow: hidden;}
.card-powerseller .card-deck .card .editPS{position: absolute;bottom: 15px;right: 40px;}
.card-powerseller .card-deck .card .removePS{position: absolute;bottom: 15px;right: 15px;}
.card-powerseller .card-deck .card h2{margin-bottom: .2rem;}
.card-powerseller .card-deck .card .price{font-size: 1.2rem;color: #000000;}
.card-powerseller .card-deck .card .price .badge{margin: 5px 0 0 10px;}
.card-powerseller .card-deck .card .button-like{padding: .2em .5em;border-radius: 10rem;line-height: 1; margin-top: 4px;}

.card-powerseller-top{height: 208px;overflow-y: hidden;border: 1px solid #efefef;}
.card-powerseller-top .thumb{width: 80px; height: 80px; display: inline-block;margin: 0; background-size: cover;background-position: center; background-repeat: no-repeat;}

/*.caret:after {bottom: -1px;left: 10px;border-bottom-color: #fff;}*/

/* Ultra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575px) {
	.stream-row{padding: 1.25rem 0;}
	ul.stream-group li.stream-row .col-12.col-md-auto.half-height{height: 260px;}
.stream-row .stream-img{width: 100%!important;height: 260px!important;margin: 0 0 1rem 0!important;/*background-size: 70%!important;*/}
	.stream-row .stream-img.custom-img{background-size: cover!important;}
	.stream-row .card-body{padding: 0;}
	.stream-row.boxed .card-body{padding: .75rem 1.25rem!important;}
	.stream-row .btn-group{width: 100%;max-width: 100%!important;overflow: hidden;}
	.stream-row .btn-group .btn{/*width:-webkit-fill-available;*/width: 30%!important;padding-top: 10px;padding-bottom: 10px;font-size: 1rem;/*background-color: #f8f9fa;border-color: #FFFFFF!important;*/}
	.stream-row .btn-group .btn.button-favourite{width: 11%!important;}
	.stream-row i.glyphicon.glyphicon-star,.stream-row i.glyphicon.glyphicon-star-empty{font-size: 12px;}
	.card-powerseller .card{margin-bottom: 1rem;}
	.card-group .sponsor-card{width: 25%;margin: 0!important;float: left!important;clear: none!important;}
	.card-powerseller .card-deck .card{max-width: 100%;}
	ul.stream-group li.stream-row .stream-content{padding-left: 15px;}
	ul.stream-group li.stream-row .details-badge{width: 100%;border-radius: 5px;}
	ul.stream-group li.stream-row .stream-content{max-width: 100%;}
	li.message-detail-row .btn{border-radius: .2rem!important; margin: 0 0 1rem 0;}
	ul.stream-group li.stream-row .evaluation-badge{margin-top: 0;padding-top: 0.4em!important;}
}

@media screen and (max-width: 589px) {
	/*.stream-row .stream-img{width: 100%!important;height: 260px!important;margin: 0 0 15px 0!important;background-size: 70%!important;}
	.stream-row .stream-img.custom-img{background-size: cover!important;}*/
}

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

	.stream-row .btn-group{width: 100%;max-width: 100%!important;overflow: hidden;}
	.stream-row .btn-group .btn{font-size: 1rem;}

	.card.balloon .card-body,.card.balloon-left .card-body,.card.balloon-right .card-body{
		font-size: 13px;
	}
	.card.balloon i.glyphicon{font-size: 1rem; margin-right: 5px;}
	.card-powerseller .card-deck .card{max-width: 100%;}
	ul.stream-group li.stream-row .stream-content{padding-left: 15px;}
	ul.stream-group li.stream-row .half-height .stream-img, ul.stream-group li.stream-row .stream-img{background-size: contain;height: 260px!important;/*background-size: 70%!important;*/}
	ul.stream-group li.stream-row a.btn .icon, ul.stream-group li.stream-row span.btn .icon{width: 20px; height: 20px; margin: -4px 0 0 0;float: none;}
}

/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 770px) {

	ul.stream-group li.stream-row .col-12.col-md-auto.text-center{height: auto;}
	ul.stream-group li.stream-row .specs-badge{font-size: 1rem;padding: 0.5em 1.0em;}
	ul.stream-group li.stream-row .evaluation-badge{margin-top: 0;padding-top: 0.4em!important;}
	
	.card-powerseller h2{font-size: 1rem;}
	/*.card-powerseller .card-header .btn{padding: 0.5rem 0.2rem;}*/
	.card-powerseller .card-deck .card{max-width: 100%;}
	.sponsor-card .card-price{font-size: 16px!important;}
}

/*@media screen and (min-width: 771px) and (max-width: 990px) {
	.stream-row .stream-img{width: 150px!important;height: 150px!important;margin: 0 0 15px 0!important;}
}*/

@media screen and (max-width: 1024px) {
	.card-powerseller h2,.card-powerseller-top h2{font-size: 1rem;max-height: 19px; overflow: hidden;}
	.card-powerseller i.glyphicon{font-size: 0.8rem;}
	ul.stream-group li.stream-row .powerseller-thumb{height: 41px;width: auto;}
	ul.list-group li.stream-row .buttons-ps{padding-top: 8px!important;}
	.card-powerseller .card-deck .card{max-width: 100%;}
	.sponsor-card .card-title{font-size: 12px;overflow-y: hidden;height: 30px;}
	.sponsor-card .card-price{font-size: 12px;}
}

@media (max-width: 1199.98px) {
	.sponsor-card .card-title{font-size: 13px;overflow-y: hidden;height: 30px;}
	ul.list-group li.stream-row .buttons-ps{padding-top: 12px;}
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	ul.stream-group li.stream-row .btn-group .stream-city span{display: none!important;}
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

}


@media screen and (max-width: 1199px) {
	/*div.btn-group a{font-size: 12px;}*/
}