// 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{@media(max-width:992px){position:fixed !important}
}
#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:absolute;bottom:0;right:auto;.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:@font-weight-light;border:solid 1px transparent;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:@font-weight-light}
.fbc-icon{display:inline-block;vertical-align:middle;margin-right:.5em;padding:0;width:20px;height:16px}
.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:18px;line-height:1;font-weight:@font-weight-light;visibility:hidden}
.fbc-title-btn{display:inline-block;vertical-align:middle;float:left;margin:0;padding:0;height:100%;cursor:pointer;background-color:transparent;border-color:transparent;color:white;font-family:@font-family;line-height:1;font-weight:@font-weight-light;width:100%;text-align:left}
&:hover{background-color:@brand-dark-blue}
}
.fbc-body{padding:1em;background-color:white;border-left:solid 1px @gray-light;border-right: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:.9375em;line-height:1.25;font-weight:@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{.sr-only;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-repeat:no-repeat;background-position:right top;text-align:left;cursor:pointer;width:21px;height:20px;border:solid 2px @dark-grey;span{display:inline-block;margin:0 0 0 25px;padding:0;vertical-align:text-middle;text-align:left;color:@gray-darker;font-family:@font-family;font-size:15px;line-height:15.5px;font-weight:@font-weight-normal;height:28px;&:hover{color:@gray-dark}
}
}
#yesno-yes-label::after{background:transparent;border:solid;border-color:currentColor;border-top-color:transparent;border-width:0 0 2px 2px;content:"";height:6px;margin-left:3px;opacity:0;position:absolute;margin-top:-24.5px;transform:rotate(-45deg);width:10px;color:#018a01;display:run-in}
}
&-no{display:inline-block;width:70px;height:30px;margin:0;padding:0;text-align:left;input{.sr-only;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-repeat:no-repeat;background-position:right top;text-align:left;cursor:pointer;width:21px;height:20px;border:solid 2px @dark-grey;span{display:inline-block;margin:0 0 0 25px;padding:0;vertical-align:text-middle;text-align:left;color:@gray-darker;font-family:@font-family;font-size:15px;line-height:15.5px;font-weight:@font-weight-normal;height:28px;&:hover{color:@gray-dark}
}
}
#yesno-no-label::after{background:transparent;border:solid;border-color:currentColor;border-top-color:transparent;border-width:0 0 2px 2px;content:"";height:6px;margin-left:3px;opacity:0;position:absolute;margin-top:-24.5px;transform:rotate(-45deg);width:10px;color:#018a01;display:run-in}
}
}
#yesno-error{color:#c00;font-size:.9375em;font-weight:@font-weight-bold}
#yesno-yes-block input:focus+#yesno-yes-label{outline:solid 2px}
#yesno-yes-block .fbt-checked::after{opacity:1}
#yesno-no-block .fbt-checked::after{opacity:1}
#yesno-no-block input:focus+#yesno-no-label{outline:solid 2px}
#yesno-comment{&:focus{outline:solid 1px}
}
.fbc_comments_label{font-size:.9375em;font-weight:@font-weight-normal}
.fbc-comments{margin-bottom:1em;textarea{display:block;width:100%;height:auto;min-height:8.35em;max-height:15em;overflow:auto;margin:0;padding:.5em;background-color:@gray-lightest;border:1px solid #949494;color:@gray-darker;font-family:@font-family;font-size:1em;line-height:1.25;font-weight:@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-darker;font-family:@font-family;font-size:12px;line-height:1.25;font-weight:@font-weight-normal}
}
.fbc-submit{text-align:center;button{margin-top:1em;margin-bottom:1em;padding:.25em 4em;border:solid 1px transparent;border-radius:3px;cursor:pointer;background-color:@brand-primary;color:white;font-family:@font-family;font-size:16px;line-height:1.25;font-weight:@font-weight-normal;&:hover{background-color:@brand-dark-blue}
}
}
}
&.fbc-open{.fbc-header{padding-right:1em;padding-left:1em;font-size:16px}
.fbc-title{width:90%}
.fbc-body{display:block}
.fbc-title-label{vertical-align:middle}
.fbc-close{visibility:visible}
.fbc-icon{width:27px;height:20px}
}
@media screen and (max-width:@screen-sm){width:100%;right:0;text-align:center}
.feedbackmodal{display:inline-block;position:absolute;z-index:-1;padding-top:140px;width:100%;height:100%;overflow:auto;left:0;top:0;background-color:rgba(0,0,0,0.4);border:1px solid transparent}
.feeedbackmodal-content{background-color:#fefefe;margin:auto;padding:0 0 25px 0;border:1px solid transparent;width:80%;text-align:left}
.fbc-feedbackheader{margin:-1px;color:white;font-family:@font-family;line-height:1;font-weight:@font-weight-light;border:solid 1px transparent;background-color:@brand-primary;cursor:pointer;font-size:12px;padding:2px;height:2em}
.feedbackmessage{text-align:center;font-size:14px;padding-top:10px;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif}
.fbc-submitok{text-align:center;button{padding:.25em 1.6em;border:solid 1px transparent;border-radius:3px;margin-right:3px;cursor:pointer;background-color:@brand-primary;color:white;font-family:@font-family;font-size:14px;line-height:1.25;font-weight:@font-weight-normal;&:hover{background-color:@brand-dark-blue}
}
}
}
.rwd .feedbackTool{height:4em}
@media(max-width:992px){.rwd #feedbackToolContainer{position:fixed !important}
}
.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:absolute;bottom:0;right:auto}
.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:300;border:solid 1px transparent;background-color:#0068b5;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:300}
.rwd #feedbackToolContainer .fbc-header .fbc-icon{display:inline-block;vertical-align:middle;margin-right:.5em;padding:0;width:20px;height:16px}
.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:18px;line-height:1;font-weight:300;visibility:hidden}
.rwd #feedbackToolContainer .fbc-header .fbc-title-btn{display:inline-block;vertical-align:middle;float:left;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;line-height:1;font-weight:300;width:100%;text-align:left}
.rwd #feedbackToolContainer .fbc-header:hover{background-color:#003c71}
.rwd #feedbackToolContainer .fbc-body{padding:1em;background-color:white;border-left:solid 1px #d7d7d7;border-right:solid 1px #d7d7d7;color:#262626;display:none}
.rwd #feedbackToolContainer .fbc-body .fbc-question{padding:0;margin-top:0;margin-bottom:0;text-align:center;color:#262626;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:.9375em;line-height:1.25;font-weight:400}
.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{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;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-repeat:no-repeat;background-position:right top;text-align:left;cursor:pointer;width:21px;height:20px;border:solid 2px #959595}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-yes label span{display:inline-block;margin:0 0 0 25px;padding:0;vertical-align:text-middle;text-align:left;color:#262626;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:15px;line-height:15.5px;font-weight:400;height:28px}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-yes label span:hover{color:#959595}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-yes #yesno-yes-label::after{background:transparent;border:solid;border-color:currentColor;border-top-color:transparent;border-width:0 0 2px 2px;content:"";height:6px;margin-left:3px;opacity:0;position:absolute;margin-top:-24.5px;transform:rotate(-45deg);width:10px;color:#018a01;display:run-in}
.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{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;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-repeat:no-repeat;background-position:right top;text-align:left;cursor:pointer;width:21px;height:20px;border:solid 2px #959595}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-no label span{display:inline-block;margin:0 0 0 25px;padding:0;vertical-align:text-middle;text-align:left;color:#262626;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:15px;line-height:15.5px;font-weight:400;height:28px}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-no label span:hover{color:#959595}
.rwd #feedbackToolContainer .fbc-body .fbc-checkboxes-no #yesno-no-label::after{background:transparent;border:solid;border-color:currentColor;border-top-color:transparent;border-width:0 0 2px 2px;content:"";height:6px;margin-left:3px;opacity:0;position:absolute;margin-top:-24.5px;transform:rotate(-45deg);width:10px;color:#018a01;display:run-in}
.rwd #feedbackToolContainer .fbc-body #yesno-error{color:#c00;font-size:.9375em;font-weight:700}
.rwd #feedbackToolContainer .fbc-body #yesno-yes-block input:focus+#yesno-yes-label{outline:solid 2px}
.rwd #feedbackToolContainer .fbc-body #yesno-yes-block .fbt-checked::after{opacity:1}
.rwd #feedbackToolContainer .fbc-body #yesno-no-block .fbt-checked::after{opacity:1}
.rwd #feedbackToolContainer .fbc-body #yesno-no-block input:focus+#yesno-no-label{outline:solid 2px}
.rwd #feedbackToolContainer .fbc-body #yesno-comment:focus{outline:solid 1px}
.rwd #feedbackToolContainer .fbc-body .fbc_comments_label{font-size:.9375em;font-weight:400}
.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:auto;margin:0;padding:.5em;background-color:#f3f3f3;border:1px solid #949494;color:#262626;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:1em;line-height:1.25;font-weight:400;resize:none}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea::-webkit-input-placeholder{color:#262626}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea:-moz-placeholder{color:#262626}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea::-moz-placeholder{color:#262626}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea:-ms-input-placeholder{color:#262626}
.rwd #feedbackToolContainer .fbc-body .fbc-comments textarea::placeholder{color:#262626}
.rwd #feedbackToolContainer .fbc-body .fbc-comments .fbc-character-count{padding:0;margin-top:0;margin-bottom:1em;color:#262626;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:400}
.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:solid 1px transparent;border-radius:3px;cursor:pointer;background-color:#0068b5;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:400}
.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-title{width:90%}
.rwd #feedbackToolContainer.fbc-open .fbc-body{display:block}
.rwd #feedbackToolContainer.fbc-open .fbc-title-label{vertical-align:middle}
.rwd #feedbackToolContainer.fbc-open .fbc-close{visibility:visible}
.rwd #feedbackToolContainer.fbc-open .fbc-icon{width:27px;height:20px}
@media screen and (max-width:768px){.rwd #feedbackToolContainer{width:100%;right:0;text-align:center}
}
.rwd #feedbackToolContainer .feedbackmodal{display:inline-block;position:absolute;z-index:-1;padding-top:140px;width:100%;height:100%;overflow:auto;left:0;top:0;background-color:rgba(0,0,0,0.4);border:1px solid transparent}
.rwd #feedbackToolContainer .feeedbackmodal-content{background-color:#fefefe;margin:auto;padding:0 0 25px 0;border:1px solid transparent;width:80%;text-align:left}
.rwd #feedbackToolContainer .fbc-feedbackheader{margin:-1px;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:300;border:solid 1px transparent;background-color:#0068b5;cursor:pointer;font-size:12px;padding:2px;height:2em}
.rwd #feedbackToolContainer .feedbackmessage{text-align:center;font-size:14px;padding-top:10px;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif}
.rwd #feedbackToolContainer .fbc-submitok{text-align:center}
.rwd #feedbackToolContainer .fbc-submitok button{padding:.25em 1.6em;border:solid 1px transparent;border-radius:3px;margin-right:3px;cursor:pointer;background-color:#0068b5;color:white;font-family:'intel-clear','Intel-Clear','intel clear','Intel Clear','intelclear','IntelClear',Tahoma,'tahoma',Helvetica,'helvetica',Arial,sans-serif;font-size:14px;line-height:1.25;font-weight:400}
.rwd #feedbackToolContainer .fbc-submitok button:hover{background-color:#003c71}