#oo_feedback_fl_spacer { display: block; height: 1px; position: absolute; top: 0; width: 100px; }
.oo_cc_wrapper { left: 0; padding: 0; position: fixed; text-align: center; top: 25px; width: 100%; z-index: 999999; }
.oo_cc_wrapper .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
.oo_cc_wrapper span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.oo_cc_wrapper .iwrapper { background-color: white; margin: 0 auto; position: relative; width: 535px; z-index: 2; box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); }
.oo_cc_wrapper iframe { position: relative; border: none; width: 100%; z-index: 4; }
.oo_cc_wrapper .oo_cc_close { position: absolute; display: block; right: 20px; top: 5px; font: 1em/1.5em 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; text-align: center; z-index: 5; color: black; text-decoration: none; cursor: pointer; }
#oo_bar { padding: 10px 0px; cursor: pointer; color: white; border-top: 1px solid white; border-bottom: none; border-right: none; border-left: none; background-color: #005394; bottom: 0; display: block; font: 16px 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; left: 0; text-decoration: none; line-height: 16px; position: fixed; text-align: left; width: 100%; z-index: 999997; box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -1px 2px; }
#oo_bar img.bar_icon { float: left; padding-left: 10px; color: transparent; border: none; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); }
#oo_bar span.bar_text { padding-left: 10px; }
#oo_bar .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
.oo_bar { padding-bottom: 37px; }
@media only screen and (max-width: 767px) { .oo_bar { padding-bottom: 37px; } }
 
#oo_tab { display: block; position: fixed; background-color: #002663 !important; color: #ffffff; border: 1px solid #ccc; font-size: 15px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 15px; opacity: 1; z-index: 999995; cursor: pointer; text-decoration: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotate(-90deg); -ms-transform: rotate(-90deg) scale(1.02); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#oo_tab div { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#oo_tab .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
#oo_tab.oo_tab_right { right: -8px; bottom: 62%; padding: 5px 14px 14px 14px; border-bottom: 0px; border-radius: .25em .25em 0px 0px; -moz-border-radius: .25em .25em 0px 0px; -webkit-border-radius: .25em .25em 0px 0px; transform-origin: 100% 100% 0; -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; }
#oo_tab.oo_tab_right:hover, #oo_tab.oo_tab_right:focus, #oo_tab.oo_tab_right:active { -ms-transform: rotate(-90deg) scale(1.02) translateY(-5px); -webkit-transform: rotate(-90deg) translateY(-5px); -moz-transform: rotate(-90deg) translateY(-5px); }
#oo_tab img { float: left; margin-top: 3px; width: 9px; height: 9px; margin-right: 7px; margin-bottom: 1px; color: transparent; border: none; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); }

@media only screen and (max-width: 320px) {
   #oo_tab {display: none;}
   #oo_bar {display: none;}
 }
@media only screen and (min-width: 321px) {
   #oo_tab {display: none;}
   #oo_bar {display: block;}
 }
 @media only screen and (min-width: 768px) {
   #oo_tab {display: block;}
   #oo_bar {display: none;}
 }

