#top-rating form .fivestar-average-text .js-form-item.js-form-type-fivestar .js-form-item-vote{

    display: flex;

    align-items: center;

    gap: .25rem;

}

.js-comment div .d-flex a{

    font-size:20px;

}
.description .fivestar-summary{
    display:none;
}
.fivestar-static-form-item .js-form-item .fivestar-summary-average-count .description .average-rating{
    display:none;
}
#comment-form .form-actions .button--primary{
  background-color:#FFC627;
  border-radius: 64px;
  font-weight: bold;


  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;

}

/* .fivestar-static-form-item .js-form-item .js-form-item .description .fivestar-summary{
    display:none;
} */

/* .fivestar-summary {

    display:none;

} */
	.bar-a {
		background-color: #FFC627;
		color: #fff;
        padding: 5px;
	}
	.bar-b {
		background-color: #E6E6E6;
        padding: 5px;
	}
    p:empty::before {
        content:"";
      }

.asset-icon{
    margin-top:3px;
    margin-bottom:3px;
    margin-left:4px;
    margin-right:4px;
}

@media screen and (max-width: 990px) {
    #lower-comment-section {
      flex-direction: row;
    }
}
@media screen and (min-width: 990px) {
    #lower-comment-section {
      display:flex;
    }
}

@media screen and (max-width: 500px) {
    .star-chart-label {
      font-size:14px;
    }
}
@media screen and (min-width: 500px) {
    .star-chart-label {
      font-size:16px;
    }
}


@media screen and (max-width: 990px) {
    #ratings-divider-line{
        margin-bottom:2rem;
    }
}
@media screen and (min-width: 990px) {
    #ratings-divider-line{
        margin-bottom:3rem;
    }
}


@media screen and (max-width: 990px) {
    #rating-and-comment-div{
        padding:1.25rem;
    }
}
@media screen and (min-width: 990px) {
    #rating-of-comment{
        padding-right:2rem;
    }
}

/* textarea:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
} */
/* input:focus, input:active, a:focus, a:active, select:focus, select:active, textarea:focus, textarea:active { */
#comment-rating-form .form-control:focus {    
    border-color:grey;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25)
}

.top-button:focus, .top-button:focus-visible {
    outline: none;
    background-color:#f2f2f2 !important;
    border-width: 2px !important;
    font-size: 14px
}
.top-button:hover {
    background-color: #f2f2f2 !important;
    border-width: 1px !important;
} 
.top-button {
    max-height:45px !important;
    font-size: 14px;  
    border-width: 1px; 
    border-color: black; 
    border-style: solid; 
    background-color: transparent; 
    padding-left: 1rem; 
    padding-right: 1rem;
    text-decoration: none;
    color: initial;
}