.normal-label-msg {
	color: #212529;
}
.warning-label-msg,
p.errLbl {
	color: rgb(254, 80, 0)!important;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}
.handshake-container {
  margin:5% 0;
}

.handshake-container .msg-success p {
  font-weight: bold;
}
.warning-label-msg{
  letter-spacing: 1px;
}

.hus_modal_feedback input.js-text-full.text-full.form-text.warning-text-select-border,
.hus_modal_feedback select.warning-text-select-border,
.hus_modal_feedback .js-form-item-field-husfeedback-provider-email-0-value input.warning-text-select-border:required {
	border: 2px solid rgb(254, 80, 0) !important;
	border-radius: 4px;
	outline: none;
}
.hus_modal_feedback .js-form-type-vertical-tabs, 
.hus_modal_feedback .entity-content-form-footer{
  display: none;  
}
select.warning-text-select-border:focus,
input.warning-text-select-border:focus {
	box-shadow: none!important;
}

.hus_modal_feedback .js-form-item-field-hus-feedback-provider-name-0-value label.form-required,
.hus_modal_feedback .js-form-item-field-husfeedback-provider-email-0-value label.form-required{
  color:#333;
}

.hus_modal_feedback .js-form-item-field-hus-feedback-provider-name-0-value label.form-required:after,
.hus_modal_feedback .js-form-item-field-husfeedback-provider-email-0-value label.form-required:after {
    display: inline-block;
    content: "*";
    color: red;
    vertical-align: baseline;
}

.hus_modal_feedback .js-form-item-field-hus-feedback-provider-name-0-value input:required,
.hus_modal_feedback .js-form-item-field-husfeedback-provider-email-0-value input:required {
 border:1px solid #ced4da !important;
}

.active-focused-label-npg {
	color: #ab1236!important;
}
.hus_modal_feedback input.js-text-full.text-full.form-text.active-focused-border-npg, 
.hus_modal_feedback .js-form-item-field-husfeedback-provider-email-0-value input.active-focused-border-npg:required,
.hus_modal_feedback select.active-focused-border-npg,
.hus_modal_feedback textarea.active-focused-border-npg  {
	border: 2px solid #ab1236 !important;
	border-radius: 4px;
	outline: none;
}
select.active-focused-border-npg:focus,
input.warning-text-select-border:focus {	
	box-shadow: none;	
}
.errLbl {
	display: none;
	font-size: 12px;
  direction: ltr;
}
.hus_modal_feedback .ui-dialog-buttonpane {
	display: none;
}
.ajax-progress-throbber { display: none}


#modal_content_manage_hus_feedback .star-cb-group-ps  {
  font-size: 0;
  unicode-bidi: bidi-override;
  width: 100%;
  float: left;  
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#modal_content_manage_hus_feedback .star-cb-group-ps div.form-radios div * {
  font-size: 1rem;

}
#modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios input {
  display: block;
  opacity: 0;
  position: absolute;
  top: 20px;
  left: 20px;
}

#modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label {
  display: block;
  overflow: hidden;
  text-indent: -50px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  font-size:75px !important;
}
#modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input{
  display: block;
  opacity: 0;
  position: absolute;
  top: 20px;
  left: 20px;
}
#modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label:before {
  display: block;
  text-indent: 0px;
  content: "☆";
  color: #ab1236;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0px;
  }

#modal_content_manage_hus_feedback .star-cb-group-ps div.description {
	width: 750px;
  text-align: center;
  max-width: 800px;
  font-size: 20.5px !important;
  line-height: 1.6em;
  color: #212529;
  direction: ltr;
  margin-bottom: 20px;
}

#modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label.star5:before ,
#modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label.selectstar:before {
display: block;
text-indent: 0px;
content: "★";
color: #ab1236;
width: 30px;
height: 30px;
position: absolute;
left: 0px;

}
#modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div
{
  float: left;
  position: relative;
}

#modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios  input:checked ~ label::before,
 #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios  input + label:hover ~ label::before, 
 #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios  input + label:hover::before {
  content: "☆";
  color: #ab1236!important;
  text-shadow: 0 0 1px #ab1236;
}

.hus_modal_feedback input.form-checkbox {
opacity: 0;
margin-left: -20px;
}
#btnLinksubmit {
  outline: none;
}
.hus_modal_feedback .js-form-item-field-can-we-connect-back-value label.option {
font-size: 20.5px;
font-weight: bold;
}

.hus_modal_feedback .js-form-item-field-can-we-connect-back-value label.option:after{
    content: "";
    margin-top: 10px;
    margin-left: 25px;
    display: flex;
    width: 24px;
    height: 23px;
    position: absolute;
    left: 0;
    background-color: #ffffff;
    border-radius: 3px;
    border: 3px solid #ab1236;
  }

.hus_modal_feedback .js-form-item-field-can-we-connect-back-value input[type=checkbox]:checked + label:after {
    content: "\2713";
    color: #fff;
    text-align: center;
    padding-left: 2px;
    line-height: 20px;
    background-color: #ab1236;
}

.hus_modal_feedback {
    border: 2px solid #ab1236!important;
    box-shadow: 0 0 5px rgb(171 18 54 / 80%);
    top:13px!important;
    padding-bottom:30px;
}

.hus_modal_feedback .ui-dialog-titlebar-close {
    background: transparent;
    border: 0;
}

.hus_modal_feedback .ui-dialog-titlebar-close:after {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-size: 30px;
    display: block;
    font-weight: bold;
    top: -6px;
    right: 12px;
    color: #ab1236;
  }

.hus_modal_feedback .ui-dialog-titlebar {
  background-color: transparent;
  border:0;
}

.hus_modal_feedback #drupal-modal::-webkit-scrollbar {
  width:0px;
}

.hus_modal_feedback .js-form-item-field-hus-feedback-provider-name-0-value label {
    display: block;
}

.hus_modal_feedback .js-form-item-field-have-your-say-comment-0-value {
    margin-top: 20px;
}

.hus_modal_feedback .form-textarea {
  width:100%;
  border:1px solid #ced4da;
}

.hus_modal_feedback .js-form-item-field-have-your-say-comment-0-value label {
    font-size: 20.5px;
    font-weight: bold;
    padding-bottom:5px;
}


.hus_modal_feedback .js-form-item-field-hus-feedback-provider-name-0-value label,
.hus_modal_feedback .js-form-item-field-husfeedback-provider-email-0-value label {
    font-size: 20.5px;
    font-weight: bold;
    padding-bottom:5px;
    color:rgba(0, 0, 0, 0.38);
}


.hus_modal_feedback input.js-text-full.text-full.form-text,
.hus_modal_feedback input.form-email {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
}

.js-form-item-field-hus-feedback-provider-name-0-value {
  margin:55px 0px 30px 0px;
}


.hus_modal_feedback legend {
    text-align: center;
    letter-spacing: 1px;
    font-size: 33px;
    margin-top: 1%;
    line-height: 2.25rem !important;
    font-weight: 600;
    color: #222;
}

