@charset "UTF-8";
/* CSS Document Only for the Upcoming CSSs */

/** RATING MODAL EMPLOYER **/
#employerRating .rating-info{
	color: white;
}
#employerRating .rating-info h1{
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	color: #fff !important;
}
#employerRating .reviews-number{
	color: white;
}
#employerRating .user-info{
	text-align: center;
}
#employerRating .rating-info{
	width: 100%
}

#employerRating .r-updated.white{
	display: table;
	margin: 0 auto;
}

#employerRating .modal-body .info ul li{
	margin-bottom: 7px;
}

#employerRating .profile-picture{
	width: 100%;
}
#employerRating .profile-picture img{
	border-radius: 100%;
	width: 126px;
	display: block;
	margin:auto;
}

.ratingfilter .white-box{
	width: 100%;
}
.ratingfilter .white-box{
	color: black;
}

#employerRating .white-box{
	padding: 10px;
}

#employerRating .rating-filter-stars{
    display: flex;
/*  background: red;*/
}
#employerRating .rating-filter-stars .progress{
    display: contents;
    height: 2px !important;
}
#employerRating .rating-filter-stars .stars{
    /*background: green;*/
    min-width: 70px;
}
#employerRating .row-rating .stars img{
	width: 11px;
	height: auto;
	display: inline-block;
	float: left;
	margin: -3px 0 0;
}

#employerRating .rating-filter-stars .stars img{
	width: 11px;
	height: auto;
}
#employerRating .rating-filter-stars .progress-bar{}
#employerRating .rating-filter-stars .numer-ratings{}


/****/

/* Three column layout */
.side-label {
	float: left;
	width: 65px;
/*	background: red;*/
	margin-top:10px;;
}
.side-numbers{
	float: right;
	width: auto;
	text-align: right;
	color: #000;
	font-size: 12px;
	line-height: 20px;
}

.middle-section {
  margin-top:10px;
  float: left;
  width: 110px;
}

/* Place text to the right */
.right {
  text-align: right;
}

/* Clear floats after the columns */
.row-rating:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.bar-container {
  width: 100%;
  background-color: #D8F4EB;
  text-align: center;
  color: white;
}

/* Individual bars */
.bar-5 {width: 60%; height: 5px; background-color: #3FC69A;}
.bar-4 {width: 30%; height: 5px; background-color: #3FC69A;}
.bar-3 {width: 10%; height: 5px; background-color: #3FC69A;}
.bar-2 {width: 4%; height: 5px; background-color: #3FC69A;}
.bar-1 {width: 15%; height: 5px; background-color: #3FC69A;}

/* Responsive layout - make the columns stack on top of each other instead of next to each other */
@media (max-width: 400px) {
  .side-label, .middle-section {
/*    width: 100%;*/
  }
  .right {
/*    display: none;*/
  }
}

.ratingfilter {
/*    background: red;*/
    position: absolute;
    bottom: 0;
    
}

#employerRating .user-info {
    position: relative;
    height: 100%;
	min-height: 370px;
}
#employerRating .user-info h1 {
 position: relative;
    top: 0;
}
#employerRating .rating-info{
/*    background: blue;*/
    position: relative !important;
    top: 0;
/*     margin: -120px 0 0; */
}

#employerRating .ratinggrid{
	margin: 0;
    height: 60vh;
    overflow: scroll;
}

#employerRating .ratinggrid .row{
	margin: 0 0 10px 0;
}

#employerRating .ratinggrid .fa{
	font-size: 17px;
}

/*
button.close{
	color: white;
}

button.close i{
	font-size: 31px;
}
*/
/*END RATING MODAL EMPLOYER*/