#oo_container { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999999; }
#oo_invitation_prompt { background: #fff; max-width: 400px; box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); margin: 5% auto; text-align: left; position: relative; z-index: 999999; }
#oo_invitation_prompt #oo_invitation_company_logo img { max-height: 45px; max-width: 100%; height: auto; }
#oo_invitation_prompt #oo_invite_content { text-align: center; width: auto; padding: 0px 10% 20px 10%; box-sizing: content-box; background-image: url(oo_feedback_image.png); background-repeat: no-repeat; background-size: 400px; }
#oo_invitation_prompt #oo_invite_content p { color: black; font: 1em/1.25em 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; margin: 0; padding: 0 0 20px 0; }
#oo_invitation_prompt #oo_invite_content p#oo_invite_message { padding-top: 205px; }
/* #oo_invitation_prompt #oo_invite_content p.prompt_button button { text-align: center; color: white; text-decoration: none; font-size: 18px; line-height: 25px; font-weight: 700; width: 200px; padding: 7px 0 7px 0; display: block; height: 30px; -moz-box-shadow: inset 0px 0px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff; box-shadow: inset 0px 0px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4AB1E4), color-stop(1, #386686) ); background: -moz-linear-gradient( center top, #4AB1E4 5%, #386686 100% ); background-image: linear-gradient(to bottom, #4AB1E4 5%, #386686 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4AB1E4', endColorstr='#386686'); background-color: #78A8C8; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } */
#oo_invitation_prompt #oo_invite_content button { margin: 0 auto; color: white; text-decoration: none; font-size: 18px; line-height: 25px; font-weight: 700; width: 200px; padding: 7px 0 7px 0; display: block; height: 30px; -moz-box-shadow: inset 0px 0px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff; box-shadow: inset 0px 0px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4AB1E4), color-stop(1, #386686) ); background: -moz-linear-gradient( center top, #4AB1E4 5%, #386686 100% ); background-image: linear-gradient(to bottom, #4AB1E4 5%, #386686 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4AB1E4', endColorstr='#386686'); background-color: #78A8C8; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;}
#oo_invitation_prompt #oo_invite_content button { cursor: pointer; border: none; }
#oo_invitation_prompt #oo_invite_content button#oo_launch_prompt { box-sizing: content-box; }
#oo_invitation_prompt #oo_invite_content button#oo_no_thanks { box-sizing: content-box; }
#oo_invitation_prompt #oo_invite_content p#ol_invitation_brand_logo { font-size: 10px; text-align: center; border-top: 1px solid #ccc; line-height: 1.5em; padding: 20px 0 0 0; }
#oo_invitation_prompt #oo_close_prompt { border: none; background: transparent; cursor: pointer; position: absolute; display: block; right: 13px; top: 13px; line-height: 1em; font-size: 1em; font-family: 'Zapf Dingbats'; color: black; text-decoration: none; }
#oo_invitation_prompt .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
@media only screen and (max-width: 550px) { #oo_invitation_prompt #oo_invite_content { background-image: none; } #oo_invitation_prompt #oo_invite_content p#oo_invite_message { padding-top: 10px; } #oo_invitation_prompt { margin: 5%; } }

/* Android, iPhone 6 ----------- */
@media only screen and (max-device-width: 480px), screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) { #oo_invitation_prompt { width: 90%; }
#oo_invitation_prompt #oo_invitation_company_logo { height: auto; } }

/* iPhone 5, 4 ----------- */
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_invitation_prompt { width: 90%; height: 90%; overflow-y: scroll; overflow-x: hidden; }
#oo_invitation_prompt #oo_invitation_company_logo { height: auto; }
#oo_invitation_prompt #oo_invite_content { padding: 20px 10% 20px 10%; }
#oo_invitation_prompt #oo_invite_content #ol_invite_brand_logo { margin: 0 0 0 0; } }

/* iPhone 4 only ----------- */
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_invitation_prompt #oo_close_prompt { right: -70px; } }
#oo_waypoint_container { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999999; }

#oo_waypoint_prompt { background: #fff; box-shadow: 0px 1px 3px 0px rgba(204, 133, 133, 0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); -webkit-box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.3); margin: 5% auto; text-align: left; position: relative; max-width: 535px; z-index: 999999; }
#oo_waypoint_prompt #oo_waypoint_content p { color: black; font: 1em/1.5em 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; margin: 0; text-align: center; }
#oo_waypoint_prompt #oo_waypoint_content {background-image: url(oo_feedback_image.png); background-repeat: no-repeat; background-size: 535px;  }
#oo_waypoint_prompt #oo_waypoint_content button.waypoint_icon {display: inline-block; color: white; font-size: 15px; font-weight: 700; font-style: normal; height: 50px; line-height: 50px; width: 200px; margin: 225px 34px 10px 33px; text-decoration: none; text-align: center; cursor: pointer; cursor: hand; border: none; -moz-box-shadow: inset 0px 0px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff; box-shadow: inset 0px 0px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4AB1E4), color-stop(1, #386686) ); background: -moz-linear-gradient( center top, #4AB1E4 5%, #386686 100% ); background-image: linear-gradient(to bottom, #4AB1E4 5%, #386686 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4AB1E4', endColorstr='#386686'); background-color: #78A8C8; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;}
#oo_waypoint_prompt #oo_waypoint_content #waypoint_icons p { width: 30%; display: inline-block; font-size: 12px; padding: 0 10%; }
#oo_waypoint_prompt #oo_waypoint_content #waypoint_descriptions .waypoint_description { font-size: 13px; width: 50%; padding: 0 9%; display: inline-block; box-sizing: border-box; }
#oo_waypoint_prompt #oo_waypoint_content p#ol_waypoint_brand_logo { font-size: 10px; text-align: center; border-top: 1px solid #ccc; line-height: 1.5em; padding: 20px 0; margin-top: 10px; }
#oo_waypoint_prompt #oo_waypoint_close_prompt { position: absolute; cursor: pointer; display: block; right: 13px; top: 13px; line-height: 1em; font-size: 1em; font-family: 'Zapf Dingbats'; color: #000; text-decoration: none; background: white; border: none;}
#oo_waypoint_prompt .screen_reader { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
@media only screen and (max-width: 767px) {
    #oo_waypoint_prompt {width: 95%; }
    #oo_waypoint_prompt #oo_waypoint_content {background-image: none;}
    #oo_waypoint_prompt #oo_waypoint_content button.waypoint_icon {margin: 35px 30px 10px 31px; display: inline-block;}
    #oo_waypoint_prompt #oo_waypoint_content #waypoint_icons p {display: inline-block;} 
}
@media only screen and (max-width: 550px) {
    #oo_waypoint_prompt #oo_waypoint_content button.waypoint_icon {margin: 10px auto; display: block; }
    #oo_waypoint_prompt #oo_waypoint_content #waypoint_icons p {display: none;}
    #oo_waypoint_prompt #oo_waypoint_content #waypoint_descriptions {display: none; }
}
  
/* Android, iPhone 6 ----------- */
@media only screen and (max-device-width: 480px), screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) { #oo_waypoint_prompt { width: 90%; }
  #oo_waypoint_prompt #oo_waypoint_company_logo { height: 80px; } }
/* iPhone 5, 4 ----------- */
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2), screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_waypoint_prompt { width: 90%; height: 90%; overflow-y: scroll; overflow-x: hidden; }
  #oo_waypoint_prompt #oo_waypoint_company_logo { height: 80px; }
  #oo_waypoint_prompt #oo_waypoint_content { padding: 20px 10% 20px 10%; }
  #oo_waypoint_prompt #oo_waypoint_content #ol_waypoint_brand_logo { margin: 0 0 0 0; } }
