/* General Settings */
.live-form-content {
    padding: 30px;
    padding-bottom: 0;
}

/* Mobile */
.live-form-content.neb-mobile-web {
    padding: 16px;
}

/*** Thumbs Up/Down ***/
.radio-option input[value="1"], .radio-option input[value="2"] {
/*     visibility: hidden; */
    clip: rect(0,0,0,0);
}

.radio-option.ng-scope input[value = '1'] + label:before {
    font-family: "FontAwesome" !important;
    font-weight: 400 !important;
    font-size: xx-large !important;
    content: "\f087" !important;
    visibility: visible;
    position: inherit;
    color: #227AA7 !important;
}

.radio-option.ng-scope input[value = '2'] + label:before {
    font-family: "FontAwesome" !important;
    font-weight: 400 !important;
    font-size: xx-large !important;
    content: "\f088" !important;
    visibility: visible;
    position: inherit;
    color: #227AA7 !important;
}

.radio-option.ng-scope input.wcag-radio-border.ng-touched.ng-not-empty.ng-valid.ng-valid-required.ng-dirty[value = "1"]:before, .radio-option.ng-scope input.wcag-radio-border.ng-touched.ng-not-empty.ng-valid.ng-valid-required.ng-dirty[value = "2"]:before {
    color: #CCCCCC !important;
    pointer: cursor;
}

.radio-option input[value='1']:checked + label:before {
    content: "\f164" !important;
}

.radio-option input[value='2']:checked + label:before {
    content: "\f165" !important;
}

.neb-component .neb-content .neb-native-radio .neb-native-radio-option-label {
    visibility: hidden;
}

/* Radiobtton focus */
.radio-option input:focus~label::before {
    outline: 2px dashed #227AA7 !important;
    outline-offset: 3px;
}

/* Radio button align with text */
.neb-component .neb-content .neb-native-radio {
/*     display: flex; */
    margin-top: 25px !important;
}

.neb-component .neb-content .neb-native-radio .neb-native-radio-option-label {
    height: 30px !important;
}

#liveForm .kpl_builder .pageRepeater .neb-component.neb-radio .control-label {
    text-align: center !important;
    font-size: 16px !important;
    margin-top: 40px !important;}

.neb-component .neb-content .neb-native-radio:not(.checkbox-inline) .radio-option, .neb-component.neb-radio .control-label, .neb-component.neb-web-component.neb-radio {
    display: flex;
}

.neb-component .neb-content .neb-native-radio input[type='radio'].wcag-radio-border {
    margin-top: 7px !important;
}

/* Textarea */
#liveForm .kpl_builder.neb-form-wcag textarea{
  border-color: #CACFD0 !important;
  border-radius: 2px !important;
  margin-top: 9px;
  /* min-width: 10% !important; */
  /*   width: 620px !important; */
  margin-left: 1px !important;
}

#liveForm .kpl_builder.neb-form-wcag textarea:focus{
  outline-offset: 0.5px !important;
}

.neb-textArea .neb-content{
  margin-right: 4px !important;
}

/* Removing Powered by Medallia */
#liveForm .kpl_builder .panel-footer .kpl-form-footer .powered-by-link.wcag-powered-by-contrast {
    display: none !important;
}

/* Submit Button */
#liveForm .kpl_builder .panel-footer .btn.submit-btn {
    background: #227AA7 !important;
    padding: 10px 60px;
    font-size: 16px !important;
}

#liveForm .kpl_builder .panel-footer .btn.submit-btn:hover {
    background: #345065 !important;
}

#liveForm .kpl_builder label {
    font-size: 16px !important;
}

.kpl_builder:not(.kpl-live-mobile) .panel-footer .neb-form-footer-buttons, .kpl_builder:not(.kpl-live-mobile) .panel-footer .neb-form-footer-buttons .form-group {
    padding-right: 0px !important;
}

/* Thank you */
.thankYouPageLogoPreviewImage {
    display: none;
}

#liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText {
    margin-top: 40px;
    line-height: 3px;
}

.thankYouPageLogoPreviewText p span:before {
    content: '\2713';
    padding-top: 33px;
    width: 72px;
    height: 72px;
    position: absolute;
    -webkit-mask-size: 72px 72px;
    mask-size: 72px 72px;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transform: scale(0.5);
    color: white;
    background-color: #227AA7;
    font-size: 48px !important;
    border-radius: 50%;
    left: 20px !important;
    bottom: 0px;
    padding-left: 16px;
}

#liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span {
    padding-left: 90px;
    font-family: 'Open Sans' !important;
}

/* Close button container hide. fix for scrollbar issue on embedded form */
#liveForm .kpl_builder.dig-embedded-live .neb-form-close-btn-container {
    display: none;
}

body {
    overflow: hidden !important;
}

/* Mobile */
#liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span {
    font-size: 20px !important;
}

#liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before {
    padding-left: 1px;
}

#liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span {
    padding-left: 50px;
}

#liveForm .kpl_builder.kpl-live-mobile .neb-component .neb-content .neb-native-radio:not(.checkbox-inline) .radio-option,
#liveForm .kpl_builder.kpl-live-mobile .neb-component.neb-radio .control-label,
#liveForm .kpl_builder.kpl-live-mobile .neb-component.neb-web-component.neb-radio {
    display: block;
}

#liveForm .kpl_builder.kpl-live-mobile .pageRepeater .neb-component.neb-radio .control-label{
    text-align: left !important;
    line-height: unset !important;
    margin-left: 0px !important;
}

/* Galaxy S5 */
@media only screen and (min-width: 360px) and (max-width: 375px) {
    #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span {
        font-size: 16px !important;
    }
}

/* iPhone 5 */
@media only screen and (min-width: 320px) and (max-width: 320px) {
    #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span {
        font-size: 16px !important;
        padding-left: 65px ;
    }
}

/* iPad */
@media only screen and (min-width: 768px) and (max-width: 768px) {
    #liveForm .kpl_builder.kpl-live-mobile .neb-component .neb-content .neb-native-radio:not(.checkbox-inline) .radio-option,
    #liveForm .kpl_builder.kpl-live-mobile .neb-component.neb-radio .control-label,
    #liveForm .kpl_builder.kpl-live-mobile .neb-component.neb-web-component.neb-radio {
        display: flex;
    }

    #liveForm .kpl_builder.kpl-live-mobile .modal-live-form .pageRepeater .control-label.error {

        margin-left: -76% !important;
        width: 100% !important;
    }

    #liveForm .kpl_builder.kpl-live-mobile .pageRepeater .neb-component.neb-radio .control-label{
        line-height: 50px !important;
    }
}

/* iPad Pro */
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    #liveForm .kpl_builder.kpl-live-mobile .neb-component .neb-content .neb-native-radio:not(.checkbox-inline) .radio-option,
    #liveForm .kpl_builder.kpl-live-mobile .neb-component.neb-radio .control-label,
    #liveForm .kpl_builder.kpl-live-mobile .neb-component.neb-web-component.neb-radio {
        display: flex;
    }

    #liveForm .kpl_builder.kpl-live-mobile .modal-live-form .pageRepeater .control-label.error {

        margin-left: -75% !important;
        width: 100% !important;
    }

    #liveForm .kpl_builder.kpl-live-mobile .pageRepeater .neb-component.neb-radio .control-label{
        line-height: 50px !important;
    }

}


#liveForm .kpl_builder .modal-live-form .pageRepeater .control-label.error {

    margin-left: -79% !important;
    width: 100% !important;
}

#liveForm .kpl_builder .modal-live-form {
/*     min-width: 690px !important; */
}

/* Removing Powered by Medallia */
#liveForm .kpl_builder .panel-footer .kpl-form-footer .powered-by-link.wcag-powered-by-contrast {
    display: none !important;
}

#liveForm .kpl_builder.dig-embedded-live .pageRepeater .neb-web-component,
#liveForm .kpl_builder.dig-embedded-live .kpl-thankYouHolder .neb-web-component{/*   width: 684px !important; */margin-top: 10px !important;}

/* Error message  */

.has-error .error{
    margin-top: -20px !important;
    font-weight: normal !important;
}





/* Adding the Close(X) button */




