/* Three column layout */
.side {
  float: left;
  width: 15%;
  margin-top:8px;
    font-size:15px;
  color:white;
  font-weight:300;
}

.middle {
  margin-top:10px;
  float: left;
  width: 70%;
}

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

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

/* The bar container */
.bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
  border-radius:30px;
  overflow:hidden;
}

/* Individual bars */
.bar-5 {width: 0%; height: 15px; background-color: #1d95d1;border-radius:30px;transition: width 1s;}
.bar-4 {width: 0%; height: 15px; background-color: #1d95d1;border-radius:30px;transition: width 2s;}
.bar-3 {width: 0%; height: 15px; background-color: #1d95d1;border-radius:30px;transition: width 2s;}
.bar-2 {width: 0%; height: 15px; background-color: #1d95d1;border-radius:30px;transition: width 2s;}
.bar-1 {width: 0%; height: 15px; background-color: #1d95d1;border-radius:30px;transition: width 2s;}


#submit-user-review-box{
    width:100%;
    max-width:650px;
    height:auto;
    background:rgba(0,0,0,0.70);
    border-radius:60px;
    display:inline-block;
    padding-bottom:20px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    position:relative;
    min-width:365px;
    border: 0.5px solid rgba(255,255,255,0.2);
}

#already-submitted-review-box{
    max-width:550px;
    width:100%;
    height:auto;
    background:rgba(0,0,0,0.70);
    border-radius:60px;
    display:inline-block;
    padding-left:25px;
    padding-right:25px;
    padding-top:30px;
    padding-bottom:30px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    position:relative;
    min-width:365px;
    border: 0.5px solid rgba(255,255,255,0.2);
}

#thank-you-for-review-box{
    max-width:550px;
    width:100%;
    height:auto;
    background:rgba(0,0,0,0.70);
    border-radius:60px;
    display:inline-block;
    padding-left:25px;
    padding-right:25px;
    padding-top:30px;
    padding-bottom:45px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    position:relative;
    min-width:365px;
    border: 0.5px solid rgba(255,255,255,0.2);
}

.closeBoxButton{
    height:50px;
    width:180px;
    border-radius:60px;
    border:1px solid #1d95d1;
    margin-top:20px;
    font-size:20px;
    background:black;
    color:#1d95d1;
    
}


.faqAnswer{
    margin-left:40px;
    margin-right:40px;
    color:white
    
}
.faqQuestionText{
    color:white;
    font-size:20px;
    font-weight:300;
    line-height: 25px; 
    height: auto; 
    margin: 0px 0px 0px 15px; 
    padding: 0px 0px 0px 50px; 
    width: 100%;
}
.faqInputFields{
    color:white;
	border: 0px solid #1d95d1;
	vertical-align:middle;
	border-radius:54px;
	background:#1d95d1;
	padding:10px;
	padding-left:16px;
	padding-top:11px;
	padding-bottom:11px;
	width:300px;
	z-index: 1;
	border:none;
	margin:0px;
	color:white;
	text-transform:capitalize;
    
}

textarea::-webkit-input-placeholder {
color:#454545;
}

textarea:-moz-placeholder { /* Firefox 18- */
color: #454545;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
color: #454545;  
}

textarea:-ms-input-placeholder {
color: #454545;  
}

#exit-support-ticket-box-button-container-div{
    width:100%;
    height:40px;
    position:absolute;
    justify-content: flex-end;
    display:flex;
    margin-right:20px;
    margin-top:20px;
}
#exit-submit-user-review-box-button{
   border: 1.8px solid #1d95d1;
   border-radius:360px;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index:9999;
   width:50px;
   height:50px;
   margin-right:25px;
   margin-top:5px;
   float:right;
   position:relative;
 
}



.whiteTextInput{
    
     border-radius:50px;
     background:white;
     color:black;
     padding:10px;
     height:40px;
     font-size:15px;
     border:0px solid white;
     padding-left:15px;
}


.whiteTextInput::-webkit-input-placeholder {
color:#454545;
}

.whiteTextInput:-moz-placeholder { /* Firefox 18- */
color: #454545;  
}

.whiteTextInput::-moz-placeholder {  /* Firefox 19+ */
color: #454545;  
}

.whiteTextInput:-ms-input-placeholder {
color: #454545;  
}










































@media (max-width: 400px) {
  .side, .middle {
    width: 100%;
  }
  .right {
    display: none;
  }
}