@font-face {
    font-family: "Noto Sans Regular";
    src: url("https://assets.kampyle.com/clients/nebula/hrblock/noto-sans/NotoSans-Regular.ttf");
}
@font-face {
    font-family: "Noto Sans Regular";
    src: url("https://assets.kampyle.com/clients/nebula/hrblock/noto-sans/NotoSans-Regular.ttf");
}

/*** Logo ***/

.img-fluid{
    max-width: 160px !important;
}



/*** Edge Labels ***/

neb-rating[min-value="1"][max-value="5"] .neb-rating.rating-label-align .edge-labels{
    max-width: 245px !important;
}

/* rounded corners of form */

#liveForm .kpl_builder {
    border-radius: 6px;
    width: 600px!important;
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.15);
    border: none;
}
body .live-form-content {
    overflow-y: auto;
    height: 100%;
    border-radius: 6px;
    background-color: #fff !important;
}
.neb-content p span {
    color: #000!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    text-align: center !important;
    display: block;
}
neb-rating .neb-rating span {
    outline: none;
     display: flex; 
    justify-content: space-between;
     
}
.neb-spacing neb-rating .neb-rating > form,
.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle {
    display: block;
        height: auto;
}
.fb-form-object.ng-scope:first-child {
    padding-top: 0;
}

/* Close Icon */

.fa-times {
    position: relative;
    margin-top: 20px;
    margin-right: 20px;
    display: block;
    width: 24px;
    height: 34px;
}
.fa-times:before,
.fa-times:after {
    position: absolute;
    content: ' ';
    height: 24px;
    width: 3px;
    background-color: #000;
}
.fa-times:before {
    transform: rotate(45deg);
}
.fa-times:after {
    transform: rotate(-45deg);
}
/*change fonts of form objects*/

#liveForm span {
    font-family: Roboto, "Helvetica Neue", sans-serif !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
{
    margin-right: 6px !important;
}

neb-rating .neb-rating .neb-rating-value {
    display: inline-block;
    width: 39.5px;
    margin-right: 12px !important;
}
#liveForm div > label {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}
#liveForm .kpl_builder .panel-footer .btn {
    font-weight: bold;
    min-width: 137px;
    border-radius: 6px;
    height: 48px;
}
#liveForm .btn,
#liveForm div > label,
#liveForm .neb-select .neb-content.native-arrow select,
#liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder .thankYouPageLogoPreviewText {
    font-family: Roboto, "Helvetica Neue", sans-serif !important;
    color: #000;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 8px!important;
}
#liveForm .kpl_builder .panel-footer .btn.cancel-btn {
    background: #E6ECEF!important;
    color: #000;
}
#liveForm .kpl_builder .panel-footer .form-next-btn {
    background: #111111!important;
}
#liveForm .kpl_builder .panel-footer .btn.submit-btn{
    background: #000 !important;
    color:#fff;
}
.form-control {
    border-radius: 6px!important;
    border: 2px solid #E6ECEF;
}
.neb-spacing neb-rating .neb-rating .edge-labels {
    width: 540px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 22px;
    font-size: 14px;
    margin-top: 0;
    font-weight: 600;
    margin-right: 10px;
}
#liveForm .kpl_builder .pageRepeater .neb-web-component {
    margin-bottom: 30px;
}
#liveForm .neb-component.neb-web-component.neb-label.kplFormHolder {
    margin-bottom: 10px;
}
/* #liveForm .modal-live-form .neb-component.neb-web-component.kplFormHolder {
     margin-bottom: 20px;
}
*/
#liveForm .modal-live-form .neb-component.neb-web-component.neb-label.kplFormHolder {
    margin-bottom: 10px;
    margin-top: 20px;
}
.neb-content md-radio-group div.radio md-radio-button ._md-on {
    background-color: #000!important;
}
#liveForm .kpl_builder input.form-control {
    height: 48px;
    border-radius: 6px!important;
    border: 2px solid #E6ECEF;
}
.neb-content md-radio-group div.radio md-radio-button ._md-off {
    border: 2px solid #111111;
    width: 16px;
    height: 16px;
}
.neb-content md-radio-group div.radio  md-radio-button ._md-on{
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
}
#liveForm .modal-live-form .kpl_builder.neb-spacing md-radio-group div.radio md-radio-button ._md-label {
    margin-left: 24px;
    line-height: 19px;
    margin-top: -7px;
}