.neb-form-close-btn-container.ng-hide{
  color: #227AA7 !important;
    display: block !important;
}
button.neb-show-button-as-link{
    position: relative;
    top: 30px;
    display: none !important;
    right: 4px !important;
    z-index: 99999;
    color: var(--button-color) !important;
}
@media (min-width: 769px){
  button.neb-show-button-as-link{
    visibility: hidden !important;
  }
}
@media (min-width: 576px){
  .col-sm-offset-11.col-sm-1{
    margin-left: 91.6% !important;
    display: flex !important;
  }
}
@media (max-width: 600px){
        /*"X" Button*/
        .kpl-live-mobile .neb-form-close-btn-container.ng-hide{
                display: flex !important;
        }
        .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
                position: absolute !important;
                top: -10px;
                right: 20px;
                z-index: 9999;
                color: var(--button-color) !important;
        }
        .previewModal > div.kpl_builder.kpl-live-mobile{
                margin-top: 50px !important;
        }
        .kpl-live-mobile .pageRepeater > div{
            padding-top: unset !important;
        }
}






/*** X button on mobile renditions ***/




/*** Iphone 12 pro ***/
@media only screen and (min-width: 390px) and (max-width: 390px){
}

/*** Pixel 2XL / Pixel 2 ***/
@media only screen and (min-width: 411px) and (max-width: 411px){
}
/*** IPhone 6/7/8 Plus ***/
@media only screen and (min-width: 382px) and (max-width: 416px){
  #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
    padding-left: 70px !important;
  }
  #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
    padding-left: 15px !important;
    margin-left: 0px !important;
  }
}
}
/*** Pixel 5 ***/
@media only screen and (min-width: 393px) and (max-width: 393px){
}
/*** Galaxy S5 ***/
@media only screen and (min-width: 343px) and (max-width: 375px){
  #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
    padding-left: 29px !important;
  }
  #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
    padding-left: 15px !important;
    margin-left: -34px !important;
  }
}
@media only screen and (min-width: 358px) and (max-width: 390px){
  #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
    padding-left: 55px !important;
  }
  #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
    padding-left: 15px !important;
    margin-left: -10px !important;
  }
}

@media only screen and (min-width: 328px) and (max-width: 357px){
  #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
    padding-left: 29px !important;
  }
  #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
    padding-left: 15px !important;
    margin-left: -35px !important;
  }
}

/*** Galaxy S20 ultra ***/
@media only screen and (min-width: 412px) and (max-width: 412px){
}
/*** IPAD Air ***/
@media only screen and (min-width: 785px) and (max-width: 820px){
  #liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText {
    margin-top: 80px;
    line-height: 3px;
  }
  #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
    padding-left: 250px !important;
  }
  #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
    padding-left: 15px !important;
    margin-left: 180px !important;
  }
}
/*** IPAD AND IPAD Mini ***/
@media only screen and (min-width: 730px) and (max-width: 768px){
#liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText {
    margin-top: 80px;
    line-height: 3px;
  }
  #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
    padding-left: 240px !important;
  }
  #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
    padding-left: 15px !important;
    margin-left: 170px !important;
  }
}
/*** Surface pro 7 ***/
@media only screen and (min-width: 870px) and (max-width: 912px){
#liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText {
    margin-top: 80px;
    line-height: 3px;
  }
  #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
    padding-left: 310px !important;
  }
  #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
    padding-left: 15px !important;
    margin-left: 235px !important;
  }
}
/*** Surface duo ***/
@media only screen and (min-width: 500px) and (max-width: 540px){
    #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
    padding-left: 125px !important;
  }
  #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
    padding-left: 15px !important;
    margin-left: 55px !important;
  }
}

/*** IPhone 5/SE ***/
@media only screen and (min-width: 320px) and (max-width: 320px){
}
/*** Nest hub max ***/
@media only screen and (min-width: 1280px) and (max-width: 1280px){
}
/*** Galaxy fold ***/
@media only screen and (min-width: 240px) and (max-width: 280px){
    #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
    padding-left: 4px !important;
      font-size: 15px !important;
  }
  #liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText{
    margin-top: 90px !important;
  }
  #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
    padding-left: 15px !important;
    margin-left: 55px !important;
    margin-bottom: 37px !important;
  }
}
/*** IPAD Pro ***/
@media only screen and (min-width: 1024px) and (max-width: 1024px){
}


/*** Error question ***/

.has-error .control-label{
   color: #595959 !important;
}

.has-error .error{
  color: #a94442 !important;
}