.hus_modal_feedback a {
    cursor: pointer;
    position: relative;
    text-decoration: none;
    right: 0%;
    background: linear-gradient(-45deg,transparent 10px,#ab1236 0) 100% 100%;
    color: #fff!important;
    padding: 10px 60px;
    font-size:20px;
    letter-spacing: 1.4px;
    font-weight: bold;
    left:38%;
}
.hus_modal_feedback a:focus {
  filter: drop-shadow(1px 1px 2px #ab1236);
}
.hus_modal_feedback button {
  outline: none
}
.hus_modal_feedback button:focus::after {
  border: 0px solid;
}
/*.hus_modal_feedback div#btnLinksubmit {
    cursor: pointer;
    position: relative;
    display: inline-block;
    right: 0%;
    background: linear-gradient(-45deg,transparent 10px,#ab1236 0) 100% 100%;
    color: #fff!important;
    padding: 10px 60px;
    font-size:20px;
    letter-spacing: 1.4px;
    font-weight: bold;
    left:38%;
}*/

.hus_modal_feedback .form-select {
  line-height: 2.5;
  font-size: 17px;
}

.hus_modal_feedback label.js-form-required.form-required {:;
    font-size: 20.5px;
    color: #333333;
    padding: 20px 0px 10px;
    font-weight: bold;
    letter-spacing: 1.4px;
    line-height: 20px;
}

.hus_modal_feedback .field--name-field-husfeedback-provider-email {
  margin-bottom: 50px;
}


.hus_modal_feedback label.js-form-required.form-required:after,
.hus_modal_feedback input[required]:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "*";
    vertical-align: super;
    color: red;        
}

@media (min-width: 100px) and (max-width: 767px) { 
   
 .hus_modal_feedback.ui-dialog-buttons {
    width: 94% !important;
    left: 12px!important;
  }
  .innerScroll>.innerScroll .hus_modal_feedback {
    top: 50% !important;
    margin-top: -145px !important;
  }

  #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label {
    font-size: 60px !important;
  }
  #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label:before {
    text-indent: 20px;
  }
  #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label.star5:before,
  #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label.selectstar:before {
    text-indent: 20px;
  }

  #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div {
    left: -20px;
  }

  .hus_modal_feedback label.js-form-required.form-required {
    line-height: 18px;
    font-size: 16px;
  }

  .hus_modal_feedback label.js-form-required.form-required:after, .hus_modal_feedback input[required]:after {
    margin: 0;
  }

  .hus_modal_feedback .form-select {
    line-height: 2;
    font-size: 16px;
  }

  .hus_modal_feedback .js-form-item-field-can-we-connect-back-value label.option,
  .hus_modal_feedback .js-form-item-field-hus-feedback-provider-name-0-value label, 
  .hus_modal_feedback .js-form-item-field-husfeedback-provider-email-0-value label{
    font-size: 16px;
  }

  .hus_modal_feedback a {
    left: 22%;
  }

  .hus_modal_feedback .js-form-item-field-can-we-connect-back-value label.option:after {
    margin-left: 12px;
  }

  #modal_content_manage_hus_feedback .star-cb-group-ps div.description {
    font-size: 18px!important;
    margin-bottom: 15px;
    width:auto;
  }
}
@media (max-width: 349px) {
  .hus_modal_feedback.ui-dialog-buttons {
    width: 95% !important;
    left: 5px !important;
  }
  #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label {
    font-size: 50px !important;
  }
  #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label:before {
    text-indent: 0px;
  }
  .hus_modal_feedback legend {
    font-size: 25px;
  }
  #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label.star5:before,
   #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div input + label.selectstar:before {
    text-indent: 0px;
   }
   #modal_content_manage_hus_feedback .star-cb-group-ps > div.form-radios div {
    left: -8px;
   }
   .hus_modal_feedback a {
    left: 25%;
    font-size: 18px;
    background: linear-gradient(-45deg,transparent 7px,#ab1236 0) 100% 100%;   
    padding: 10px 40px;
   }
}
@media (min-width: 414px) and (max-width: 767px) { 
   
 .hus_modal_feedback.ui-dialog-buttons {
    width: 95% !important;
    left: 10px!important;
  }

 #modal_content_manage_hus_feedback .star-cb-group-ps div.description {
    width:auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hus_modal_feedback.ui-dialog-buttons {
    width: 730px!important;
    left:22px!important;
    top:50px!important;
  }

   #modal_content_manage_hus_feedback .star-cb-group-ps div.description {
    width:auto;
  }

  #modal_content_manage_hus_feedback .star-cb-group-ps {
    flex-wrap: nowrap;
  }
}

@media (min-width: 992px) and (max-width: 1024px) { 
   .ui-widget.ui-widget-content {
    width: 80%!important;
    margin-left: -3%;
  }

  #modal_content_manage_hus_feedback .star-cb-group-ps div.description {
    margin-bottom: 0px;
  }
  }

