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

/* 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: 0px !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 {
    line-height: 50px !important;
    text-align: center !important;
    font-size: 16px !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 {
        padding-top: 45px;
        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 {
        padding-top: 45px;
        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 {
    padding-top: 45px;
    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; */
}

/* 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;
    right: 4px !important;
    z-index: 99999;
    color: var(--button-color) !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 ***/



/*** Moto G4 ***/

@media only screen and (max-width: 360px) and (min-width: 360px){
  .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
    margin-top: -12px;
    margin-right: 13px;
    }
   #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
       padding-left: 80px !important;
   }
   #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
       padding-left: 15px !important;
   }
}




/* Iphone 12 pro  */

@media only screen and (max-width: 410px) and (min-width: 385px){
  .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
    margin-top: -12px;
    margin-right: 13px;
    }
   #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
       padding-left: 80px !important;
   }
   #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
       padding-left: 15px !important;
   }
}

/* Pixel 2 */

@media only screen and (max-width: 415px) and (min-width: 411px){
  .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
    margin-top: -12px;
    margin-right: 13px;
    }
   #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
       padding-left: 80px !important;
   }
   #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
       padding-left: 15px !important;
   }
}




/* Iphone 5/SE */

@media only screen and (max-width: 330px) and (min-width: 320px){
  .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
    margin-top: -12px;
    margin-right: 13px;
    }
   #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
       padding-left: 68px !important;
   }
   #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
       padding-left: 15px !important;
   }
}


/* Iphone 6/7/8 */

@media only screen and (max-width: 385px) and (min-width: 375px){
  .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
    margin-top: -12px;
    margin-right: 13px;
    }
   #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
       padding-left: 80px !important;
   }
   #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
       padding-left: 15px !important;
   }
}


/* Iphone 6/7/8 plus */

@media only screen and (max-width: 424px) and (min-width: 414px){
  .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
    margin-top: -12px;
    margin-right: 13px;
    }
   #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
       padding-left: 80px !important;
   }
   #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
       padding-left: 15px !important;
   }
}



/* Iphone X */

@media only screen and (max-width: 385px) and (min-width: 375px){
  .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
    margin-top: -12px;
    margin-right: 13px;
    }
   #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
       padding-left: 80px !important;
   }
   #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
       padding-left: 15px !important;
   }
}


/* Ipad */

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



/* Ipad pro */

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


/* Galaxy Fold */

@media only screen and (max-width: 300px) and (min-width: 280px){
  .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
    margin-top: -12px;
    margin-right: 13px;
    }
   #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
       padding-left: 27px !important;
       font-size: 16px !important;
   }
   #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
       padding-left: 15px !important;

   }
   .thankYouPageLogoPreviewText p span:before{
     left: -17px !important;
   }
}


/* IPAD */

@media only screen and (max-width: 768px) and (min-width: 768px){
    .kpl_builder.neb-form-wcag .edge-labels{
    display: none !important;
  }
  .neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.neb-rating-eighth-size, .neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus.neb-rating-eighth-size{
    width: 104px !important;
  }
  form{
    padding-left: 60px !important;
  }
}



/** Ipad pro **/

@media only screen and (max-width: 1024px) and (min-width: 1024px){
    .kpl_builder.neb-form-wcag .edge-labels{
    display: none !important;
  }
  .neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.neb-rating-eighth-size, .neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus.neb-rating-eighth-size{
    width: 132px !important;
  }
  form{
    padding-left: 90px !important;
  }
}

/* Surface Duo */

@media only screen and (max-width: 540px) and (min-width: 540px){
  .kpl-live-mobile .neb-form-close-btn-container.ng-hide button{
    margin-top: -12px;
    margin-right: 13px;
    }
   #liveForm .kpl_builder.kpl-live-mobile .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p span{
       padding-left: 80px !important;
   }
   #liveForm .kpl_builder.kpl-live-mobile .thankYouPageLogoPreviewText p span:before{
       padding-left: 15px !important;
   }
}



/* Nest Hub Max */

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