/****
*****
***** CSS file for Twitter
***** Generation Date: 2020-8-18
***** Generator Version: 2.1
***** 
***** CSS file generated by Etech Digital CSS Generator,
***** Please reach out to etech-digital@medallia.com for any further changes
*****
****/
/*-----------------------------------------------------------------------------------*/
/********************************/
/*Font Declaration*/
/********************************/
/*Defining the font URL's*/
@font-face {
    font-family: font1;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.twitter.com/helvetica_neue/1a14dcac-7c9e-471c-8039-33c730f871f2.woff2);
}
@font-face {
    font-family: font1;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.twitter.com/helvetica_neue/d9122e8d-bf26-4f1c-bab9-c06599397b59.woff2);
}

/*-----------------------------------------------------------------------------------*/
/********************************/
/* General Form Settings */
/********************************/
#liveForm label.control-label.commonLabel {
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
    color: #14171A !important;
    font-size: 16px !important;
}
.neb-content md-radio-group div.radio md-radio-button ._md-label {
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    color: #14171A !important;
}
input, input::placeholder,textarea, textarea::placeholder {
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
    color: #14171A !important;
}
.neb-content md-checkbox ._md-label {
    color: #14171A !important;
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}
#liveForm .kpl_builder .live-form-content .neb-select select {
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}
.edge-labels span {
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
    color: #666666;
}
.neb-website-grading0to10 neb-rating .neb-rating:not(.stars) .neb-rating-value label.rating-label {
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}
.neb-website-grading1to10 neb-rating .neb-rating:not(.stars) .neb-rating-value label.rating-label {
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}
.neb-website-nps neb-rating[min-value="0"][max-value="10"] .neb-rating label.rating-label {
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}
.neb-spacing neb-rating .neb-rating .edge-labels {
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
    width: 97%;
}
 .btn.cancel-btn.form-close-btn,.btn.form-next-btn,.btn.back-btn,.btn.submit-btn,button.btn.thankYouPageButtonPreview.ng-binding,#liveForm .kpl_builder .kpl-thank-you .kpl-thankYouHolder .thankYouPageLogoPreviewText {
  font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
} 

/*-----------------------------------------------------------------------------------*\
/********************************\
/*Close button "X"  modification*\
/********************************\
/*"X" Color*/
.fa-remove:before, .fa-close:before, .fa-times:before{
    color: #AAB8C2 !important;
    content: "\00d7";
}
.font-size-20{
    font-size: 25px;
}
/*Settings the position of "X"*/
button.neb-form-close-btn{
    position: relative;
    top: 49px !important;
    z-index: 999;
    right: 25px;
}
/*-----------------------------------------------------------------------------------*/
/********************************/
/* adjustment for RatingScale 0to10*/
/********************************/
.neb-website-grading0to10 neb-rating .neb-rating:not(.stars) .neb-rating-value label.rating-label:not(.hover):not(.on):not(.selected){
    color: #657786 !important;
}
.neb-website-grading0to10 neb-rating .neb-rating:not(.stars) .neb-rating-value label.rating-label{
    border: 1px solid #CCD6DD !important;
    background: #FFFFFF !important;
    font-size: 16px;
}
.neb-rating-html-implementation .neb-website-grading0to10 neb-rating:not(.stars) .neb-rating .neb-rating-value label.rating-label.on{
    background: #3F88DE !important; /*grad010OnColor*/
    border: 1px solid #1DA1F2 !important;
}
.neb-rating-html-implementation .neb-website-grading0to10 neb-rating:not(.stars) .neb-rating .neb-rating-value label.rating-label.hover{
    background: #226EC8 !important; /*grad010HoverColor*/
    border: 1px solid #1DA1F2 !important;
}
.neb-rating-html-implementation .neb-website-grading0to10 neb-rating:not(.stars) .neb-rating .neb-rating-value label.rating-label.selected{
    background: #3F88DE !important; /*grad010SelectedColor*/
    border: 1px solid #1DA1F2 !important;
}
/*-----------------------------------------------------------------------------------*/
/********************************/
/* Radio Buttons and Checkboxes */
/********************************/
/*Adjusts size and colour of radiobox text*/
.neb-content md-radio-group div.radio md-radio-button ._md-label{
}
/*Adjusts size and colour of checkbox text*/
.neb-content md-checkbox ._md-label {
}
/*Radiobox On Colour*/
#liveForm .neb-content md-radio-group div.radio md-radio-button ._md-on {
    background-color: #3F88DE !important;
}
/*Radiobox Off Colour*/
#liveForm .neb-content md-radio-group div.radio md-radio-button ._md-off {
    border: 1px solid #CCD6DD;
}
#liveForm .neb-content md-radio-group div.radio md-radio-button.md-checked ._md-off{
    border: 1px solid #CCD6DD;
}
.neb-content md-checkbox ._md-icon{
}
/*Checkbox On Colour*/
#liveForm .neb-content .md-checked ._md-icon {
}
/*Checkbox Off Colour*/
#liveForm .kpl_builder.neb-form-wcag md-checkbox ._md-icon{
}
/*Adjusting the properties of DropDown*/
#liveForm .kpl_builder.neb-form-wcag .neb-select .neb-website-select select{
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
/*-----------------------------------------------------------------------------------*/
/********************************/
/* Form Buttons */
/********************************/
.btn.cancel-btn.form-close-btn{
    border-radius: 16px;
    border: 1px solid #CCD6DD;
}
.btn.form-next-btn{
    border-radius: 16px;
}
.btn.back-btn{
    border-radius: 16px;
} 
.btn.submit-btn{
    border-radius: 16px;
}
button.btn.thankYouPageButtonPreview.ng-binding {
    border-radius: 4px;
}