.neb-component.neb-web-component.neb-radio.kplFormHolder .neb-content {
    margin-top: 10px;
}

/************************************/

/* Here is all the rating style CSS */

/************************************/


/*** Rating Scale ***/



/* change the font*/

#liveForm .native-display-value-in-rating {
    font-family: Roboto, "Helvetica Neue", sans-serif !important;
    font-size: 14px;
    font-weight: bold;
}

/* iPad/iPad Pro */
@media only screen and (min-width: 768px) and (max-width: 768px){
    .kpl-live-mobile.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle label.rating-label{
        line-height: 24px !important;
    }
     .kpl-live-mobile.neb-spacing neb-rating .neb-rating .edge-labels{
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px){
    .kpl-live-mobile.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle label.rating-label{
        line-height: 24px !important;
    }
    .kpl-live-mobile.neb-spacing neb-rating .neb-rating .edge-labels{
        margin-right: 0px;
    }
}

.neb-rating-html-implementation neb-rating .neb-rating.numbers label.rating-label,
.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle label.rating-label {
    background-color: #fff;
    color: #000;
    align-items: center;
    border: 2px solid #000;
    line-height: 29px!important;
    width: 38px!important;
    height: 38px!important;
}
/********************************/

/* adjustment for Square buttons*/

/********************************/

/* the following adjusts the size of the buttons and any gaps between them*/

.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.neb-rating-seventh-size,
.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus.neb-rating-seventh-size {
    width: 8.7%;
    margin-right: 1px !important;
    /* make this -1px if you want the boxes with no gaps*/
}
.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.neb-rating-seventh-size label.rating-label,
.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus.neb-rating-seventh-size label.rating-label {
    height: 29px;
    /*height of box - NOTE: you will need to adjust the text if you change this*/
    width: 29px;
    /* width of box*/
}
.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.neb-rating-seventh-size label.rating-label .native-display-value-in-rating,
.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus.neb-rating-seventh-size label.rating-label .native-display-value-in-rating {
    padding-top: 3px;
}
/* adjust top padding to move the text down if you adjusted height of box */

/* change colour of square rating */

/* set border-radius & color */

.neb-rating-html-implementation neb-rating .neb-rating.numbersSquare .neb-rating-value label.rating-label {
    border-radius: 0px;
    /* adjust how square you want the box. 0px is perfect square, 100px is a circle */
    border: solid 2px #2ca6ac;
    color: #2ca6ac;
    /* colour of the numbers */
    background-color: white;
}
/* set colour for ON */

.neb-rating-html-implementation neb-rating .neb-rating.numbersSquare .neb-rating-value label.rating-label.on {
/*     background: #2ca6ac !important; */
}
/* set colour for hover */

.neb-rating-html-implementation neb-rating .neb-rating.numbersSquare .neb-rating-value label.rating-label.hover {
/*     background: #d4d4d4 !important; */
}
/* set colour of of each border (bottom,left, top, right) for selected(accumulative) or during selection(singleselect) and very last attribute is background colour*/

.neb-rating-html-implementation neb-rating .neb-rating.numbersSquare .neb-rating-value label.rating-label.selected {
    background: -webkit-linear-gradient(90deg, #2CA6AC 6%, transparent 0%), linear-gradient(90deg, #2CA6AC 6%, transparent 0%), linear-gradient(180deg, #2CA6AC 6%, transparent 0%), linear-gradient(270deg, #2CA6AC 6%, transparent 0%), #2CA6AC;
}
/* Mobile ratings */

.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value.on-focus {
    margin: 0 -1px 6px 0 !important;
    padding: 0;
}
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value label.rating-label,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus label.rating-label,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value label.rating-label,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value.on-focus label.rating-label {
    height: 33px;
    width: 33px;
    border-radius: 50%;
}
/* uncomment the border radius if you want rounded corners or circle. If you want circles you will need to play with the height*/

.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value label.rating-label .native-display-value-in-rating,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus label.rating-label .native-display-value-in-rating,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value label.rating-label .native-display-value-in-rating,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value.on-focus label.rating-label .native-display-value-in-rating {
    padding-top: 4px;
}
/* if you are using circles and want to force it on mobile, you will need to adjust padding and add !important*/

@media screen and (min-width: 306px) and (max-width: 360px) {
    .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value,
    .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus {
        width: 9.4%;
    }
    .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value,
    .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value.on-focus {
        width: 9.5%;
    }
}
/**********************************/

/*change colour of circle ratings */

/**********************************/
.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.neb-rating-eighth-size:last-of-type, .neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus.neb-rating-eighth-size:last-of-type{
    width: 39.5px !important;
}

.neb-form-wcag neb-rating .neb-rating.numbersCircle .neb-rating-value.on-focus, .neb-form-wcag neb-rating .neb-rating.numbers .neb-rating-value.on-focus, .neb-form-wcag neb-rating .neb-rating.emoticons .neb-rating-value.on-focus, .neb-form-wcag neb-rating .neb-rating.smilies .neb-rating-value.on-focus{
    width: 43px !important;
    height: 43px !important;
    padding: 1px !important;
}

/* background, border color of all SELECTED */

.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle .neb-rating-value label.rating-label.selected,.neb-rating-html-implementation neb-rating .neb-rating.numbers .neb-rating-value label.rating-label.selected {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    line-height: 32px !important;
}

.neb-rating-html-implementation neb-rating:not(.grading) .neb-rating.numbersCircle .neb-rating-value label.rating-label.selected,.neb-rating-html-implementation neb-rating:not(.grading) .neb-rating.numbers .neb-rating-value label.rating-label.selected {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    line-height: 32px !important;
}

/* background-color of all HOVER */


.neb-rating-html-implementation.neb-website-form neb-rating .neb-rating.wcag-rating-contrast.numbers .neb-rating-value label.rating-label.hover, .neb-rating-html-implementation.neb-website-form neb-rating .neb-rating.wcag-rating-contrast.numbersCircle .neb-rating-value label.rating-label.hover, .neb-rating-html-implementation.neb-website-form neb-rating .neb-rating.wcag-rating-contrast.numbersSquare .neb-rating-value label.rating-label.hover{
    color: #fff !important;
    background: #000 !important;
    border: 2px solid #090909 !important;
}



/*** ON STATE ***/

.neb-rating-html-implementation.neb-website-form neb-rating .neb-rating.wcag-rating-contrast.numbers .neb-rating-value label.rating-label.on, .neb-rating-html-implementation.neb-website-form neb-rating .neb-rating.wcag-rating-contrast.numbersCircle .neb-rating-value label.rating-label.on, .neb-rating-html-implementation.neb-website-form neb-rating .neb-rating.wcag-rating-contrast.numbersSquare .neb-rating-value label.rating-label.on{
    background-color: #000 !important;
    color: #ffffff !important;
    border: 2px solid #E6ECEF !important;
}

.neb-rating-html-implementation neb-rating:not(.grading) .neb-rating.numbersCircle .neb-rating-value label.rating-label.on,.neb-rating-html-implementation neb-rating:not(.grading) .neb-rating.numbers .neb-rating-value label.rating-label.on {
    background-color: #000 !important;
    color: #ffffff !important;
    border: 2px solid #E6ECEF !important;
}


html .neb-rating-html-implementation .neb-rating.numbersCircle:not(.grading) .neb-rating-value.on-focus label.rating-label.selected,
html .neb-rating-html-implementation .neb-rating.numbersCircle .neb-rating-value.on-focus label.rating-label.selected.hover,
html .neb-rating-html-implementation .neb-rating.numbers:not(.grading) .neb-rating-value.on-focus label.rating-label.selected{
/*     color: #fff !important; */
}
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value,
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="1"][max-value="10"] .neb-rating .neb-rating-value.on-focus {
    /* margin: 0 1px 6px 0 !important; */
    /*second attribute increases the gap between the circles*/
    padding: 0;
}

/**********************************/

/*change colour of general circle ratings */

/**********************************/

.neb-rating-html-implementation neb-rating .neb-rating.numbers label.rating-label.on,
.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle label.rating-label.on {
    background: #000 !important;
    color: #FFFFFF !important;
}
.neb-rating-html-implementation neb-rating .neb-rating.numbers label.rating-label.hover,
.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle label.rating-label.hover {
    background: #fff !important;
    color: #000 !important;
    border: 2px solid #090909 !important;
}
.neb-rating-html-implementation neb-rating .neb-rating.numbers label.rating-label.selected,
.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle label.rating-label.selected {
    color: #FFFFFF !important;
    background: #000000 !important;
    border: 2px solid #090909 !important;
}

#thankYouPageText p {
    font-size: 32px;
    text-align: center!important;
    font-weight: bold;
    line-height: 35px;
    margin-top: 30px;
}
#liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder .thankYouPageLogoPreviewImage {
    margin-top: 0!important;
}
 #liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder{
    padding-top: 10px!important;
 }
 
#liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder .btn-close-wrapper .btn {
    margin: 0 auto;
    min-width: 132px;
    height: 48px;
    color: #000!important;
    font-weight: bold;
    font-size: 14px;
}

#liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder .btn-close-wrapper {
    margin-bottom: 0;
}
/* Disclaimer text */
.disclaimer .neb-content p span span span{
    text-align: left;
}

.neb-content p span span span {
    text-align: center;
}
.neb-content p span span span strong,
.neb-content p strong span span{
    font-size: 32px;
    font-weight: bolder !important;
}
#liveForm strong span {
    font-weight: normal;
    text-align: center;
    margin-bottom: 35px;
    margin-top: -12px;
}

#liveForm .kpl_builder.neb-spacing .pageRepeater .neb-component.neb-web-component.neb-nps.kplFormHolder  label.control-label,#liveForm .kpl_builder.neb-spacing .pageRepeater .neb-component.neb-web-component.neb-textArea.kplFormHolder label.control-label {
font-size:16px;
font-weight:bold;
}

#liveForm .kpl_builder .live-form-content .neb-select select.placeHolderColor,
#liveForm .kpl_builder.neb-spacing .neb-select select,
#liveForm .kpl_builder.neb-spacing md-radio-group div.radio md-radio-button ._md-label{
    font-weight: bold;
}


