/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
.menu--account>li>a{
    color: #000;
	font-size: 20px;
    line-height: 40px;
}
.path-webform, .path-frontpage{
	/* background-image: url(/themes/feedback/images/feedbk.jpg); */
	background: #fff;
	/* background-repeat: repeat-y; */
	/* background-repeat: repeat-x; */
	background-repeat: no-repeat;
	background-size: cover;
}
.page3, .page4, .page5, .page6, .page7, .page8, .page9, .page10, .page11, .page2{
    background: #6524c2 !Important;
    color: #fff;
}
.page2 legend, .page4 legend {
    float: left;
    width: 33%;
    margin-bottom: 10px !important;
}
legend, label.control-label{
	font-size: 16px !important;
}
#webform-submission-feedback-form-ajax .form-group {
    padding-bottom: 5px !important;
}
.step2 {
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid;
    margin-bottom: 10px;
}
.page2 .radio, .page2 .checkbox, .page4 .radio, .page4 .checkbox {
    margin-top: 0px !important;
    margin-right: 5% !important;
}
#webform-submission-feedback-form-ajax .fieldset-legend {
    color: #fff;
}
#webform-submission-feedback-form-ajax .webform-progress-tracker{
  display:none;
}
div#edit-actions {
    text-align: center;
}
div[data-drupal-selector= "edit-actions"] {
    color: rgb(255, 255, 255);
    background-color: rgb(239, 79, 122);
    border-radius: 0px 0px 6px 6px;
    width: 100%;
    font-size: 30px;
    padding: 5px;
	text-align: right;
}

div[data-drupal-selector= "edit-actions"] button{
	background: transparent;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 25px;
}
.webform-options-display-buttons label.webform-options-display-buttons-label{
	border: 1px solid #000 !important;
}
input[data-drupal-selector= "edit-mobile-number"]{
	 width: 100% !important;
}
input[data-drupal-selector= "edit-birthday-s"], input[data-drupal-selector= "edit-anniversary"]{
	width: 96% !important;
}
div[data-drupal-selector= "edit-actions"] button:hover,div[data-drupal-selector= "edit-actions"] button:focus,div[data-drupal-selector= "edit-actions"] button:active{
	color: #fff !important;
    background: unset !important;
    background-color: unset !important;
    border: unset !important;
    border-color: unset !important;
    box-shadow: unset;
}
.webform-type-checkboxes{
	margin: 0 auto;
    width: 100%;
} 
.footer {
    width: 100%;
    text-align: center;
    color: #000;
    position: relative;
    bottom: 0;
}
	
.page-header {
  display:none;
}

.region-header a.navbar-brand {
  display:none;
}


#webform-submission-feedback-form-ajax {
	background: #6524c2;
    width: 60%;
	margin: 0 auto;
}
#edit-front-markup img{
	max-width: 100%;
}

.page3 .fieldset-legend ,
.page4 .fieldset-legend ,
.page5 .fieldset-legend ,
.page6 .fieldset-legend ,
.page7 .fieldset-legend ,
.page8 .fieldset-legend ,
.page9 .fieldset-legend ,
.page10 .fieldset-legend ,
.page11 .fieldset-legend ,
.page2 .fieldset-legend {
    color:#ccc;
}

.page3,
.page4,
.page5,
.page6,
.page7,
.page8,
.page9,
.page10,
.page11,
.page2 {
    background: #fff;
    /* width: 58%; */
    padding: 16px;
}

#webform-submission-feedback-form-ajax .form-group {
    margin-bottom: 0px;
}

/* .webform-button--previous::before { */
    /* font-family: FontAwesome; */
    /* content: "\f0d9"; */
    /* font-size: 22px; */
/* }   */
/* .webform-button--next::before { */
    /* font-family: FontAwesome; */
    /* content:  "\f0da"; */
    /* font-size: 22px;         */
/* }   */

.webform-button--previous {
  float:left;
}

.path-webform  .footer {
    margin-top: 45px;
    /* padding-top: 35px; */
    /* padding-bottom: 36px; */
    border-top: 0px solid #E5E5E5;
    height: 29px;
    text-align: center;
    padding: 7px;
    /* background: #8648db;*/
}

@media screen and (max-width: 480px) { 

  #webform-submission-feedback-form-ajax {
	background: #6524c2;
    width: 100%;
	margin-top: 100px;
  }
  
  .page2 legend, .page4 legend {
		float: left;
		width: 100% !important;
		margin-bottom: 10px !important;
	}

}

.region.region-content {
  margin-top: 63px;
}
.form-no-label {
      font-size: 20px;
    text-align: center;
    padding: 10px;
}
/* .webform-button--next { */
  /* float:right; */
/* } */

.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
    color: #000;
    border-color: #0074bd;
    background: #f7e0e9;
}