/* Curve Edges for the form */
#liveForm .kpl_builder{
    border-radius: 12px;
}

/* border top for the footer section */
.panel-footer-web{
    border-top: 1px solid #E6ECF0;
    padding-top: 25px;
    padding-bottom: 25px;
}

/********************************/
/* Dropdown Placeholder */
/********************************/
#liveForm .kpl_builder .modal-live-form .pageRepeater .neb-select option:first-child{
    display: inherit;
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}
#liveForm .kpl_builder.neb-form-wcag .neb-select select{
    border-color: #CCD6DD !important;
    color: #14171A !important;
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}

#liveForm .kpl_builder .live-form-content .neb-select select.placeHolderColor{
    color: #657786 !important;
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}

select{
    border: 1px solid #CCD6DD !important;
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}
/********************************/
/* Remove M branding */
/********************************/
#liveForm .kpl_builder.neb-spacing .panel-footer .kpl-form-footer{
    display: none;
}

/* Textarea */
textarea{
    border: 1px solid #CCD6DD !important;
    color:#14171A !important;
    font-size: 16px !important;
}

/* Header changes */
.neb-label.header{
    border-bottom: 1px solid #E6ECF0;
}
.neb-label .neb-content p p span span{
    font-family: font1, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
#liveForm .kpl_builder.neb-spacing.neb-form-wcag textarea.form-control{
    border-radius: 4px !important;
}

/* Mobile View Changes */
.kpl-live-mobile.neb-rating-html-implementation neb-rating.grading .neb-rating.numbersCircle .neb-rating-value label.rating-label{
    border-radius: 50% !important;
}

.neb-rating-html-implementation neb-rating[min-value="0"][max-value="10"] .neb-rating .neb-rating-value:not(.neb-rating-eighth-size){
    width: 8.7% !important;
}

/* iPad and iPad Pro */
@media only screen and (min-width: 768px) and (max-width: 768px){
    .neb-spacing neb-rating .neb-rating .edge-labels{
        width: 59%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px){
    .neb-spacing neb-rating .neb-rating .edge-labels{
        width: 44%;
    }
}



/* Embedded Form changes */
.article-helpful-embedded md-radio-button[value="1"] ._md-container,
.article-helpful-embedded md-radio-button[value="2"] ._md-container{
    visibility: hidden;
}

.article-helpful-embedded md-radio-button[value="1"] ._md-label,
.article-helpful-embedded md-radio-button[value="2"] ._md-label{
    width: 60px;
    height: 40px;
    line-height: unset !important;
    background: #fff;
    visibility: hidden;
}

.article-helpful-embedded md-radio-button[value="1"] ._md-label{
    margin-left: 0% !important;
}

.article-helpful-embedded md-radio-button[value="1"] ._md-label:after{
    content: url('/medallia/2.34.3_20201113210924/wdcusprem/16718/resource-library/image/1597932287803_Smiley_Yes.png') !important; 
    padding-left: 7px;
    visibility: visible;
    position: relative;
    top: -20px;
    right: 5px;
}

.article-helpful-embedded md-radio-button[value="2"] ._md-label:after{
    font-size: 25px !important;
    content: url('/medallia/2.34.3_20201113210924/wdcusprem/16718/resource-library/image/1597932282359_Smiley_No.png') !important;
    padding-left: 7px;
    visibility: visible;
    position: relative !important;
    top: -20px;
    right: 16px;
}

.article-helpful-embedded md-radio-button[value="1"].md-checked ._md-label:after{
    content: url('/medallia/2.34.3_20201113210924/wdcusprem/16718/resource-library/image/1597932264990_SmileyYes_Selected.png') !important;
}

.article-helpful-embedded md-radio-button[value="2"].md-checked ._md-label:after{
    content: url('/medallia/2.34.3_20201113210924/wdcusprem/16718/resource-library/image/1597932270365_SmileyNo_Selected.png') !important;
}

/* Removing extra space between 1st two questions */
.dig-embedded-live .article-helpful-embedded .checkbox-inline,
.dig-embedded-live .article-helpful-embedded .checkbox-inline + .checkbox-inline{
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}


.dig-embedded-live .panel-footer-web{
    border: none;
    padding: unset;
    padding-bottom: unset;
}

/* Removinf Close button for Embedded form */
#liveForm .kpl_builder.dig-embedded-live .panel-footer .btn.cancel-btn{
    display: none;
}

/* Submit Buttons on the left for EMbedded form */
.dig-embedded-live .pull-right{
    float: left !important;
}
.kpl_builder.dig-embedded-live .panel-footer .neb-form-footer-buttons{
    padding-left: unset;
}

#liveForm .kpl_builder.neb-spacing.dig-embedded-live .fb-form-object.ng-scope:last-child{
    padding-bottom: 0px;
}


/* Thank You Page */
.dig-embedded-live #thankYouPageText{
    display: inline-block;
    float:right;
    width: 100%;
}
.dig-embedded-live #thankYouPageText:before{
    margin-top: -1.5% !important;
    display: inline-block;
    position: absolute;
    width: 38px;
    content: ' ';
    background: url('/medallia/2.34.3_20201113210924/wdcusprem/16718/resource-library/image/1597932259598_Smiling.png');
    left: 0;
    height: 36px;
    background-repeat: no-repeat;
}

/* 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;
}

/* disable outline on focus */
#liveForm .kpl_builder.neb-form-wcag *:focus {
  outline: none !important;
}

/* remove left spacing to align the form
  with the rest of the article content */
#liveForm .kpl_builder.dig-embedded-live .pageRepeater .neb-web-component {
  padding-left: 0px;
}

/* update header font styles */
#liveForm .article-helpful-embedded label:first-child {
    font-weight: 700;
    font-size: 24px !important;
}