@charset "UTF-8";
/*/  ticket Task #23449 ┬╗ feedback_link.pptxem requierements responsive table / */
#Feedback-r-btn { display: block; position: fixed; right: 0; top: 55%; z-index: 1; }
#Feedback-r-btn a { font-size: 18px; font-weight: 400; color: #fff; background-color: #E31818; display: block; border-radius: 5px; line-height: 40px; height: 55px; padding: 0 20px 20px 20px; margin-right: -60px; text-decoration: none; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
#Feedback-r-btn a:hover { text-decoration: none; background-color: red; margin-right: -55px; text-decoration: none; }
#Feedback-r-btn a:visited { text-decoration: none; }

.feedback-content { background-color: white; position: absolute; top: 0; z-index: 1 !important; height: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.feedback-content .sticky-content { position: absolute; }

.feedback-content.feedback-content--active { background-color: white; display: block !important; position: absolute; top: 0; z-index: 1 !important; right: 0 !important; height: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

/* On screens that are 1000px or less */
/* On screens that are 1000px or less, */
@media screen and (max-width: 750px) and (max-aspect-ratio: 4 / 10) { .feedback-content { display: none; right: -53%; width: 53%; }
    .feedback-content.feedback-content--active { display: block; right: 0; width: 53%; } }
/* On screens that are 3000px or less */
@media screen and (max-width: 3000px) and (min-width: 1024px) { .feedback-content { right: -33%; width: 33%; }
    .feedback-content.feedback-content--active { right: 0; width: 33% !important; } }
/* On screens that are 3000px or less */
@media screen and (max-width: 1023px) and (min-width: 300px) { .feedback-content { display: none; right: -100%; width: 100%; }
    .feedback-content.feedback-content--active { right: 0; width: 100% !important; } }
/* On screens that are 840x or less,   */
@media screen and (max-width: 840px) and (max-aspect-ratio: 8 / 10) { #Feedback-r-btn { display: block; position: absolute !important; right: 0 !important; top: 50% !important; z-index: 1; }
    .feedback-content { display: none; right: -100%; width: 100%; }
    .feedback-content.feedback-content--active { right: 0 !important; width: 100%; } }
/* On screens that are 992px or less,  */
@media screen and (max-width: 1200px) and (max-aspect-ratio: 8 / 10) { .feedback-content { right: -53%; width: 53%; }
    .feedback-content.feedback-content--active { right: 0; width: 53%; } }