.success-box {
  margin:50px 0;
  padding:10px 10px;
  border:1px solid #eee;
  background:#f9f9f9;
}

.success-box img {
  margin-right:10px;
  display:inline-block;
  vertical-align:top;
}

.success-box > div {
  vertical-align:top;
  display:inline-block;
  color:#888;
}

/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size:2.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

@media only screen and (max-width: 600px) {
    .rating-stars ul > li.star > i.fa {
	   font-size:2.0em; /* Change the size of the stars */
	}
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color:#000000;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color:#000000;
}

.rating-container {
  position: absolute;
  display: block;
  z-index: 9999;
  height: 40%;
  width: 30%;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.rating-box{
  	background-color: white;
  	border: 0;
  	color: white; /* White text */
  	cursor: pointer; /* Pointer/hand icon */  
  	position: absolute;
  	left: 0;
  	right: 0;
  	bottom:0;  
	display: block;
  	flex-direction: column;  
  	padding: 10px;
}

.btn-aval {
    background-color: #000000;
    border: 0px;
    color: white; /* White text */
    cursor: pointer; /* Pointer/hand icon */
    width: 200px; /* Set a width if needed */ 
    font: 400 13.3333px "Roboto";
    display: block;
    position: relative;
    margin: 0 auto;  
}

.btn-no {
    background-color: #ffffff;
    border: 0px;
    color: black; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    width: 200px; /* Set a width if needed */ 
    font: 400 13.3333px "Roboto";
    display: block;
    position: relative;
    margin: 0 auto;  
}

.title-rate {
  	color: #555;
  	font-size: 1.5em;
  	font-weight: bold;
  	text-align: center;
  	font-family: "roboto";
	font-weight: 500;	
}

.overlay {
  opacity: 0.9;
  visibility: visible;
  background: repeat 0 0 rgba(0,0,0,0.6) !important;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

@media screen and (max-width: 768px) {
    
    .rating-container {
        position: absolute;
        display: block;
        z-index: 9999;
        height: 70%;
        width: 80%;
        bottom: 5px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }    
 
}