// toDO:add more variables @font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;.feedbackTool{height:4em}
#feedbackToolContainer{display:block;z-index:1020;background-color:rgba(0,0,0,.2);height:auto;margin:0;box-shadow:2px 2px 24px -6px rgba(90,90,90,0.5);position:fixed;bottom:0;right:2em;.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fbc-header{margin:0;color:white;font-family:@font-family;line-height:1;font-weight:200;background-color:@brand-primary;cursor:pointer;font-size:11px;padding:.6em;height:2.6em;padding-left:2em;.fbc-title{display:inline-block;vertical-align:middle;margin:0;padding:0;font-size:14px;line-height:1;font-weight:200}
.fbc-icon{display:inline-block;vertical-align:middle;margin-right:.5em;padding:0;height:100%}
.fbc-close{display:inline-block;vertical-align:middle;float:right;margin:0;padding:0;height:100%;cursor:pointer;background-color:transparent;border-color:transparent;color:white;font-family:@font-family;font-size:21px;line-height:1;font-weight:200;visibility:hidden}
&:hover{background-color:@brand-dark-blue}
}
.fbc-body{padding:1em;background-color:white;border-left:solid 1px @gray-light;color:@gray-darker;display:none;.fbc-question{padding:0;margin-top:0;margin-bottom:0;text-align:center;color:@gray-darker;font-family:@font-family;font-size:16px;line-height:1.25;font-weight:normal}
.fbc-checkboxes{margin-top:.5em;padding-left:1em;margin-bottom:1em;text-align:center;&-yes{display:inline-block;width:70px;height:30px;margin-right:20px;padding:0;text-align:left;input{display:none;margin:0;padding:0;border:0;outline:0;-moz-user-select:none}
label{box-sizing:border-box;display:inline-block;vertical-align:middle;margin:0;padding:0;background-color:transparent;background-image:url('supportLibs/resources/images/support/yes-no-sprite.png');background-repeat:no-repeat;background-position:right top;text-align:left;cursor:pointer;width:31px;height:30px;border:solid 1px white;&.fbt-checked{background-position:left top}
span{display:inline-block;margin:0 0 0 35px;padding:0;vertical-align:text-middle;text-align:left;text-transform:uppercase;color:@gray-darker;font-family:@font-family;font-size:16px;line-height:28px;font-weight:normal;height:28px;&:hover{color:@gray-dark}
}
}
}
&-no{display:inline-block;width:70px;height:30px;margin:0;padding:0;text-align:left;input{display:none;margin:0;padding:0;border:0;outline:0;-moz-user-select:none}
label{box-sizing:border-box;display:inline-block;vertical-align:middle;margin:0;padding:0;background-color:transparent;background-image:url('supportLibs/resources/images/support/yes-no-sprite.png');background-repeat:no-repeat;background-position:right top;text-align:left;cursor:pointer;width:31px;height:30px;border:solid 1px white;&.fbt-checked{background-position:left top}
span{display:inline-block;margin:0 0 0 35px;padding:0;vertical-align:text-middle;text-align:left;text-transform:uppercase;color:@gray-darker;font-family:@font-family;font-size:16px;line-height:28px;font-weight:normal;height:28px;&:hover{color:@gray-dark}
}
}
}
}
#yesno-error{color:@brand-danger}
.fbc-comments{margin-bottom:1em;textarea{display:block;width:100%;height:auto;min-height:8.35em;max-height:15em;overflow:hidden;margin:0;padding:.5em;background-color:@gray-lightest;border:1px solid @gray-lightest;outline:0;color:@gray-darker;font-family:@font-family;font-size:16px;line-height:1.25;font-weight:normal;resize:none;&::-webkit-input-placeholder{color:@gray-darker}
&:-moz-placeholder{color:@gray-darker}
&::-moz-placeholder{color:@gray-darker}
&:-ms-input-placeholder{color:@gray-darker}
&::placeholder{color:@gray-darker}
}
.fbc-character-count{padding:0;margin-top:0;margin-bottom:1em;color:@gray;font-family:@font-family;font-size:12px;line-height:1.25;font-weight:normal}
}
.fbc-submit{text-align:center;button{margin-top:1em;margin-bottom:1em;padding:.25em 4em;border:0;border-radius:3px;cursor:pointer;background-color:@brand-primary;color:white;font-family:@font-family;font-size:16px;line-height:1.25;font-weight:normal;&:hover{background-color:@brand-dark-blue}
}
}
}
&.fbc-open{.fbc-header{padding-right:1em;padding-left:1em;font-size:16px}
.fbc-body{display:block}
.fbc-close{visibility:visible}
}
@media screen and (max-width:@screen-sm){width:100%;right:0;text-align:center}
}
.rwd .feedbackTool{height:4em}
.rwd #feedbackToolContainer{display:block;z-index:1020;background-color:rgba(0,0,0,0.2);height:auto;margin:0;box-shadow:2px 2px 24px -6px rgba(90,90,90,0.5);position:fixed;bottom:0;right:2em}
.rwd #feedbackToolContainer .noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.rwd #feedbackToolContainer .fbc-header{margin:0;color:white;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;line-height:1;font-weight:200;background-color:#0071c5;cursor:pointer;font-size:11px;padding:.6em;height:2.6em;padding-left:2em}
.rwd #feedbackToolContainer .fbc-header .fbc-title{display:inline-block;vertical-align:middle;margin:0;padding:0;font-size:14px;line-height:1;font-weight:200}
.rwd #feedbackToolContainer .fbc-header .fbc-icon{display:inline-block;vertical-align:middle;margin-right:.5em;padding:0;height:100%}
.rwd #feedbackToolContainer .fbc-header .fbc-close{display:inline-block;vertical-align:middle;float:right;margin:0;padding:0;height:100%;cursor:pointer;background-color:transparent;border-color:transparent;color:white;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:21px;line-height:1;font-weight:200;visibility:hidden}
.rwd #feedbackToolContainer .fbc-header:hover{background-color:#003c71}
.rwd #feedbackToolContainer .fbc-body{padding:1em;background-color:white;border-left:solid 1px #d7d7d7;color:#555;display:none}
.rwd #feedbackToolContainer .fbc-body .fbc-question{padding:0;margin-top:0;margin-bottom:0;text-align:center;color:#555;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:normal}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes{margin-top:.5em;padding-left:1em;margin-bottom:1em;text-align:center}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-yes{display:inline-block;width:70px;height:30px;margin-right:20px;padding:0;text-align:left}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-yes input{display:none;margin:0;padding:0;border:0;outline:0;-moz-user-select:none}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-yes label{box-sizing:border-box;display:inline-block;vertical-align:middle;margin:0;padding:0;background-color:transparent;background-image:url('../supportLibs/resources/images/support/yes-no-sprite.png');background-repeat:no-repeat;background-position:right top;text-align:left;cursor:pointer;width:31px;height:30px;border:solid 1px white}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-yes label.fbt-checked{background-position:left top}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-yes label span{display:inline-block;margin:0 0 0 35px;padding:0;vertical-align:text-middle;text-align:left;text-transform:uppercase;color:#555;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:16px;line-height:28px;font-weight:normal;height:28px}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-yes label span:hover{color:#959595}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-no{display:inline-block;width:70px;height:30px;margin:0;padding:0;text-align:left}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-no input{display:none;margin:0;padding:0;border:0;outline:0;-moz-user-select:none}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-no label{box-sizing:border-box;display:inline-block;vertical-align:middle;margin:0;padding:0;background-color:transparent;background-image:url('../supportLibs/resources/images/support/yes-no-sprite.png');background-repeat:no-repeat;background-position:right top;text-align:left;cursor:pointer;width:31px;height:30px;border:solid 1px white}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-no label.fbt-checked{background-position:left top}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-no label span{display:inline-block;margin:0 0 0 35px;padding:0;vertical-align:text-middle;text-align:left;text-transform:uppercase;color:#555;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:16px;line-height:28px;font-weight:normal;height:28px}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-no label span:hover{color:#959595}
.rwd #feedbackToolContainer .fbc-body #yesno-error{color:#ed1c24}
.rwd #feedbackToolContainer .fbc-body .fbc-comments{margin-bottom:1em}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea{display:block;width:100%;height:auto;min-height:8.35em;max-height:15em;overflow:hidden;margin:0;padding:.5em;background-color:#f3f3f3;border:1px solid #f3f3f3;outline:0;color:#555;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:normal;resize:none}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea::-webkit-input-placeholder{color:#555}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea:-moz-placeholder{color:#555}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea::-moz-placeholder{color:#555}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea:-ms-input-placeholder{color:#555}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea::placeholder{color:#555}
.rwd #feedbackToolContainer .fbc-body .fbc-comments .fbc-character-count{padding:0;margin-top:0;margin-bottom:1em;color:#bbb;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:12px;line-height:1.25;font-weight:normal}
.rwd #feedbackToolContainer .fbc-body .fbc-submit{text-align:center}
.rwd #feedbackToolContainer .fbc-body .fbc-submit button{margin-top:1em;margin-bottom:1em;padding:.25em 4em;border:0;border-radius:3px;cursor:pointer;background-color:#0071c5;color:white;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:16px;line-height:1.25;font-weight:normal}
.rwd #feedbackToolContainer .fbc-body .fbc-submit button:hover{background-color:#003c71}
.rwd #feedbackToolContainer.fbc-open .fbc-header{padding-right:1em;padding-left:1em;font-size:16px}
.rwd #feedbackToolContainer.fbc-open .fbc-body{display:block}
.rwd #feedbackToolContainer.fbc-open .fbc-close{visibility:visible}
@media screen and (max-width:768px){.rwd #feedbackToolContainer{width:100%;right:0;text-align:center}
}