#liveForm .kpl_builder.neb-spacing .pageRepeater .neb-component.neb-web-component.neb-grading.kplFormHolder  label.control-label{color: #000 !important;font-size:16px;font-weight: bold;}

#liveForm .kpl_builder.neb-spacing .pageRepeater .neb-component.neb-web-component.kplFormHolder  label.control-label{
font-size:16px;
font-weight:bold;
}

input,textarea{
    font-family: Roboto,"Helvetica Neue",sans-serif !important;
}

.neb-content p span strong span {
    font-size: 14px;
}
 
#liveForm .kpl_builder.neb-spacing .pageRepeater div div:first-child .neb-component.neb-web-component.neb-label.kplFormHolder p span strong {
  font-size:32px;
}
#liveForm .kpl_builder.neb-spacing .pageRepeater div div:first-child .neb-component.neb-web-component.neb-label.EmbeddedIntro.kplFormHolder p span span{
    line-height: 1.2;
}

#liveForm .kpl_builder.neb-spacing.kpl-live-mobile .pageRepeater div div:first-child .neb-component.neb-web-component.neb-label.EmbeddedIntro.kplFormHolder p span span{
    line-height: 1;
}



#liveForm .kpl_builder.neb-spacing .pageRepeater div div:first-child .neb-component.neb-web-component.neb-label.kplFormHolder p span{
    text-align:center;
}

#liveForm .kpl_builder.dig-embedded-live.neb-spacing .pageRepeater div div:first-child .neb-component.neb-web-component.neb-label.kplFormHolder p span{
    text-align: left ;
}

