/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.thankyoubold{
  color : rgb(231,19,26) !important;

}
.content-left {

	background-color: rgb(43,49,57) !important;

}

button.forward, button.submit{
	background: #dc2a2a!important;
}

.checked {
  color: green;
}

.lefttitle{
	font-size: 150% !important;
}

#wizard_container {

	width: 90% !important;
	margin: auto;

	}

	.step{
		margin-top: 20px;
		padding-top: 20px;
		padding-left: 25px;
		padding-right: 25px;
		border-top: 2px solid #ededed;
	}

	.ui-widget-header {
		background-color: rgb(43,49,57) !important;
	}

	.subsection_title{
		display: block;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: bold;
  color:  rgb(231,19,26);
	}


	.rating_scale {
  display: block;
  text-align: center;
  font-size: 0;
  font-weight: 800;
  margin-left: 30px;
}

.rating_scale span {
  display: inline-block;
  box-sizing: border-box;
  padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 30px;
    padding-right: 30px;
  font-size: 16px;
  background: #ffffff;
  border-radius: 8px;
  color: #000000;
  border-top: solid 1px #555;
  border-bottom: solid 1px #555;
  border-right: solid 1px #555;
  margin-left: 20px;
  margin-right: 20px;
  border-left: solid 1px #555;
  /*box-shadow: inset 1px 0 1px #999, inset 0 1px 0 #ccc, inset 0 -1px 0 #333;*/
}
.rating_scale label:first-child span {
  border-left: solid 1px #555;
  
}
.rating_scale label:last-child span {
  
}
.rating_scale input[type=radio] {
  display: none;
  
}
.rating_scale input[type=radio]:checked ~ span {
  background: rgb(231,19,26);
  border-radius: 8px;
  color: #ffffff;
  border: none !important;
  
}
.radiolabel{

}

.tabs{
  padding-top: 30px;
}

.tabs ul {
    list-style-type: none;
    padding-left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
    flex-wrap: wrap;

}

.slider {
    position: relative;
    width: 100%;
    -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}

 .slider .indicator {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 4px;
    background: #EB3349;
    border-radius: 1px;
}

.redtab{
  color: #EB3349 ;
}

.container_check input:checked ~ .checkmark {
    background-color: #dc2a2a!important;
    border: 1px solid transparent;
}

.otp{
  width:  300px;
  margin-top: 10px;
}

.verify{
  margin-top: 10px;
}

.emailverified{
  margin-top: 10px;
  color: #dc2a2a!important;
}

.flex-container {
  display: flex;
  flex-wrap: nowrap;
   justify-content:  center;
  
}

.flex-container > div {
  font-size: 15px;
  margin-left: 10px;
  
}

.flexb{
  border: solid 1px #555;
  border-radius: 5px;
  align-content: center;
  width:  40px;
  height : 40px;
  padding-top: 27%;
   
  position: relative; /* If you want text inside of it */
  cursor: pointer;
}

.flexc{
  background: rgb(231,19,26);
  border-radius: 8px;
  color: #ffffff;
  border: none !important;
  align-content: center;
  width:  40px;
  height : 40px;
  padding-top: 27%;
    
  position: relative; /* If you want text inside of it */
  cursor: pointer;
}

.flextext {
  position: absolute;
  top: 30%;
  left: 30%;
  
}


.alert .inner {
  display: block;
  padding: 6px;
  margin: 6px;
  border-radius: 3px;
  border: 1px solid rgb(180,180,180);
  background-color: rgb(212,212,212);
}

.alert .close {
  float: right;
  margin: 3px 12px 0px 0px;
  cursor: pointer;
}

.alert .inner,.alert .close {
  color: rgb(88,88,88);
}

.alert input {
  display: none;
}

.alert input:checked ~ * {
  animation-name: dismiss,hide;
  animation-duration: 300ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 0s,100ms;
}

.alert.error .inner {
  border: 1px solid rgb(238,211,215);
  background-color: rgb(242,222,222);
}

.alert.error .inner,.alert.error .close {
  color: rgb(185,74,72);
}

.alert.success .inner {
  border: 1px solid rgb(214,233,198);
  background-color: rgb(223,240,216);
}

.alert.success .inner,.alert.success .close {
  color: rgb(70,136,71);
}



@keyframes dismiss {
  0% {
    opacity: 1;
  }
  90%, 100% {
    opacity: 0;
    font-size: 0.1px;
    transform: scale(0);
  }
}

@keyframes hide {
  100% {
    height: 0px;
    width: 0px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
}


.resendlink{
  color: #dc2a2a!important;
}