/* iPhone 4 only ----------- */
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_waypoint_prompt #oo_waypoint_close_prompt { right: -70px; } }

/* iPhone 4 only ----------- */
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) { #oo_entry_prompt #oo_entry_close_prompt { right: -70px; } }
#oo_overlay, #oo_invitation_overlay, #oo_waypoint_overlay, #oo_entry_overlay { display: block; height: 1000%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999998; opacity: 0.5; filter: alpha(opacity=50); }
#oo_overlay.no_loading, #oo_invitation_overlay.no_loading, #oo_waypoint_overlay.no_loading, #oo_entry_overlay.no_loading { background: white; opacity: 0.5; filter: alpha(opacity=50); }
#oo_overlay img#loading_icon, #oo_invitation_overlay img#loading_icon, #oo_waypoint_overlay img#loading_icon, #oo_entry_overlay img#loading_icon { display: flex; margin: 80px auto 0 auto; }
#oo_overlay_mobile { display: block; height: 1000%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999998; opacity: 0.5; filter: alpha(opacity=50); }
#oo_overlay_mobile.no_loading_mobile { background: rgba(0, 0, 0, 0.25); opacity: 0.5; filter: alpha(opacity=50); background-color: rgba(0, 0, 0, 0.25); }

/* cursor: pointer must be set for iOS to detect click events on the #oo_waypoint_overlay */
@media screen and (max-width: 767px) { #oo_waypoint_overlay { cursor: pointer; } }
#oo_overlay.no_loading, #oo_invitation_overlay.no_loading, #oo_waypoint_overlay.no_loading, #oo_entry_overlay.no_loading { background: white; opacity: 0.5; filter: alpha(opacity=50); }
#oo_overlay_mobile.no_loading_mobile { background: rgba(0, 0, 0, 0.25); opacity: 0.5; filter: alpha(opacity=50); background-color: rgba(0, 0, 0, 0.25); }

/* IE8 set close prompt icon font size to px instead of em to avoid visual glitch  */
/*@media all\0  { #oo_waypoint_prompt #oo_close_prompt, #oo_invitation_prompt #oo_close_prompt, .oo_cc_wrapper .oo_cc_close, #oo_entry_prompt #oo_entry_close_prompt { font-size: 20px; line-height: 20px; top: 8px; } }*/
@media print { #oo_bar, .oo_feedback_float, #oo_tab { display: none; } }