#liveForm .kpl_builder.dig-embedded-live .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p{
  line-height: 10px;
}
#liveForm .kpl_builder.dig-embedded-live .kpl-thank-you .kpl-thankYouHolder.no-powered-by .thankYouPageLogoPreviewText p:not(:first-child){
  margin-top: 10px;
}


#liveForm .modal-live-form .neb-radio.kplFormHolder label.control-label{
    font-weight:normal;
}
 

textarea.form-control{
    min-height:120px;
}

#liveForm .kpl_builder.neb-spacing md-radio-group div.radio md-radio-button ._md-label {
    margin-left: 23px;
    line-height: 19px;
    margin-top: -3px;
}

 
@media (max-width: 600px) {
    #liveForm .kpl_builder {
        width: 100%!important;
    }

    .neb-content p span {
        font-size: 14px;
        line-height: normal;
    }
    .neb-form-close-btn .fa-times {
        margin-top: 50px;
    }
    .neb-spacing neb-rating .neb-rating .edge-labels {
        margin-top: 12px;
    }
    #liveForm .kpl_builder .pageRepeater .neb-web-component {
        margin-bottom: 25px;
    }
    #liveForm .kpl_builder.neb-spacing .pageRepeater .neb-component.neb-web-component.neb-nps.kplFormHolder label.control-label, #liveForm .kpl_builder.neb-spacing .pageRepeater .neb-component.neb-web-component.neb-textArea.kplFormHolder label.control-label {
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 12px!important;
}
    #liveForm div > label {
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
    }
    neb-rating .neb-rating .neb-rating-value {
        margin-top: 2px;
        width: 27.5px;
    }
    #liveForm strong span{
        margin-top:0;
    }
    #liveForm .kpl_builder.neb-spacing .pageRepeater div div:first-child .neb-component.neb-web-component.neb-label.kplFormHolder p span strong,.neb-content p span span span strong {
    font-size: 28px;
}
#thankYouPageText p{
        line-height: 32px;
            font-size: 28px;
}
#liveForm .modal-live-form .neb-radio.kplFormHolder label.control-label {
    font-weight: normal;
    text-align: center!important;
}

.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value, .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus{
margin-right: 14px !important;
}

neb-rating .neb-rating span{
display:block;
}



/* Mobile view changes */
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value{
        width: 8.8% !important;
}
.kpl-live-mobile.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle label.rating-label{
    height: 30px !important;
    width: 30px !important;
    line-height: 17px !important;
}
.kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value, .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus{
    margin-right: 0px !important;
}

.kpl-live-mobile.neb-spacing neb-rating .neb-rating .edge-labels{
    margin-top: 2px;
}

/* Moto G4 and Nexus 6P */
@media only screen and (min-width: 360px) and (max-width: 412px){
    .kpl-live-mobile.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle label.rating-label{
        height: 29px !important;
        width: 29px !important;
        line-height: 16px !important;
    }
    .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value, .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus{
        margin-right: 1px !important;
    }
    .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value{
        width: 8.7% !important;
    }
    .kpl-live-mobile.neb-spacing neb-rating .neb-rating .edge-labels{
        margin-right: 3px;
    }

}

/* iPhone 5/SE */
@media only screen and (min-width: 320px) and (max-width: 330px){
    .kpl-live-mobile.neb-rating-html-implementation neb-rating .neb-rating.numbersCircle label.rating-label{
        height: 26px !important;
        width: 26px !important;
        line-height: 13.5px !important;
    }
    .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value, .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value.on-focus{
        margin-right: 1px !important;
    }
    .kpl-live-mobile.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value{
        width: 8.7% !important;
    }
    #liveForm .kpl_builder .panel-footer .btn{
/*         min-width: 140px; */
    }
    #liveForm .kpl_builder .panel-footer .btn{
        min-width: 125px;
    }

}

/* Introtext spacing */
#liveForm .kpl_builder.dig-embedded-live.neb-spacing .pageRepeater div div:first-child .neb-component.neb-web-component.neb-label.EmbeddedIntro.kplFormHolder p span{
    /* margin-bottom: -10px !important; */
}


/*** Edge Labels ***/
neb-rating .neb-rating .edge-labels{
/*     width: 300px !important; */
    position:fixed !important;
}