@media (min-width: 768px) {
  .innerScroll>.innerScroll .hus_modal_feedback {
    width: 550px !important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -250px !important;
    margin-top: -145px !important;
  }
}

/*=================================================================*/


#overlay{
  height:100%;
  width:100%;
  position:fixed;
  top:85px; 
  left:0;
  background:rgba(0, 0, 0, 0.4);
  z-index:100
}

.hus_modal_feedback #drupal-modal {
  padding: 0 3% 7%;
  overflow-x: hidden;
  background-color: #fff;
  max-height:2000px!important;
}

.ui-widget.ui-widget-content
{
  margin-bottom: 5%;
  position: relative !important;
}

div.ui-widget-overlay.ui-front
{
  overflow-y: auto !important;
  opacity: .7;
  background: #fff;
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0;
    padding: 0.3em 1em;
    border-width: 1px 0 0 0;
    border-color: transparent;
    background: #fff;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}

.ui-dialog{
  top:5% !important;
}
.ui-dialog .ui-dialog-titlebar-close
{  
  margin-right: 1.5%;
}



/*Feedback modals styles starts here*/
#modal_content_manage_hus_feedback h1 {
    font-size: 33px;
    margin-top: 1%;
    line-height: 2.25rem !important;
    font-weight: 600;
    color: #222;
}
#modal_content_manage_hus_feedback .text-center.leading-relaxed.text-base {
    font-size: 20.5px !important;
    line-height: 1.6em;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #212529;
}
#modal_content_manage_hus_feedback .js-form-type-select.form-type-select{
    display:flex;
    flex-direction: column;
}
#modal_content_manage_hus_feedback select.custom-select{
    box-shadow: none !important;
    height: calc(2.25rem + 25px) !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #000000;
    border-radius: 4px !important;
    text-indent: 5px !important;
    border:1px solid #ced4da !important;
    padding: .375rem 2rem .375rem 0 !important;
    background: #FFF url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -3 4 15'%3E%3Cpath fill='%23343a40' d='M2 1L0 1h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
}

#modal_content_manage_hus_feedback select.custom-select:focus {
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: 2px solid #ab1236 !important;
}

#modal_content_manage_hus_feedback select.custom-select:active {
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: 2px solid #ab1236 !important;
}

#modal_content_manage_hus_feedback .form-textarea-wrapper text-area,
 #modal_content_manage_hus_feedback .form-textarea-wrapper text-area:focus,
#modal_content_manage_hus_feedback .NameGroup input, #modal_content_manage_hus_feedback .form-item-email input{
  width:100% !important;
}
#modal_content_manage_hus_feedback .NameGroup .form-item-name:focus-within label, 
#modal_content_manage_hus_feedback .form-item-email:focus-within label,
#modal_content_manage_hus_feedback .form-item-comments:focus-within label,
#modal_Feedback_form .actionplanfeedbackfrm-id .form-item-apf-comments:focus-within label,
#modal_content_manage_hus_feedback .js-form-type-select.form-type-select:focus-within label,
#modal_content_manage_hus_feedback .form-item-iscontact input:checked:focus~label,
#modal_content_manage_hus_feedback .form-item-iscontact input:focus~label,
#modal_Feedback_form .actionplanfeedbackfrm-id .form-item-apf-iscontact input[type=checkbox]:checked:focus~label,
#modal_Feedback_form .actionplanfeedbackfrm-id .form-item-apf-iscontact input[type=checkbox]:focus~label,
#modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact input[type=checkbox]:checked:focus~label,
#modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact input[type=checkbox]:focus~label{
    color: #ab1236 !important;
}

#modal_content_manage_hus_feedback .NameGroup .form-item-name label, 
#modal_content_manage_hus_feedback .form-item-email label,
#modal_content_manage_hus_feedback .form-item-comments label,
#modal_content_manage_hus_feedback .js-form-type-select.form-type-select label,
#modal_content_manage_hus_feedback .form-item-iscontact input~label,
#modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact input~label {
    font-size: 20.5px !important;
}

#modal_content_manage_hus_feedback .NameGroup .form-item-name input:focus, 
#modal_content_manage_hus_feedback .form-item-email input:focus, 
#modal_content_manage_hus_feedback textarea.Comments_cls:focus,
#modal_Feedback_form .actionplanfeedbackfrm-id .form-item-apf-comments textarea.APFComments_cls:focus,
#modal_Feedback_form .actionplanfeedbackfrm-id .form-item-apf-name input:focus,
#modal_Feedback_form .actionplanfeedbackfrm-id .form-item-apf-email input:focus,
#modal_Feedback_form .pasteventfeedbackfrm-id textarea.custom_Comments_cls:focus{  
    border:2px solid #ab1236 !important;
}
#modal_content_manage_hus_feedback .form-item-iscontact label,
#modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact label {
    display: inline-block;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    margin: 5px;
    font-weight:700 !important;
}
#modal_content_manage_hus_feedback .form-item-name input:disabled~label{
color:red;
}
#modal_content_manage_hus_feedback .form-item-iscontact .IsContactCls.form-checkbox,
#modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact .PastFb_IsContactCls.form-checkbox
{
margin-left: -22px;
opacity: 0;
}
.actionplanfeedbackfrm-id .form-item-apf-iscontact .APF_IsContactCls.form-checkbox{
  margin-left: -17px;
  opacity: 0;
  }

#modal_content_manage_hus_feedback .form-item-iscontact, #modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact{
  padding-bottom:40px;
  margin-top:60px;
  margin-bottom: 30px;
}
#modal_content_manage_hus_feedback .form-item-iscontact input[type=checkbox]:checked + label:after,
#modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact input[type=checkbox]:checked + label:after,
#modal_Feedback_form .actionplanfeedbackfrm-id .form-item-apf-iscontact input[type=checkbox]:checked + label:after{
    content: "\2713";
    color: #fff;
    text-align: center;
    padding-left: 2px;
    line-height: 21px;
    background-color: #ab1236;
    border: 1px solid #ab1236;
}

#modal_content_manage_hus_feedback .form-item-iscontact label:after,
#modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact label:after
{
    line-height: 20px;
    content: "";
    margin-top:10px;
    margin-left:2px;
    display:flex;
    width: 24px;
    height: 23px;
    position: absolute;
    left: 0;
    background-color: #ffffff;
    border-radius: 3px;
    border: 3px solid #ab1236;
}
.actionplanfeedbackfrm-id .form-item-apf-iscontact label:after {
    line-height: 20px;
    content: "";
    margin-left:2px;
    display:flex;
    width: 24px;
    height: 23px;
    position: absolute;
    background-color: #ffffff;
    border-radius: 3px;
    border: 3px solid #ab1236;
}
#modal_content_manage_hus_feedback .form-item-iscontact label:hover:after,
#modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact label:hover:after,
#modal_Feedback_form .actionplanfeedbackfrm-id .form-item-apf-iscontact label:hover:after{
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 20px rgba(171, 18, 54, 0.5);
}
@keyframes glow{
  0%{
    box-shadow:0 0 5px rgba(171,18,54,0.2);
  }
  100%{
    box-shadow:0 0 20px rgba(171,18,54,0.8);
  }
}

#modal_content_manage_hus_feedback .form-item-iscontact input[type=checkbox]:focus + label::after,
#modal_Feedback_form .pasteventfeedbackfrm-id .form-item-pastfb-iscontact input[type=checkbox]:focus + label::after,
#modal_Feedback_form .actionplanfeedbackfrm-id .form-item-apf-iscontact input[type=checkbox]:focus + label::after{
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 20px rgba(171, 18, 54, 0.5);
  animation:glow 2s ease-in-out infinite alternate-reverse;
}
.clsbtnsubmitLeaveFormAPI{
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 30px auto !important;
    height: 56px;
    min-width: 12em;
    font-weight:700;
}
/*Feedback modals styles ends here*/